diff --git a/.gitignore b/.gitignore old mode 100644 new mode 100755 index e43b0f9..646ac51 --- a/.gitignore +++ b/.gitignore @@ -1 +1,2 @@ .DS_Store +node_modules/ diff --git a/README.md b/README.md old mode 100644 new mode 100755 index 4dbd33f..16da7c5 --- a/README.md +++ b/README.md @@ -1,6 +1,5 @@ # PLEASE READ THIS FIRST -This is currently only patched in the WebKit master branch (not in any version shipped in macOS/iOS) and works with the latest version of Safari (macOS and iOS, although shellcode loading is not supported on iOS). -YES, iOS 12.1.1 IS SUPPORTED! +This is currently only patched in the WebKit sources (just to clarify this: Yes, it still works on iOS 12.1.1, meaning every iOS version since 12.0 is vulnerable. There is currently no iOS 12.x version that is not vulnerable. Every macOS version since 10.14.0 is vulnerable as well.) and works with the latest version of Safari (macOS and iOS, although this needs to be updated in order to work with iOS). Please don't do evil stuff with this. And if you're a normal user, this will be useless for you. @@ -19,9 +18,16 @@ In case you get "Addrof didn't work", just try the exploit again. If it still wo If you want to rebuild stage2, cd into stage2 then run python make.py. For building you need to have gobjcopy installed. (brew install binutils) +# Hosting +To host this exploit locally, follow these steps: +1. Run `npm install` the first time you go to run the server. +2. Run `npm start` start the server. +3. Open `:8080` on a vulnerable device. +The Host's terminal will show you a log of whats happening. + # The Bug This is an optimization error in the way RegEx matching is handled. By setting lastIndex on a RegEx object to a JavaScript object which has the function toString defined, you can run code although the JIT thinks that RegEx matching is side effect free. Exploitation is pretty similar to @5aelo's exploit for CVE-2018-4233, which can be found [here](https://github.com/saelo/cve-2018-4233). # TODO -Clean up the code a bit, add some comments and do a proper writeup. Maybe even add iOS support? Feel free to create a PR if you want to help me. +Clean up the code a bit, add some comments and do a proper writeup. Maybe even add iOS support? Feel free to create a PR if you want to help me. \ No newline at end of file diff --git a/css/app-dark.css b/css/app-dark.css new file mode 100644 index 0000000..6e5e1c4 --- /dev/null +++ b/css/app-dark.css @@ -0,0 +1,84 @@ +/* Your app styles here */ +/* Default Statusbar background */ + +html.ios.with-statusbar, .ios.with-statusbar body { height: 100vh } + +.ios .statusbar, .ios .theme-dark .statusbar { + background: #1D1D27; + /* We can add transition for smooth color animation */ + /*transition: 400ms;*/ +} + +.ios .page-content, body { + background-color: #15151E; + background: #15151E; +} + +.ios .navbar, .ios .navbar-inner, .ios .theme-dark .subnavbar, .subnavbar.ios .theme-dark { + color: #FFF !important; + background: #1D1D27; +} + +.ios .navbar:after, .ios .theme-dark .searchbar:after, .searchbar.ios .theme-dark:after { + display: none; +} + +.ios .theme-dark .searchbar, .searchbar.ios .theme-dark { + background-color: #1D1D27; +} + +.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: #15151E; + color: #fff; +} + +.ios .toolbar:before { + display: none; +} + +.ios li { + background-color: #1D1D27; + color: #FFF; +} + +.ios .theme-dark .card { + background-color: #1D1D27; +} + +.ios .block-strong, .ios .theme-dark .block-strong, .ios .theme-dark.block-strong { + background-color: #1D1D27; + color: #FFF; +} + +.ios .block:before, .ios .block:after { + display: none; +} + +.ios .list li:before, .ios .list li:after, .ios .list ul:before, .ios .list ul:after, .ios .links-list a:after { + display: none; +} + +.ios .list ul { + background: #1D1D27; +} + +.ios .toolbar, .ios .toolbar-inner, .ios .theme-dark .toolbar, .ios .theme-dark .toolbar-inner { + background-color: #1D1D27; +} + +/* Change Statusbar background when panel opened */ +html.with-panel-left-cover .ios .statusbar { + background: #222; +} + +.ios .tabbar-labels a.link, .ios .tabbar-labels a.tab-link { + padding-top: 10px; + padding-bottom: 0px; +} + +.ios .tabbar-labels .tab-link:not(.tab-link-active) .icon-ios-fill { + display: none; +} +.ios .tabbar-labels .tab-link.tab-link-active .icon:not(.icon-ios-fill) { + display: none; +} diff --git a/css/app.css b/css/app.css new file mode 100644 index 0000000..c722d38 --- /dev/null +++ b/css/app.css @@ -0,0 +1,152 @@ +/* Your app styles here */ +/* Default Statusbar background */ +input[type="search"]::-webkit-input-placeholder { + color: #fff !important; +} +input[type="search"]:-moz-placeholder { + color: #fff !important; +} +input[type="search"]::-moz-placeholder { + color: #fff !important; +} +input[type="search"]:-ms-input-placeholder { + color: #fff !important; +} +input[type="search"]::placeholder { + color: #fff !important; +} +html.ios.with-statusbar, .ios.with-statusbar body { height: 100vh } + +.ios .statusbar, .ios .statusbar { + background-image: linear-gradient(to right, #635fe8, #007cf2, #0092ee, #00a3e3, #3db1d5); + /* We can add transition for smooth color animation */ + /*transition: 400ms;*/ +} + +.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'%23FFFFFF'%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'%23FFFFFF'%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 .page-content, body { + background-color: #FFFFFF; + background: #FFFFFF; + color: #000; +} + +.ios .chip { + background: rgba(255, 255, 255, 0.77); +} + +.ios .navbar, .ios .navbar-inner, .ios .subnavbar, .subnavbar.ios { + color: #FFF !important; + background-image: linear-gradient(to right, #635fe8, #007cf2, #0092ee, #00a3e3, #3db1d5); + /*background: transparent;*/ + background-color: transparent; +} + +.ios .searchbar { + background: transparent; +} + +.ios .searchbar input[type=search], .ios .searchbar input[type=text], .searchbar.ios input[type=search], .searchbar.ios input[type=text] { + color: #fff; + background-image: linear-gradient(to right, #635fe8, #007cf2, #0092ee, #00a3e3, #3db1d5); +} +.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: transparent; + position: relative; +} + +.ios .navbar:after, .ios .searchbar:after, .searchbar.ios:after { + display: none; +} + +.ios .subnavbar:after { + background-color: transparent; + background-image: linear-gradient(to right, #635fe8, #007cf2, #0092ee, #00a3e3, #3db1d5); +} + +.ios .searchbar, .searchbar.ios { + background-image: linear-gradient(to right, #635fe8, #007cf2, #0092ee, #00a3e3, #3db1d5); +} + +.ios .searchbar input[type=search], .ios .searchbar input[type=text], .searchbar.ios input[type=search], .searchbar.ios input[type=text] { + background-color: transparent; + color: #fff; +} + +.ios .toolbar:before { + display: none; +} + +.ios li { + background-color: #FFFFFF; + color: #000; +} + +.ios .card { + background-color: #FFFFFF; +} + +.ios .block-strong, .ios .block-strong, .ios .theme-dark.block-strong { + background-color: #FFFFFF; + color: #000; +} + +.ios .block:before, .ios .block:after { + display: none; +} + +.ios .list li:before, .ios .list li:after, .ios .list ul:before, .ios .list ul:after, .ios .links-list a:after { + display: none; +} + +.ios .list ul { + background: #FFFFFF; +} + +.ios .toolbar, .ios .toolbar-inner, .ios .toolbar, .ios .toolbar-inner { + background-color: #FFF; +} + +/* Change Statusbar background when panel opened */ +html.with-panel-left-cover .ios .statusbar { + background: #222; +} + +.ios .tabbar-labels a.link, .ios .tabbar-labels a.tab-link { + padding-top: 10px; + padding-bottom: 0px; +} + +.ios .tabbar-labels .tab-link:not(.tab-link-active) .icon-ios-fill { + display: none; +} +.ios .tabbar-labels .tab-link.tab-link-active .icon:not(.icon-ios-fill) { + display: none; +} diff --git a/css/icons.css b/css/icons.css new file mode 100644 index 0000000..30d8969 --- /dev/null +++ b/css/icons.css @@ -0,0 +1,70 @@ +/* Material Icons Font (for MD theme) */ +@font-face { + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; + src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */ + src: local('Material Icons'), + local('MaterialIcons-Regular'), + url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), + url(../fonts/MaterialIcons-Regular.woff) format('woff'), + url(../fonts/MaterialIcons-Regular.ttf) format('truetype'); +} + +.material-icons { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; /* Preferred icon size */ + display: inline-block; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* Framework7 Icons Font (for iOS theme) */ +@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 { + font-family: 'Framework7 Icons'; + font-weight: normal; + font-style: normal; + font-size: 25px; + 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; +} diff --git a/done.js b/done.js new file mode 100755 index 0000000..42a14cf --- /dev/null +++ b/done.js @@ -0,0 +1,2 @@ +// for the host console to refresh and recognize that the procedure is done. +console.log("[STATUS] All set! Closing client connection..."); diff --git a/fonts/Framework7Icons-Regular.eot b/fonts/Framework7Icons-Regular.eot new file mode 100644 index 0000000..8b87aef Binary files /dev/null and b/fonts/Framework7Icons-Regular.eot differ diff --git a/fonts/Framework7Icons-Regular.ttf b/fonts/Framework7Icons-Regular.ttf new file mode 100644 index 0000000..72ec5c3 Binary files /dev/null and b/fonts/Framework7Icons-Regular.ttf differ diff --git a/fonts/Framework7Icons-Regular.woff b/fonts/Framework7Icons-Regular.woff new file mode 100644 index 0000000..1f37686 Binary files /dev/null and b/fonts/Framework7Icons-Regular.woff differ diff --git a/fonts/Framework7Icons-Regular.woff2 b/fonts/Framework7Icons-Regular.woff2 new file mode 100644 index 0000000..298e746 Binary files /dev/null and b/fonts/Framework7Icons-Regular.woff2 differ diff --git a/fonts/MaterialIcons-Regular.eot b/fonts/MaterialIcons-Regular.eot new file mode 100644 index 0000000..70508eb Binary files /dev/null and b/fonts/MaterialIcons-Regular.eot differ diff --git a/fonts/MaterialIcons-Regular.ttf b/fonts/MaterialIcons-Regular.ttf new file mode 100644 index 0000000..7015564 Binary files /dev/null and b/fonts/MaterialIcons-Regular.ttf differ diff --git a/fonts/MaterialIcons-Regular.woff b/fonts/MaterialIcons-Regular.woff new file mode 100644 index 0000000..b648a3e Binary files /dev/null and b/fonts/MaterialIcons-Regular.woff differ diff --git a/fonts/MaterialIcons-Regular.woff2 b/fonts/MaterialIcons-Regular.woff2 new file mode 100644 index 0000000..9fa2112 Binary files /dev/null and b/fonts/MaterialIcons-Regular.woff2 differ diff --git a/framework7/css/framework7.css b/framework7/css/framework7.css new file mode 100644 index 0000000..66cd83b --- /dev/null +++ b/framework7/css/framework7.css @@ -0,0 +1,29570 @@ +/** + * Framework7 3.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2018 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: July 5, 2018 + */ +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 UI Text, 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, 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 > .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 { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; +} +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; +} +.item-after .ios .badge { + min-width: 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; +} +/* === 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; +} +.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; +} +.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; +} +.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; +} +.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; +} +.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; +} +.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); +} +.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: 10500; +} +.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; +} +.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; +} +.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)); + } +} +.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; +} +.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: 13500; + -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); + } +} +.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); + } +} +.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); + } +} +.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); +} +.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)); + } +} +.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); +} +.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; +} +.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; +} +.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"); +} +.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; +} +.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; +} +.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; +} +.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; +} +.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 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; +} +/* === 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)); +} +.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; +} +.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; +} +.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; +} +.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; +} +.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; +} +.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; +} +.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; +} +.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 { + color: transparent !important; +} +.md .item-floating-label ~ .item-input-wrap input:-ms-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea:-ms-input-placeholder { + color: transparent !important; +} +.md .item-floating-label ~ .item-input-wrap input::-ms-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea::-ms-input-placeholder { + color: transparent !important; +} +.md .item-floating-label ~ .item-input-wrap input::placeholder, +.md .item-floating-label ~ .item-input-wrap textarea::placeholder { + color: transparent !important; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +/* === 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; +} +.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; +} +.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; +} +.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; +} +.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; +} +.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); +} +.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; +} +.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; +} +.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 .stepper-button, +.ios .color-theme-red .stepper .stepper-button-minus, +.ios .color-theme-red .stepper .stepper-button-plus { + border-color: #ff3b30; + color: #ff3b30; +} +.ios .color-theme-red .stepper .stepper-button.active-state, +.ios .color-theme-red .stepper .stepper-button-minus.active-state, +.ios .color-theme-red .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 59, 48, 0.15); +} +.ios .color-theme-red .stepper .stepper-button-plus:after, +.ios .color-theme-red .stepper .stepper-button-minus:after, +.ios .color-theme-red .stepper .stepper-button-plus:before, +.ios .color-theme-red .stepper .stepper-button-minus:before { + background-color: #ff3b30; +} +.ios .color-theme-red .stepper .stepper-value, +.ios .color-theme-red .stepper .stepper-input-wrap { + border-top-color: #ff3b30; + border-bottom-color: #ff3b30; +} +.ios .color-theme-red .stepper .stepper-value { + color: #ff3b30; +} +.ios .color-theme-red .stepper .stepper-input-wrap input { + color: #ff3b30; +} +.ios .color-theme-red .stepper.stepper-fill .stepper-button, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ff3b30; +} +.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff3b30; + border-color: #ff3b30; + background-color: transparent; +} +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff3b30; +} +.ios .color-theme-green .stepper .stepper-button, +.ios .color-theme-green .stepper .stepper-button-minus, +.ios .color-theme-green .stepper .stepper-button-plus { + border-color: #4cd964; + color: #4cd964; +} +.ios .color-theme-green .stepper .stepper-button.active-state, +.ios .color-theme-green .stepper .stepper-button-minus.active-state, +.ios .color-theme-green .stepper .stepper-button-plus.active-state { + background-color: rgba(76, 217, 100, 0.15); +} +.ios .color-theme-green .stepper .stepper-button-plus:after, +.ios .color-theme-green .stepper .stepper-button-minus:after, +.ios .color-theme-green .stepper .stepper-button-plus:before, +.ios .color-theme-green .stepper .stepper-button-minus:before { + background-color: #4cd964; +} +.ios .color-theme-green .stepper .stepper-value, +.ios .color-theme-green .stepper .stepper-input-wrap { + border-top-color: #4cd964; + border-bottom-color: #4cd964; +} +.ios .color-theme-green .stepper .stepper-value { + color: #4cd964; +} +.ios .color-theme-green .stepper .stepper-input-wrap input { + color: #4cd964; +} +.ios .color-theme-green .stepper.stepper-fill .stepper-button, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #4cd964; +} +.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #4cd964; + border-color: #4cd964; + background-color: transparent; +} +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #4cd964; +} +.ios .color-theme-blue .stepper .stepper-button, +.ios .color-theme-blue .stepper .stepper-button-minus, +.ios .color-theme-blue .stepper .stepper-button-plus { + border-color: #007aff; + color: #007aff; +} +.ios .color-theme-blue .stepper .stepper-button.active-state, +.ios .color-theme-blue .stepper .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper .stepper-button-plus.active-state { + background-color: rgba(0, 122, 255, 0.15); +} +.ios .color-theme-blue .stepper .stepper-button-plus:after, +.ios .color-theme-blue .stepper .stepper-button-minus:after, +.ios .color-theme-blue .stepper .stepper-button-plus:before, +.ios .color-theme-blue .stepper .stepper-button-minus:before { + background-color: #007aff; +} +.ios .color-theme-blue .stepper .stepper-value, +.ios .color-theme-blue .stepper .stepper-input-wrap { + border-top-color: #007aff; + border-bottom-color: #007aff; +} +.ios .color-theme-blue .stepper .stepper-value { + color: #007aff; +} +.ios .color-theme-blue .stepper .stepper-input-wrap input { + color: #007aff; +} +.ios .color-theme-blue .stepper.stepper-fill .stepper-button, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #007aff; +} +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #007aff; + border-color: #007aff; + background-color: transparent; +} +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #007aff; +} +.ios .color-theme-pink .stepper .stepper-button, +.ios .color-theme-pink .stepper .stepper-button-minus, +.ios .color-theme-pink .stepper .stepper-button-plus { + border-color: #ff2d55; + color: #ff2d55; +} +.ios .color-theme-pink .stepper .stepper-button.active-state, +.ios .color-theme-pink .stepper .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 45, 85, 0.15); +} +.ios .color-theme-pink .stepper .stepper-button-plus:after, +.ios .color-theme-pink .stepper .stepper-button-minus:after, +.ios .color-theme-pink .stepper .stepper-button-plus:before, +.ios .color-theme-pink .stepper .stepper-button-minus:before { + background-color: #ff2d55; +} +.ios .color-theme-pink .stepper .stepper-value, +.ios .color-theme-pink .stepper .stepper-input-wrap { + border-top-color: #ff2d55; + border-bottom-color: #ff2d55; +} +.ios .color-theme-pink .stepper .stepper-value { + color: #ff2d55; +} +.ios .color-theme-pink .stepper .stepper-input-wrap input { + color: #ff2d55; +} +.ios .color-theme-pink .stepper.stepper-fill .stepper-button, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ff2d55; +} +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff2d55; + border-color: #ff2d55; + background-color: transparent; +} +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff2d55; +} +.ios .color-theme-yellow .stepper .stepper-button, +.ios .color-theme-yellow .stepper .stepper-button-minus, +.ios .color-theme-yellow .stepper .stepper-button-plus { + border-color: #ffcc00; + color: #ffcc00; +} +.ios .color-theme-yellow .stepper .stepper-button.active-state, +.ios .color-theme-yellow .stepper .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 204, 0, 0.15); +} +.ios .color-theme-yellow .stepper .stepper-button-plus:after, +.ios .color-theme-yellow .stepper .stepper-button-minus:after, +.ios .color-theme-yellow .stepper .stepper-button-plus:before, +.ios .color-theme-yellow .stepper .stepper-button-minus:before { + background-color: #ffcc00; +} +.ios .color-theme-yellow .stepper .stepper-value, +.ios .color-theme-yellow .stepper .stepper-input-wrap { + border-top-color: #ffcc00; + border-bottom-color: #ffcc00; +} +.ios .color-theme-yellow .stepper .stepper-value { + color: #ffcc00; +} +.ios .color-theme-yellow .stepper .stepper-input-wrap input { + color: #ffcc00; +} +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ffcc00; +} +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffcc00; + border-color: #ffcc00; + background-color: transparent; +} +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ffcc00; +} +.ios .color-theme-orange .stepper .stepper-button, +.ios .color-theme-orange .stepper .stepper-button-minus, +.ios .color-theme-orange .stepper .stepper-button-plus { + border-color: #ff9500; + color: #ff9500; +} +.ios .color-theme-orange .stepper .stepper-button.active-state, +.ios .color-theme-orange .stepper .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 149, 0, 0.15); +} +.ios .color-theme-orange .stepper .stepper-button-plus:after, +.ios .color-theme-orange .stepper .stepper-button-minus:after, +.ios .color-theme-orange .stepper .stepper-button-plus:before, +.ios .color-theme-orange .stepper .stepper-button-minus:before { + background-color: #ff9500; +} +.ios .color-theme-orange .stepper .stepper-value, +.ios .color-theme-orange .stepper .stepper-input-wrap { + border-top-color: #ff9500; + border-bottom-color: #ff9500; +} +.ios .color-theme-orange .stepper .stepper-value { + color: #ff9500; +} +.ios .color-theme-orange .stepper .stepper-input-wrap input { + color: #ff9500; +} +.ios .color-theme-orange .stepper.stepper-fill .stepper-button, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ff9500; +} +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff9500; + border-color: #ff9500; + background-color: transparent; +} +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff9500; +} +.ios .color-theme-gray .stepper .stepper-button, +.ios .color-theme-gray .stepper .stepper-button-minus, +.ios .color-theme-gray .stepper .stepper-button-plus { + border-color: #8e8e93; + color: #8e8e93; +} +.ios .color-theme-gray .stepper .stepper-button.active-state, +.ios .color-theme-gray .stepper .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper .stepper-button-plus.active-state { + background-color: rgba(142, 142, 147, 0.15); +} +.ios .color-theme-gray .stepper .stepper-button-plus:after, +.ios .color-theme-gray .stepper .stepper-button-minus:after, +.ios .color-theme-gray .stepper .stepper-button-plus:before, +.ios .color-theme-gray .stepper .stepper-button-minus:before { + background-color: #8e8e93; +} +.ios .color-theme-gray .stepper .stepper-value, +.ios .color-theme-gray .stepper .stepper-input-wrap { + border-top-color: #8e8e93; + border-bottom-color: #8e8e93; +} +.ios .color-theme-gray .stepper .stepper-value { + color: #8e8e93; +} +.ios .color-theme-gray .stepper .stepper-input-wrap input { + color: #8e8e93; +} +.ios .color-theme-gray .stepper.stepper-fill .stepper-button, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #8e8e93; +} +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #8e8e93; + border-color: #8e8e93; + background-color: transparent; +} +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #8e8e93; +} +.ios .color-theme-white .stepper .stepper-button, +.ios .color-theme-white .stepper .stepper-button-minus, +.ios .color-theme-white .stepper .stepper-button-plus { + border-color: #ffffff; + color: #ffffff; +} +.ios .color-theme-white .stepper .stepper-button.active-state, +.ios .color-theme-white .stepper .stepper-button-minus.active-state, +.ios .color-theme-white .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 255, 255, 0.15); +} +.ios .color-theme-white .stepper .stepper-button-plus:after, +.ios .color-theme-white .stepper .stepper-button-minus:after, +.ios .color-theme-white .stepper .stepper-button-plus:before, +.ios .color-theme-white .stepper .stepper-button-minus:before { + background-color: #ffffff; +} +.ios .color-theme-white .stepper .stepper-value, +.ios .color-theme-white .stepper .stepper-input-wrap { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.ios .color-theme-white .stepper .stepper-value { + color: #ffffff; +} +.ios .color-theme-white .stepper .stepper-input-wrap input { + color: #ffffff; +} +.ios .color-theme-white .stepper.stepper-fill .stepper-button, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ffffff; +} +.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffffff; + border-color: #ffffff; + background-color: transparent; +} +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ffffff; +} +.ios .color-theme-black .stepper .stepper-button, +.ios .color-theme-black .stepper .stepper-button-minus, +.ios .color-theme-black .stepper .stepper-button-plus { + border-color: #000000; + color: #000000; +} +.ios .color-theme-black .stepper .stepper-button.active-state, +.ios .color-theme-black .stepper .stepper-button-minus.active-state, +.ios .color-theme-black .stepper .stepper-button-plus.active-state { + background-color: rgba(0, 0, 0, 0.15); +} +.ios .color-theme-black .stepper .stepper-button-plus:after, +.ios .color-theme-black .stepper .stepper-button-minus:after, +.ios .color-theme-black .stepper .stepper-button-plus:before, +.ios .color-theme-black .stepper .stepper-button-minus:before { + background-color: #000000; +} +.ios .color-theme-black .stepper .stepper-value, +.ios .color-theme-black .stepper .stepper-input-wrap { + border-top-color: #000000; + border-bottom-color: #000000; +} +.ios .color-theme-black .stepper .stepper-value { + color: #000000; +} +.ios .color-theme-black .stepper .stepper-input-wrap input { + color: #000000; +} +.ios .color-theme-black .stepper.stepper-fill .stepper-button, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #000000; +} +.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #000000; + border-color: #000000; + background-color: transparent; +} +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-black .stepper.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 { + color: #ff3b30; +} +.ios .stepper.color-red .stepper-input-wrap input { + color: #ff3b30; +} +.ios .stepper.color-red.stepper-fill .stepper-button, +.ios .stepper.color-red.stepper-fill-ios .stepper-button, +.ios .stepper.color-red.stepper-fill .stepper-button-minus, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-red.stepper-fill .stepper-button-plus, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus { + background-color: #ff3b30; +} +.ios .stepper.color-red.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-red.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-red.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-red.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff3b30; + border-color: #ff3b30; + background-color: transparent; +} +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-red.stepper-small-ios.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 { + color: #4cd964; +} +.ios .stepper.color-green .stepper-input-wrap input { + color: #4cd964; +} +.ios .stepper.color-green.stepper-fill .stepper-button, +.ios .stepper.color-green.stepper-fill-ios .stepper-button, +.ios .stepper.color-green.stepper-fill .stepper-button-minus, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-green.stepper-fill .stepper-button-plus, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus { + background-color: #4cd964; +} +.ios .stepper.color-green.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-green.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-green.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-green.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #4cd964; + border-color: #4cd964; + background-color: transparent; +} +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-green.stepper-small-ios.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 { + color: #007aff; +} +.ios .stepper.color-blue .stepper-input-wrap input { + color: #007aff; +} +.ios .stepper.color-blue.stepper-fill .stepper-button, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button, +.ios .stepper.color-blue.stepper-fill .stepper-button-minus, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-blue.stepper-fill .stepper-button-plus, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus { + background-color: #007aff; +} +.ios .stepper.color-blue.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-blue.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-blue.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-blue.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #007aff; + border-color: #007aff; + background-color: transparent; +} +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-blue.stepper-small-ios.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 { + color: #ff2d55; +} +.ios .stepper.color-pink .stepper-input-wrap input { + color: #ff2d55; +} +.ios .stepper.color-pink.stepper-fill .stepper-button, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button, +.ios .stepper.color-pink.stepper-fill .stepper-button-minus, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-pink.stepper-fill .stepper-button-plus, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus { + background-color: #ff2d55; +} +.ios .stepper.color-pink.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-pink.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-pink.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-pink.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff2d55; + border-color: #ff2d55; + background-color: transparent; +} +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-pink.stepper-small-ios.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 { + color: #ffcc00; +} +.ios .stepper.color-yellow .stepper-input-wrap input { + color: #ffcc00; +} +.ios .stepper.color-yellow.stepper-fill .stepper-button, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button, +.ios .stepper.color-yellow.stepper-fill .stepper-button-minus, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-yellow.stepper-fill .stepper-button-plus, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus { + background-color: #ffcc00; +} +.ios .stepper.color-yellow.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-yellow.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-yellow.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-yellow.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffcc00; + border-color: #ffcc00; + background-color: transparent; +} +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-yellow.stepper-small-ios.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 { + color: #ff9500; +} +.ios .stepper.color-orange .stepper-input-wrap input { + color: #ff9500; +} +.ios .stepper.color-orange.stepper-fill .stepper-button, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button, +.ios .stepper.color-orange.stepper-fill .stepper-button-minus, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-orange.stepper-fill .stepper-button-plus, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus { + background-color: #ff9500; +} +.ios .stepper.color-orange.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-orange.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-orange.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-orange.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff9500; + border-color: #ff9500; + background-color: transparent; +} +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-orange.stepper-small-ios.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 { + color: #8e8e93; +} +.ios .stepper.color-gray .stepper-input-wrap input { + color: #8e8e93; +} +.ios .stepper.color-gray.stepper-fill .stepper-button, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button, +.ios .stepper.color-gray.stepper-fill .stepper-button-minus, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-gray.stepper-fill .stepper-button-plus, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus { + background-color: #8e8e93; +} +.ios .stepper.color-gray.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-gray.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-gray.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-gray.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #8e8e93; + border-color: #8e8e93; + background-color: transparent; +} +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-gray.stepper-small-ios.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 { + color: #ffffff; +} +.ios .stepper.color-white .stepper-input-wrap input { + color: #ffffff; +} +.ios .stepper.color-white.stepper-fill .stepper-button, +.ios .stepper.color-white.stepper-fill-ios .stepper-button, +.ios .stepper.color-white.stepper-fill .stepper-button-minus, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-white.stepper-fill .stepper-button-plus, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus { + background-color: #ffffff; +} +.ios .stepper.color-white.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-white.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-white.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-white.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffffff; + border-color: #ffffff; + background-color: transparent; +} +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-white.stepper-small-ios.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 { + color: #000000; +} +.ios .stepper.color-black .stepper-input-wrap input { + color: #000000; +} +.ios .stepper.color-black.stepper-fill .stepper-button, +.ios .stepper.color-black.stepper-fill-ios .stepper-button, +.ios .stepper.color-black.stepper-fill .stepper-button-minus, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-black.stepper-fill .stepper-button-plus, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus { + background-color: #000000; +} +.ios .stepper.color-black.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-black.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-black.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-black.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #000000; + border-color: #000000; + background-color: transparent; +} +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #000000; +} +.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 { + color: #f44336; +} +.md .color-theme-red .stepper .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 { + color: #4caf50; +} +.md .color-theme-green .stepper .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 { + color: #2196f3; +} +.md .color-theme-blue .stepper .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 { + color: #e91e63; +} +.md .color-theme-pink .stepper .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 { + color: #ffeb3b; +} +.md .color-theme-yellow .stepper .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 { + color: #ff9800; +} +.md .color-theme-orange .stepper .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 { + color: #9e9e9e; +} +.md .color-theme-gray .stepper .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 { + color: #ffffff; +} +.md .color-theme-white .stepper .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 { + color: #000000; +} +.md .color-theme-black .stepper .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 { + color: #f44336; +} +.md .stepper.color-red .stepper-input-wrap input { + color: #f44336; +} +.md .stepper.color-red.stepper-fill .stepper-button, +.md .stepper.color-red.stepper-fill-md .stepper-button, +.md .stepper.color-red.stepper-fill .stepper-button-minus, +.md .stepper.color-red.stepper-fill-md .stepper-button-minus, +.md .stepper.color-red.stepper-fill .stepper-button-plus, +.md .stepper.color-red.stepper-fill-md .stepper-button-plus { + background-color: #f44336; + color: #fff; +} +.md .stepper.color-red.stepper-fill .stepper-button.active-state, +.md .stepper.color-red.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-red.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-red.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-red.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-red.stepper-fill-md .stepper-button-plus.active-state { + background: #f21f0f; +} +.md .stepper.color-red.stepper-fill .stepper-button:after, +.md .stepper.color-red.stepper-fill-md .stepper-button:after, +.md .stepper.color-red.stepper-fill .stepper-button-minus:after, +.md .stepper.color-red.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-red.stepper-fill .stepper-button-plus:after, +.md .stepper.color-red.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-red.stepper-fill .stepper-button:before, +.md .stepper.color-red.stepper-fill-md .stepper-button:before, +.md .stepper.color-red.stepper-fill .stepper-button-minus:before, +.md .stepper.color-red.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-red.stepper-fill .stepper-button-plus:before, +.md .stepper.color-red.stepper-fill-md .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 { + color: #4caf50; +} +.md .stepper.color-green .stepper-input-wrap input { + color: #4caf50; +} +.md .stepper.color-green.stepper-fill .stepper-button, +.md .stepper.color-green.stepper-fill-md .stepper-button, +.md .stepper.color-green.stepper-fill .stepper-button-minus, +.md .stepper.color-green.stepper-fill-md .stepper-button-minus, +.md .stepper.color-green.stepper-fill .stepper-button-plus, +.md .stepper.color-green.stepper-fill-md .stepper-button-plus { + background-color: #4caf50; + color: #fff; +} +.md .stepper.color-green.stepper-fill .stepper-button.active-state, +.md .stepper.color-green.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-green.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-green.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-green.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-green.stepper-fill-md .stepper-button-plus.active-state { + background: #409343; +} +.md .stepper.color-green.stepper-fill .stepper-button:after, +.md .stepper.color-green.stepper-fill-md .stepper-button:after, +.md .stepper.color-green.stepper-fill .stepper-button-minus:after, +.md .stepper.color-green.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-green.stepper-fill .stepper-button-plus:after, +.md .stepper.color-green.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-green.stepper-fill .stepper-button:before, +.md .stepper.color-green.stepper-fill-md .stepper-button:before, +.md .stepper.color-green.stepper-fill .stepper-button-minus:before, +.md .stepper.color-green.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-green.stepper-fill .stepper-button-plus:before, +.md .stepper.color-green.stepper-fill-md .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 { + color: #2196f3; +} +.md .stepper.color-blue .stepper-input-wrap input { + color: #2196f3; +} +.md .stepper.color-blue.stepper-fill .stepper-button, +.md .stepper.color-blue.stepper-fill-md .stepper-button, +.md .stepper.color-blue.stepper-fill .stepper-button-minus, +.md .stepper.color-blue.stepper-fill-md .stepper-button-minus, +.md .stepper.color-blue.stepper-fill .stepper-button-plus, +.md .stepper.color-blue.stepper-fill-md .stepper-button-plus { + background-color: #2196f3; + color: #fff; +} +.md .stepper.color-blue.stepper-fill .stepper-button.active-state, +.md .stepper.color-blue.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-blue.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-blue.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-blue.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-blue.stepper-fill-md .stepper-button-plus.active-state { + background: #0c82df; +} +.md .stepper.color-blue.stepper-fill .stepper-button:after, +.md .stepper.color-blue.stepper-fill-md .stepper-button:after, +.md .stepper.color-blue.stepper-fill .stepper-button-minus:after, +.md .stepper.color-blue.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-blue.stepper-fill .stepper-button-plus:after, +.md .stepper.color-blue.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-blue.stepper-fill .stepper-button:before, +.md .stepper.color-blue.stepper-fill-md .stepper-button:before, +.md .stepper.color-blue.stepper-fill .stepper-button-minus:before, +.md .stepper.color-blue.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-blue.stepper-fill .stepper-button-plus:before, +.md .stepper.color-blue.stepper-fill-md .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 { + color: #e91e63; +} +.md .stepper.color-pink .stepper-input-wrap input { + color: #e91e63; +} +.md .stepper.color-pink.stepper-fill .stepper-button, +.md .stepper.color-pink.stepper-fill-md .stepper-button, +.md .stepper.color-pink.stepper-fill .stepper-button-minus, +.md .stepper.color-pink.stepper-fill-md .stepper-button-minus, +.md .stepper.color-pink.stepper-fill .stepper-button-plus, +.md .stepper.color-pink.stepper-fill-md .stepper-button-plus { + background-color: #e91e63; + color: #fff; +} +.md .stepper.color-pink.stepper-fill .stepper-button.active-state, +.md .stepper.color-pink.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-pink.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-pink.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-pink.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-pink.stepper-fill-md .stepper-button-plus.active-state { + background: #ca1452; +} +.md .stepper.color-pink.stepper-fill .stepper-button:after, +.md .stepper.color-pink.stepper-fill-md .stepper-button:after, +.md .stepper.color-pink.stepper-fill .stepper-button-minus:after, +.md .stepper.color-pink.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-pink.stepper-fill .stepper-button-plus:after, +.md .stepper.color-pink.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-pink.stepper-fill .stepper-button:before, +.md .stepper.color-pink.stepper-fill-md .stepper-button:before, +.md .stepper.color-pink.stepper-fill .stepper-button-minus:before, +.md .stepper.color-pink.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-pink.stepper-fill .stepper-button-plus:before, +.md .stepper.color-pink.stepper-fill-md .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 { + color: #ffeb3b; +} +.md .stepper.color-yellow .stepper-input-wrap input { + color: #ffeb3b; +} +.md .stepper.color-yellow.stepper-fill .stepper-button, +.md .stepper.color-yellow.stepper-fill-md .stepper-button, +.md .stepper.color-yellow.stepper-fill .stepper-button-minus, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus, +.md .stepper.color-yellow.stepper-fill .stepper-button-plus, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus { + background-color: #ffeb3b; + color: #fff; +} +.md .stepper.color-yellow.stepper-fill .stepper-button.active-state, +.md .stepper.color-yellow.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-yellow.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-yellow.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus.active-state { + background: #ffe712; +} +.md .stepper.color-yellow.stepper-fill .stepper-button:after, +.md .stepper.color-yellow.stepper-fill-md .stepper-button:after, +.md .stepper.color-yellow.stepper-fill .stepper-button-minus:after, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-yellow.stepper-fill .stepper-button-plus:after, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-yellow.stepper-fill .stepper-button:before, +.md .stepper.color-yellow.stepper-fill-md .stepper-button:before, +.md .stepper.color-yellow.stepper-fill .stepper-button-minus:before, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-yellow.stepper-fill .stepper-button-plus:before, +.md .stepper.color-yellow.stepper-fill-md .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 { + color: #ff9800; +} +.md .stepper.color-orange .stepper-input-wrap input { + color: #ff9800; +} +.md .stepper.color-orange.stepper-fill .stepper-button, +.md .stepper.color-orange.stepper-fill-md .stepper-button, +.md .stepper.color-orange.stepper-fill .stepper-button-minus, +.md .stepper.color-orange.stepper-fill-md .stepper-button-minus, +.md .stepper.color-orange.stepper-fill .stepper-button-plus, +.md .stepper.color-orange.stepper-fill-md .stepper-button-plus { + background-color: #ff9800; + color: #fff; +} +.md .stepper.color-orange.stepper-fill .stepper-button.active-state, +.md .stepper.color-orange.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-orange.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-orange.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-orange.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-orange.stepper-fill-md .stepper-button-plus.active-state { + background: #d68000; +} +.md .stepper.color-orange.stepper-fill .stepper-button:after, +.md .stepper.color-orange.stepper-fill-md .stepper-button:after, +.md .stepper.color-orange.stepper-fill .stepper-button-minus:after, +.md .stepper.color-orange.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-orange.stepper-fill .stepper-button-plus:after, +.md .stepper.color-orange.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-orange.stepper-fill .stepper-button:before, +.md .stepper.color-orange.stepper-fill-md .stepper-button:before, +.md .stepper.color-orange.stepper-fill .stepper-button-minus:before, +.md .stepper.color-orange.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-orange.stepper-fill .stepper-button-plus:before, +.md .stepper.color-orange.stepper-fill-md .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 { + color: #9e9e9e; +} +.md .stepper.color-gray .stepper-input-wrap input { + color: #9e9e9e; +} +.md .stepper.color-gray.stepper-fill .stepper-button, +.md .stepper.color-gray.stepper-fill-md .stepper-button, +.md .stepper.color-gray.stepper-fill .stepper-button-minus, +.md .stepper.color-gray.stepper-fill-md .stepper-button-minus, +.md .stepper.color-gray.stepper-fill .stepper-button-plus, +.md .stepper.color-gray.stepper-fill-md .stepper-button-plus { + background-color: #9e9e9e; + color: #fff; +} +.md .stepper.color-gray.stepper-fill .stepper-button.active-state, +.md .stepper.color-gray.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-gray.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-gray.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-gray.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-gray.stepper-fill-md .stepper-button-plus.active-state { + background: #8a8a8a; +} +.md .stepper.color-gray.stepper-fill .stepper-button:after, +.md .stepper.color-gray.stepper-fill-md .stepper-button:after, +.md .stepper.color-gray.stepper-fill .stepper-button-minus:after, +.md .stepper.color-gray.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-gray.stepper-fill .stepper-button-plus:after, +.md .stepper.color-gray.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-gray.stepper-fill .stepper-button:before, +.md .stepper.color-gray.stepper-fill-md .stepper-button:before, +.md .stepper.color-gray.stepper-fill .stepper-button-minus:before, +.md .stepper.color-gray.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-gray.stepper-fill .stepper-button-plus:before, +.md .stepper.color-gray.stepper-fill-md .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 { + color: #ffffff; +} +.md .stepper.color-white .stepper-input-wrap input { + color: #ffffff; +} +.md .stepper.color-white.stepper-fill .stepper-button, +.md .stepper.color-white.stepper-fill-md .stepper-button, +.md .stepper.color-white.stepper-fill .stepper-button-minus, +.md .stepper.color-white.stepper-fill-md .stepper-button-minus, +.md .stepper.color-white.stepper-fill .stepper-button-plus, +.md .stepper.color-white.stepper-fill-md .stepper-button-plus { + background-color: #ffffff; + color: #fff; +} +.md .stepper.color-white.stepper-fill .stepper-button.active-state, +.md .stepper.color-white.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-white.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-white.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-white.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-white.stepper-fill-md .stepper-button-plus.active-state { + background: #ebebeb; +} +.md .stepper.color-white.stepper-fill .stepper-button:after, +.md .stepper.color-white.stepper-fill-md .stepper-button:after, +.md .stepper.color-white.stepper-fill .stepper-button-minus:after, +.md .stepper.color-white.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-white.stepper-fill .stepper-button-plus:after, +.md .stepper.color-white.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-white.stepper-fill .stepper-button:before, +.md .stepper.color-white.stepper-fill-md .stepper-button:before, +.md .stepper.color-white.stepper-fill .stepper-button-minus:before, +.md .stepper.color-white.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-white.stepper-fill .stepper-button-plus:before, +.md .stepper.color-white.stepper-fill-md .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 { + color: #000000; +} +.md .stepper.color-black .stepper-input-wrap input { + color: #000000; +} +.md .stepper.color-black.stepper-fill .stepper-button, +.md .stepper.color-black.stepper-fill-md .stepper-button, +.md .stepper.color-black.stepper-fill .stepper-button-minus, +.md .stepper.color-black.stepper-fill-md .stepper-button-minus, +.md .stepper.color-black.stepper-fill .stepper-button-plus, +.md .stepper.color-black.stepper-fill-md .stepper-button-plus { + background-color: #000000; + color: #fff; +} +.md .stepper.color-black.stepper-fill .stepper-button.active-state, +.md .stepper.color-black.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-black.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-black.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-black.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-black.stepper-fill-md .stepper-button-plus.active-state { + background: #000000; +} +.md .stepper.color-black.stepper-fill .stepper-button:after, +.md .stepper.color-black.stepper-fill-md .stepper-button:after, +.md .stepper.color-black.stepper-fill .stepper-button-minus:after, +.md .stepper.color-black.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-black.stepper-fill .stepper-button-plus:after, +.md .stepper.color-black.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-black.stepper-fill .stepper-button:before, +.md .stepper.color-black.stepper-fill-md .stepper-button:before, +.md .stepper.color-black.stepper-fill .stepper-button-minus:before, +.md .stepper.color-black.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-black.stepper-fill .stepper-button-plus:before, +.md .stepper.color-black.stepper-fill-md .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; +} +.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; +} +.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 === */ +.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%; + } +} +/* === 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 span { + color: #fff; +} +.calendar-day.calendar-day-has-events span:after { + content: ''; + width: 4px; + height: 4px; + border-radius: 50%; + position: absolute; + margin-left: -2px; + left: 50%; + bottom: 1px; +} +.calendar-day span { + display: inline-block; + border-radius: 100%; + position: relative; +} +.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 span { + 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 span, +.calendar-year-selector span { + -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 span { + background: #e3e3e3; +} +.ios .calendar-day.calendar-day-has-events span:after { + background: #007aff; +} +.ios .calendar-day.calendar-day-has-events.calendar-day-selected span:after { + background-color: #fff; +} +.ios .calendar-day.calendar-day-selected span { + background: #007aff; +} +.ios .calendar-day span { + width: 30px; + height: 30px; + line-height: 30px; +} +.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) span { + 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 span, +.ios .color-red .calendar-day.calendar-day-selected span { + background: #ff3b30; +} +.ios .color-theme-green .calendar-day.calendar-day-selected span, +.ios .color-green .calendar-day.calendar-day-selected span { + background: #4cd964; +} +.ios .color-theme-blue .calendar-day.calendar-day-selected span, +.ios .color-blue .calendar-day.calendar-day-selected span { + background: #007aff; +} +.ios .color-theme-pink .calendar-day.calendar-day-selected span, +.ios .color-pink .calendar-day.calendar-day-selected span { + background: #ff2d55; +} +.ios .color-theme-yellow .calendar-day.calendar-day-selected span, +.ios .color-yellow .calendar-day.calendar-day-selected span { + background: #ffcc00; +} +.ios .color-theme-orange .calendar-day.calendar-day-selected span, +.ios .color-orange .calendar-day.calendar-day-selected span { + background: #ff9500; +} +.ios .color-theme-gray .calendar-day.calendar-day-selected span, +.ios .color-gray .calendar-day.calendar-day-selected span { + background: #8e8e93; +} +.ios .color-theme-white .calendar-day.calendar-day-selected span, +.ios .color-white .calendar-day.calendar-day-selected span { + background: #ffffff; +} +.ios .color-theme-black .calendar-day.calendar-day-selected span, +.ios .color-black .calendar-day.calendar-day-selected span { + background: #000000; +} +.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 span { + color: #2196f3; +} +.md .calendar-day.calendar-day-has-events span:after { + background: #2196f3; +} +.md .calendar-day.calendar-day-has-events.calendar-day-selected span:after { + background-color: #fff; +} +.md .calendar-day.calendar-day-selected span { + background: #2196f3; + color: #fff; +} +.md .calendar-day span { + width: 36px; + height: 36px; + line-height: 36px; +} +.md .calendar-range .calendar-day.calendar-day-selected span { + 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 span, +.md .color-red .calendar-day.calendar-day-today span { + color: #f44336; +} +.md .color-theme-red .calendar-day.calendar-day-has-events span:after, +.md .color-red .calendar-day.calendar-day-has-events span:after { + background: #f44336; +} +.md .color-theme-red .calendar-day.calendar-day-selected span, +.md .color-red .calendar-day.calendar-day-selected span { + background: #f44336; + color: #fff; +} +.md .color-theme-red .calendar-day.calendar-day-selected span:after, +.md .color-red .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-green .calendar-header, +.md .color-green .calendar-header { + background: #4caf50; +} +.md .color-theme-green .calendar-day.calendar-day-today span, +.md .color-green .calendar-day.calendar-day-today span { + color: #4caf50; +} +.md .color-theme-green .calendar-day.calendar-day-has-events span:after, +.md .color-green .calendar-day.calendar-day-has-events span:after { + background: #4caf50; +} +.md .color-theme-green .calendar-day.calendar-day-selected span, +.md .color-green .calendar-day.calendar-day-selected span { + background: #4caf50; + color: #fff; +} +.md .color-theme-green .calendar-day.calendar-day-selected span:after, +.md .color-green .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-blue .calendar-header, +.md .color-blue .calendar-header { + background: #2196f3; +} +.md .color-theme-blue .calendar-day.calendar-day-today span, +.md .color-blue .calendar-day.calendar-day-today span { + color: #2196f3; +} +.md .color-theme-blue .calendar-day.calendar-day-has-events span:after, +.md .color-blue .calendar-day.calendar-day-has-events span:after { + background: #2196f3; +} +.md .color-theme-blue .calendar-day.calendar-day-selected span, +.md .color-blue .calendar-day.calendar-day-selected span { + background: #2196f3; + color: #fff; +} +.md .color-theme-blue .calendar-day.calendar-day-selected span:after, +.md .color-blue .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-pink .calendar-header, +.md .color-pink .calendar-header { + background: #e91e63; +} +.md .color-theme-pink .calendar-day.calendar-day-today span, +.md .color-pink .calendar-day.calendar-day-today span { + color: #e91e63; +} +.md .color-theme-pink .calendar-day.calendar-day-has-events span:after, +.md .color-pink .calendar-day.calendar-day-has-events span:after { + background: #e91e63; +} +.md .color-theme-pink .calendar-day.calendar-day-selected span, +.md .color-pink .calendar-day.calendar-day-selected span { + background: #e91e63; + color: #fff; +} +.md .color-theme-pink .calendar-day.calendar-day-selected span:after, +.md .color-pink .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-yellow .calendar-header, +.md .color-yellow .calendar-header { + background: #ffeb3b; +} +.md .color-theme-yellow .calendar-day.calendar-day-today span, +.md .color-yellow .calendar-day.calendar-day-today span { + color: #ffeb3b; +} +.md .color-theme-yellow .calendar-day.calendar-day-has-events span:after, +.md .color-yellow .calendar-day.calendar-day-has-events span:after { + background: #ffeb3b; +} +.md .color-theme-yellow .calendar-day.calendar-day-selected span, +.md .color-yellow .calendar-day.calendar-day-selected span { + background: #ffeb3b; + color: #fff; +} +.md .color-theme-yellow .calendar-day.calendar-day-selected span:after, +.md .color-yellow .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-orange .calendar-header, +.md .color-orange .calendar-header { + background: #ff9800; +} +.md .color-theme-orange .calendar-day.calendar-day-today span, +.md .color-orange .calendar-day.calendar-day-today span { + color: #ff9800; +} +.md .color-theme-orange .calendar-day.calendar-day-has-events span:after, +.md .color-orange .calendar-day.calendar-day-has-events span:after { + background: #ff9800; +} +.md .color-theme-orange .calendar-day.calendar-day-selected span, +.md .color-orange .calendar-day.calendar-day-selected span { + background: #ff9800; + color: #fff; +} +.md .color-theme-orange .calendar-day.calendar-day-selected span:after, +.md .color-orange .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-gray .calendar-header, +.md .color-gray .calendar-header { + background: #9e9e9e; +} +.md .color-theme-gray .calendar-day.calendar-day-today span, +.md .color-gray .calendar-day.calendar-day-today span { + color: #9e9e9e; +} +.md .color-theme-gray .calendar-day.calendar-day-has-events span:after, +.md .color-gray .calendar-day.calendar-day-has-events span:after { + background: #9e9e9e; +} +.md .color-theme-gray .calendar-day.calendar-day-selected span, +.md .color-gray .calendar-day.calendar-day-selected span { + background: #9e9e9e; + color: #fff; +} +.md .color-theme-gray .calendar-day.calendar-day-selected span:after, +.md .color-gray .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-white .calendar-header, +.md .color-white .calendar-header { + background: #ffffff; +} +.md .color-theme-white .calendar-day.calendar-day-today span, +.md .color-white .calendar-day.calendar-day-today span { + color: #ffffff; +} +.md .color-theme-white .calendar-day.calendar-day-has-events span:after, +.md .color-white .calendar-day.calendar-day-has-events span:after { + background: #ffffff; +} +.md .color-theme-white .calendar-day.calendar-day-selected span, +.md .color-white .calendar-day.calendar-day-selected span { + background: #ffffff; + color: #fff; +} +.md .color-theme-white .calendar-day.calendar-day-selected span:after, +.md .color-white .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-black .calendar-header, +.md .color-black .calendar-header { + background: #000000; +} +.md .color-theme-black .calendar-day.calendar-day-today span, +.md .color-black .calendar-day.calendar-day-today span { + color: #000000; +} +.md .color-theme-black .calendar-day.calendar-day-has-events span:after, +.md .color-black .calendar-day.calendar-day-has-events span:after { + background: #000000; +} +.md .color-theme-black .calendar-day.calendar-day-selected span, +.md .color-black .calendar-day.calendar-day-selected span { + background: #000000; + color: #fff; +} +.md .color-theme-black .calendar-day.calendar-day-selected span:after, +.md .color-black .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +/* === 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; +} +.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; +} +.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 === */ +.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; +} +.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"); +} +.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; +} +.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; +} +.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)); + } +} +.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; +} +.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)); + } +} +.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 .searchbar-disable-button { + -webkit-transform: rotate(0deg) scale(1); + transform: rotate(0deg) scale(1); + pointer-events: auto; + opacity: 1; +} +.md .searchbar-enabled .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); + } +} +.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; + } +} +.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); +} +.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; +} +.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-invisible-blank-slide { + 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; +} +.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; + } +} +.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)); +} +.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); +} +.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; +} +.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%; +} +.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; +} +.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; +} +.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; +} +.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.ios.css b/framework7/css/framework7.ios.css new file mode 100644 index 0000000..e3937c5 --- /dev/null +++ b/framework7/css/framework7.ios.css @@ -0,0 +1,17415 @@ +/** + * Framework7 3.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2018 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: July 5, 2018 + */ +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 UI Text, 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 > .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 { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; +} +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; +} +.item-after .ios .badge { + min-width: 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: 10500; +} +.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; +} +.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: 13500; + -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); +} +.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 .stepper-button, +.ios .color-theme-red .stepper .stepper-button-minus, +.ios .color-theme-red .stepper .stepper-button-plus { + border-color: #ff3b30; + color: #ff3b30; +} +.ios .color-theme-red .stepper .stepper-button.active-state, +.ios .color-theme-red .stepper .stepper-button-minus.active-state, +.ios .color-theme-red .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 59, 48, 0.15); +} +.ios .color-theme-red .stepper .stepper-button-plus:after, +.ios .color-theme-red .stepper .stepper-button-minus:after, +.ios .color-theme-red .stepper .stepper-button-plus:before, +.ios .color-theme-red .stepper .stepper-button-minus:before { + background-color: #ff3b30; +} +.ios .color-theme-red .stepper .stepper-value, +.ios .color-theme-red .stepper .stepper-input-wrap { + border-top-color: #ff3b30; + border-bottom-color: #ff3b30; +} +.ios .color-theme-red .stepper .stepper-value { + color: #ff3b30; +} +.ios .color-theme-red .stepper .stepper-input-wrap input { + color: #ff3b30; +} +.ios .color-theme-red .stepper.stepper-fill .stepper-button, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ff3b30; +} +.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff3b30; + border-color: #ff3b30; + background-color: transparent; +} +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff3b30; +} +.ios .color-theme-green .stepper .stepper-button, +.ios .color-theme-green .stepper .stepper-button-minus, +.ios .color-theme-green .stepper .stepper-button-plus { + border-color: #4cd964; + color: #4cd964; +} +.ios .color-theme-green .stepper .stepper-button.active-state, +.ios .color-theme-green .stepper .stepper-button-minus.active-state, +.ios .color-theme-green .stepper .stepper-button-plus.active-state { + background-color: rgba(76, 217, 100, 0.15); +} +.ios .color-theme-green .stepper .stepper-button-plus:after, +.ios .color-theme-green .stepper .stepper-button-minus:after, +.ios .color-theme-green .stepper .stepper-button-plus:before, +.ios .color-theme-green .stepper .stepper-button-minus:before { + background-color: #4cd964; +} +.ios .color-theme-green .stepper .stepper-value, +.ios .color-theme-green .stepper .stepper-input-wrap { + border-top-color: #4cd964; + border-bottom-color: #4cd964; +} +.ios .color-theme-green .stepper .stepper-value { + color: #4cd964; +} +.ios .color-theme-green .stepper .stepper-input-wrap input { + color: #4cd964; +} +.ios .color-theme-green .stepper.stepper-fill .stepper-button, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #4cd964; +} +.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #4cd964; + border-color: #4cd964; + background-color: transparent; +} +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #4cd964; +} +.ios .color-theme-blue .stepper .stepper-button, +.ios .color-theme-blue .stepper .stepper-button-minus, +.ios .color-theme-blue .stepper .stepper-button-plus { + border-color: #007aff; + color: #007aff; +} +.ios .color-theme-blue .stepper .stepper-button.active-state, +.ios .color-theme-blue .stepper .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper .stepper-button-plus.active-state { + background-color: rgba(0, 122, 255, 0.15); +} +.ios .color-theme-blue .stepper .stepper-button-plus:after, +.ios .color-theme-blue .stepper .stepper-button-minus:after, +.ios .color-theme-blue .stepper .stepper-button-plus:before, +.ios .color-theme-blue .stepper .stepper-button-minus:before { + background-color: #007aff; +} +.ios .color-theme-blue .stepper .stepper-value, +.ios .color-theme-blue .stepper .stepper-input-wrap { + border-top-color: #007aff; + border-bottom-color: #007aff; +} +.ios .color-theme-blue .stepper .stepper-value { + color: #007aff; +} +.ios .color-theme-blue .stepper .stepper-input-wrap input { + color: #007aff; +} +.ios .color-theme-blue .stepper.stepper-fill .stepper-button, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #007aff; +} +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #007aff; + border-color: #007aff; + background-color: transparent; +} +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #007aff; +} +.ios .color-theme-pink .stepper .stepper-button, +.ios .color-theme-pink .stepper .stepper-button-minus, +.ios .color-theme-pink .stepper .stepper-button-plus { + border-color: #ff2d55; + color: #ff2d55; +} +.ios .color-theme-pink .stepper .stepper-button.active-state, +.ios .color-theme-pink .stepper .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 45, 85, 0.15); +} +.ios .color-theme-pink .stepper .stepper-button-plus:after, +.ios .color-theme-pink .stepper .stepper-button-minus:after, +.ios .color-theme-pink .stepper .stepper-button-plus:before, +.ios .color-theme-pink .stepper .stepper-button-minus:before { + background-color: #ff2d55; +} +.ios .color-theme-pink .stepper .stepper-value, +.ios .color-theme-pink .stepper .stepper-input-wrap { + border-top-color: #ff2d55; + border-bottom-color: #ff2d55; +} +.ios .color-theme-pink .stepper .stepper-value { + color: #ff2d55; +} +.ios .color-theme-pink .stepper .stepper-input-wrap input { + color: #ff2d55; +} +.ios .color-theme-pink .stepper.stepper-fill .stepper-button, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ff2d55; +} +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff2d55; + border-color: #ff2d55; + background-color: transparent; +} +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff2d55; +} +.ios .color-theme-yellow .stepper .stepper-button, +.ios .color-theme-yellow .stepper .stepper-button-minus, +.ios .color-theme-yellow .stepper .stepper-button-plus { + border-color: #ffcc00; + color: #ffcc00; +} +.ios .color-theme-yellow .stepper .stepper-button.active-state, +.ios .color-theme-yellow .stepper .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 204, 0, 0.15); +} +.ios .color-theme-yellow .stepper .stepper-button-plus:after, +.ios .color-theme-yellow .stepper .stepper-button-minus:after, +.ios .color-theme-yellow .stepper .stepper-button-plus:before, +.ios .color-theme-yellow .stepper .stepper-button-minus:before { + background-color: #ffcc00; +} +.ios .color-theme-yellow .stepper .stepper-value, +.ios .color-theme-yellow .stepper .stepper-input-wrap { + border-top-color: #ffcc00; + border-bottom-color: #ffcc00; +} +.ios .color-theme-yellow .stepper .stepper-value { + color: #ffcc00; +} +.ios .color-theme-yellow .stepper .stepper-input-wrap input { + color: #ffcc00; +} +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ffcc00; +} +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffcc00; + border-color: #ffcc00; + background-color: transparent; +} +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ffcc00; +} +.ios .color-theme-orange .stepper .stepper-button, +.ios .color-theme-orange .stepper .stepper-button-minus, +.ios .color-theme-orange .stepper .stepper-button-plus { + border-color: #ff9500; + color: #ff9500; +} +.ios .color-theme-orange .stepper .stepper-button.active-state, +.ios .color-theme-orange .stepper .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 149, 0, 0.15); +} +.ios .color-theme-orange .stepper .stepper-button-plus:after, +.ios .color-theme-orange .stepper .stepper-button-minus:after, +.ios .color-theme-orange .stepper .stepper-button-plus:before, +.ios .color-theme-orange .stepper .stepper-button-minus:before { + background-color: #ff9500; +} +.ios .color-theme-orange .stepper .stepper-value, +.ios .color-theme-orange .stepper .stepper-input-wrap { + border-top-color: #ff9500; + border-bottom-color: #ff9500; +} +.ios .color-theme-orange .stepper .stepper-value { + color: #ff9500; +} +.ios .color-theme-orange .stepper .stepper-input-wrap input { + color: #ff9500; +} +.ios .color-theme-orange .stepper.stepper-fill .stepper-button, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ff9500; +} +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff9500; + border-color: #ff9500; + background-color: transparent; +} +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff9500; +} +.ios .color-theme-gray .stepper .stepper-button, +.ios .color-theme-gray .stepper .stepper-button-minus, +.ios .color-theme-gray .stepper .stepper-button-plus { + border-color: #8e8e93; + color: #8e8e93; +} +.ios .color-theme-gray .stepper .stepper-button.active-state, +.ios .color-theme-gray .stepper .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper .stepper-button-plus.active-state { + background-color: rgba(142, 142, 147, 0.15); +} +.ios .color-theme-gray .stepper .stepper-button-plus:after, +.ios .color-theme-gray .stepper .stepper-button-minus:after, +.ios .color-theme-gray .stepper .stepper-button-plus:before, +.ios .color-theme-gray .stepper .stepper-button-minus:before { + background-color: #8e8e93; +} +.ios .color-theme-gray .stepper .stepper-value, +.ios .color-theme-gray .stepper .stepper-input-wrap { + border-top-color: #8e8e93; + border-bottom-color: #8e8e93; +} +.ios .color-theme-gray .stepper .stepper-value { + color: #8e8e93; +} +.ios .color-theme-gray .stepper .stepper-input-wrap input { + color: #8e8e93; +} +.ios .color-theme-gray .stepper.stepper-fill .stepper-button, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #8e8e93; +} +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #8e8e93; + border-color: #8e8e93; + background-color: transparent; +} +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #8e8e93; +} +.ios .color-theme-white .stepper .stepper-button, +.ios .color-theme-white .stepper .stepper-button-minus, +.ios .color-theme-white .stepper .stepper-button-plus { + border-color: #ffffff; + color: #ffffff; +} +.ios .color-theme-white .stepper .stepper-button.active-state, +.ios .color-theme-white .stepper .stepper-button-minus.active-state, +.ios .color-theme-white .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 255, 255, 0.15); +} +.ios .color-theme-white .stepper .stepper-button-plus:after, +.ios .color-theme-white .stepper .stepper-button-minus:after, +.ios .color-theme-white .stepper .stepper-button-plus:before, +.ios .color-theme-white .stepper .stepper-button-minus:before { + background-color: #ffffff; +} +.ios .color-theme-white .stepper .stepper-value, +.ios .color-theme-white .stepper .stepper-input-wrap { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.ios .color-theme-white .stepper .stepper-value { + color: #ffffff; +} +.ios .color-theme-white .stepper .stepper-input-wrap input { + color: #ffffff; +} +.ios .color-theme-white .stepper.stepper-fill .stepper-button, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ffffff; +} +.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffffff; + border-color: #ffffff; + background-color: transparent; +} +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ffffff; +} +.ios .color-theme-black .stepper .stepper-button, +.ios .color-theme-black .stepper .stepper-button-minus, +.ios .color-theme-black .stepper .stepper-button-plus { + border-color: #000000; + color: #000000; +} +.ios .color-theme-black .stepper .stepper-button.active-state, +.ios .color-theme-black .stepper .stepper-button-minus.active-state, +.ios .color-theme-black .stepper .stepper-button-plus.active-state { + background-color: rgba(0, 0, 0, 0.15); +} +.ios .color-theme-black .stepper .stepper-button-plus:after, +.ios .color-theme-black .stepper .stepper-button-minus:after, +.ios .color-theme-black .stepper .stepper-button-plus:before, +.ios .color-theme-black .stepper .stepper-button-minus:before { + background-color: #000000; +} +.ios .color-theme-black .stepper .stepper-value, +.ios .color-theme-black .stepper .stepper-input-wrap { + border-top-color: #000000; + border-bottom-color: #000000; +} +.ios .color-theme-black .stepper .stepper-value { + color: #000000; +} +.ios .color-theme-black .stepper .stepper-input-wrap input { + color: #000000; +} +.ios .color-theme-black .stepper.stepper-fill .stepper-button, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #000000; +} +.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #000000; + border-color: #000000; + background-color: transparent; +} +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-black .stepper.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 { + color: #ff3b30; +} +.ios .stepper.color-red .stepper-input-wrap input { + color: #ff3b30; +} +.ios .stepper.color-red.stepper-fill .stepper-button, +.ios .stepper.color-red.stepper-fill-ios .stepper-button, +.ios .stepper.color-red.stepper-fill .stepper-button-minus, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-red.stepper-fill .stepper-button-plus, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus { + background-color: #ff3b30; +} +.ios .stepper.color-red.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-red.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-red.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-red.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff3b30; + border-color: #ff3b30; + background-color: transparent; +} +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-red.stepper-small-ios.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 { + color: #4cd964; +} +.ios .stepper.color-green .stepper-input-wrap input { + color: #4cd964; +} +.ios .stepper.color-green.stepper-fill .stepper-button, +.ios .stepper.color-green.stepper-fill-ios .stepper-button, +.ios .stepper.color-green.stepper-fill .stepper-button-minus, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-green.stepper-fill .stepper-button-plus, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus { + background-color: #4cd964; +} +.ios .stepper.color-green.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-green.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-green.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-green.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #4cd964; + border-color: #4cd964; + background-color: transparent; +} +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-green.stepper-small-ios.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 { + color: #007aff; +} +.ios .stepper.color-blue .stepper-input-wrap input { + color: #007aff; +} +.ios .stepper.color-blue.stepper-fill .stepper-button, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button, +.ios .stepper.color-blue.stepper-fill .stepper-button-minus, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-blue.stepper-fill .stepper-button-plus, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus { + background-color: #007aff; +} +.ios .stepper.color-blue.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-blue.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-blue.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-blue.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #007aff; + border-color: #007aff; + background-color: transparent; +} +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-blue.stepper-small-ios.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 { + color: #ff2d55; +} +.ios .stepper.color-pink .stepper-input-wrap input { + color: #ff2d55; +} +.ios .stepper.color-pink.stepper-fill .stepper-button, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button, +.ios .stepper.color-pink.stepper-fill .stepper-button-minus, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-pink.stepper-fill .stepper-button-plus, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus { + background-color: #ff2d55; +} +.ios .stepper.color-pink.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-pink.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-pink.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-pink.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff2d55; + border-color: #ff2d55; + background-color: transparent; +} +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-pink.stepper-small-ios.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 { + color: #ffcc00; +} +.ios .stepper.color-yellow .stepper-input-wrap input { + color: #ffcc00; +} +.ios .stepper.color-yellow.stepper-fill .stepper-button, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button, +.ios .stepper.color-yellow.stepper-fill .stepper-button-minus, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-yellow.stepper-fill .stepper-button-plus, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus { + background-color: #ffcc00; +} +.ios .stepper.color-yellow.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-yellow.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-yellow.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-yellow.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffcc00; + border-color: #ffcc00; + background-color: transparent; +} +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-yellow.stepper-small-ios.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 { + color: #ff9500; +} +.ios .stepper.color-orange .stepper-input-wrap input { + color: #ff9500; +} +.ios .stepper.color-orange.stepper-fill .stepper-button, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button, +.ios .stepper.color-orange.stepper-fill .stepper-button-minus, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-orange.stepper-fill .stepper-button-plus, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus { + background-color: #ff9500; +} +.ios .stepper.color-orange.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-orange.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-orange.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-orange.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff9500; + border-color: #ff9500; + background-color: transparent; +} +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-orange.stepper-small-ios.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 { + color: #8e8e93; +} +.ios .stepper.color-gray .stepper-input-wrap input { + color: #8e8e93; +} +.ios .stepper.color-gray.stepper-fill .stepper-button, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button, +.ios .stepper.color-gray.stepper-fill .stepper-button-minus, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-gray.stepper-fill .stepper-button-plus, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus { + background-color: #8e8e93; +} +.ios .stepper.color-gray.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-gray.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-gray.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-gray.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #8e8e93; + border-color: #8e8e93; + background-color: transparent; +} +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-gray.stepper-small-ios.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 { + color: #ffffff; +} +.ios .stepper.color-white .stepper-input-wrap input { + color: #ffffff; +} +.ios .stepper.color-white.stepper-fill .stepper-button, +.ios .stepper.color-white.stepper-fill-ios .stepper-button, +.ios .stepper.color-white.stepper-fill .stepper-button-minus, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-white.stepper-fill .stepper-button-plus, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus { + background-color: #ffffff; +} +.ios .stepper.color-white.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-white.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-white.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-white.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffffff; + border-color: #ffffff; + background-color: transparent; +} +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-white.stepper-small-ios.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 { + color: #000000; +} +.ios .stepper.color-black .stepper-input-wrap input { + color: #000000; +} +.ios .stepper.color-black.stepper-fill .stepper-button, +.ios .stepper.color-black.stepper-fill-ios .stepper-button, +.ios .stepper.color-black.stepper-fill .stepper-button-minus, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-black.stepper-fill .stepper-button-plus, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus { + background-color: #000000; +} +.ios .stepper.color-black.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-black.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-black.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-black.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #000000; + border-color: #000000; + background-color: transparent; +} +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-black.stepper-small-ios.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 span { + color: #fff; +} +.calendar-day.calendar-day-has-events span:after { + content: ''; + width: 4px; + height: 4px; + border-radius: 50%; + position: absolute; + margin-left: -2px; + left: 50%; + bottom: 1px; +} +.calendar-day span { + display: inline-block; + border-radius: 100%; + position: relative; +} +.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 span { + 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 span, +.calendar-year-selector span { + -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 span { + background: #e3e3e3; +} +.ios .calendar-day.calendar-day-has-events span:after { + background: #007aff; +} +.ios .calendar-day.calendar-day-has-events.calendar-day-selected span:after { + background-color: #fff; +} +.ios .calendar-day.calendar-day-selected span { + background: #007aff; +} +.ios .calendar-day span { + width: 30px; + height: 30px; + line-height: 30px; +} +.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) span { + 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 span, +.ios .color-red .calendar-day.calendar-day-selected span { + background: #ff3b30; +} +.ios .color-theme-green .calendar-day.calendar-day-selected span, +.ios .color-green .calendar-day.calendar-day-selected span { + background: #4cd964; +} +.ios .color-theme-blue .calendar-day.calendar-day-selected span, +.ios .color-blue .calendar-day.calendar-day-selected span { + background: #007aff; +} +.ios .color-theme-pink .calendar-day.calendar-day-selected span, +.ios .color-pink .calendar-day.calendar-day-selected span { + background: #ff2d55; +} +.ios .color-theme-yellow .calendar-day.calendar-day-selected span, +.ios .color-yellow .calendar-day.calendar-day-selected span { + background: #ffcc00; +} +.ios .color-theme-orange .calendar-day.calendar-day-selected span, +.ios .color-orange .calendar-day.calendar-day-selected span { + background: #ff9500; +} +.ios .color-theme-gray .calendar-day.calendar-day-selected span, +.ios .color-gray .calendar-day.calendar-day-selected span { + background: #8e8e93; +} +.ios .color-theme-white .calendar-day.calendar-day-selected span, +.ios .color-white .calendar-day.calendar-day-selected span { + background: #ffffff; +} +.ios .color-theme-black .calendar-day.calendar-day-selected span, +.ios .color-black .calendar-day.calendar-day-selected span { + 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-invisible-blank-slide { + 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..4b0a54e --- /dev/null +++ b/framework7/css/framework7.ios.min.css @@ -0,0 +1,12 @@ +/** + * Framework7 3.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2018 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: July 5, 2018 + */ +.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 UI Text,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>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.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}li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20}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}.item-after .ios .badge{min-width: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(0 - constant(safe-area-inset-bottom)),0);transform:translate3d(0,calc(0 - constant(safe-area-inset-bottom)),0);-webkit-transform:translate3d(0,calc(0 - env(safe-area-inset-bottom)),0);transform:translate3d(0,calc(0 - 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:10500}.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}.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:13500;-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:0 2px 8px rgba(0,0,0,.6);box-shadow:0 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)}.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 0 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:0 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(0,0,0);transform:translate3d(0,0,0)}html.with-panel-right-cover .panel-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,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:0 1px 2px rgba(0,0,0,.3);box-shadow:0 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(0);transform:translateX(0);-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 .stepper-button,.ios .color-theme-red .stepper .stepper-button-minus,.ios .color-theme-red .stepper .stepper-button-plus{border-color:#ff3b30;color:#ff3b30}.ios .color-theme-red .stepper .stepper-button-minus.active-state,.ios .color-theme-red .stepper .stepper-button-plus.active-state,.ios .color-theme-red .stepper .stepper-button.active-state{background-color:rgba(255,59,48,.15)}.ios .color-theme-red .stepper .stepper-button-minus:after,.ios .color-theme-red .stepper .stepper-button-minus:before,.ios .color-theme-red .stepper .stepper-button-plus:after,.ios .color-theme-red .stepper .stepper-button-plus:before{background-color:#ff3b30}.ios .color-theme-red .stepper .stepper-input-wrap,.ios .color-theme-red .stepper .stepper-value{border-top-color:#ff3b30;border-bottom-color:#ff3b30}.ios .color-theme-red .stepper .stepper-value{color:#ff3b30}.ios .color-theme-red .stepper .stepper-input-wrap input{color:#ff3b30}.ios .color-theme-red .stepper.stepper-fill .stepper-button,.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus{background-color:#ff3b30}.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#ff3b30;border-color:#ff3b30;background-color:transparent}.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff3b30}.ios .color-theme-green .stepper .stepper-button,.ios .color-theme-green .stepper .stepper-button-minus,.ios .color-theme-green .stepper .stepper-button-plus{border-color:#4cd964;color:#4cd964}.ios .color-theme-green .stepper .stepper-button-minus.active-state,.ios .color-theme-green .stepper .stepper-button-plus.active-state,.ios .color-theme-green .stepper .stepper-button.active-state{background-color:rgba(76,217,100,.15)}.ios .color-theme-green .stepper .stepper-button-minus:after,.ios .color-theme-green .stepper .stepper-button-minus:before,.ios .color-theme-green .stepper .stepper-button-plus:after,.ios .color-theme-green .stepper .stepper-button-plus:before{background-color:#4cd964}.ios .color-theme-green .stepper .stepper-input-wrap,.ios .color-theme-green .stepper .stepper-value{border-top-color:#4cd964;border-bottom-color:#4cd964}.ios .color-theme-green .stepper .stepper-value{color:#4cd964}.ios .color-theme-green .stepper .stepper-input-wrap input{color:#4cd964}.ios .color-theme-green .stepper.stepper-fill .stepper-button,.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus{background-color:#4cd964}.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#4cd964;border-color:#4cd964;background-color:transparent}.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#4cd964}.ios .color-theme-blue .stepper .stepper-button,.ios .color-theme-blue .stepper .stepper-button-minus,.ios .color-theme-blue .stepper .stepper-button-plus{border-color:#007aff;color:#007aff}.ios .color-theme-blue .stepper .stepper-button-minus.active-state,.ios .color-theme-blue .stepper .stepper-button-plus.active-state,.ios .color-theme-blue .stepper .stepper-button.active-state{background-color:rgba(0,122,255,.15)}.ios .color-theme-blue .stepper .stepper-button-minus:after,.ios .color-theme-blue .stepper .stepper-button-minus:before,.ios .color-theme-blue .stepper .stepper-button-plus:after,.ios .color-theme-blue .stepper .stepper-button-plus:before{background-color:#007aff}.ios .color-theme-blue .stepper .stepper-input-wrap,.ios .color-theme-blue .stepper .stepper-value{border-top-color:#007aff;border-bottom-color:#007aff}.ios .color-theme-blue .stepper .stepper-value{color:#007aff}.ios .color-theme-blue .stepper .stepper-input-wrap input{color:#007aff}.ios .color-theme-blue .stepper.stepper-fill .stepper-button,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus{background-color:#007aff}.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#007aff;border-color:#007aff;background-color:transparent}.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#007aff}.ios .color-theme-pink .stepper .stepper-button,.ios .color-theme-pink .stepper .stepper-button-minus,.ios .color-theme-pink .stepper .stepper-button-plus{border-color:#ff2d55;color:#ff2d55}.ios .color-theme-pink .stepper .stepper-button-minus.active-state,.ios .color-theme-pink .stepper .stepper-button-plus.active-state,.ios .color-theme-pink .stepper .stepper-button.active-state{background-color:rgba(255,45,85,.15)}.ios .color-theme-pink .stepper .stepper-button-minus:after,.ios .color-theme-pink .stepper .stepper-button-minus:before,.ios .color-theme-pink .stepper .stepper-button-plus:after,.ios .color-theme-pink .stepper .stepper-button-plus:before{background-color:#ff2d55}.ios .color-theme-pink .stepper .stepper-input-wrap,.ios .color-theme-pink .stepper .stepper-value{border-top-color:#ff2d55;border-bottom-color:#ff2d55}.ios .color-theme-pink .stepper .stepper-value{color:#ff2d55}.ios .color-theme-pink .stepper .stepper-input-wrap input{color:#ff2d55}.ios .color-theme-pink .stepper.stepper-fill .stepper-button,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus{background-color:#ff2d55}.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#ff2d55;border-color:#ff2d55;background-color:transparent}.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff2d55}.ios .color-theme-yellow .stepper .stepper-button,.ios .color-theme-yellow .stepper .stepper-button-minus,.ios .color-theme-yellow .stepper .stepper-button-plus{border-color:#fc0;color:#fc0}.ios .color-theme-yellow .stepper .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper .stepper-button.active-state{background-color:rgba(255,204,0,.15)}.ios .color-theme-yellow .stepper .stepper-button-minus:after,.ios .color-theme-yellow .stepper .stepper-button-minus:before,.ios .color-theme-yellow .stepper .stepper-button-plus:after,.ios .color-theme-yellow .stepper .stepper-button-plus:before{background-color:#fc0}.ios .color-theme-yellow .stepper .stepper-input-wrap,.ios .color-theme-yellow .stepper .stepper-value{border-top-color:#fc0;border-bottom-color:#fc0}.ios .color-theme-yellow .stepper .stepper-value{color:#fc0}.ios .color-theme-yellow .stepper .stepper-input-wrap input{color:#fc0}.ios .color-theme-yellow .stepper.stepper-fill .stepper-button,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus{background-color:#fc0}.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#fc0;border-color:#fc0;background-color:transparent}.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#fc0}.ios .color-theme-orange .stepper .stepper-button,.ios .color-theme-orange .stepper .stepper-button-minus,.ios .color-theme-orange .stepper .stepper-button-plus{border-color:#ff9500;color:#ff9500}.ios .color-theme-orange .stepper .stepper-button-minus.active-state,.ios .color-theme-orange .stepper .stepper-button-plus.active-state,.ios .color-theme-orange .stepper .stepper-button.active-state{background-color:rgba(255,149,0,.15)}.ios .color-theme-orange .stepper .stepper-button-minus:after,.ios .color-theme-orange .stepper .stepper-button-minus:before,.ios .color-theme-orange .stepper .stepper-button-plus:after,.ios .color-theme-orange .stepper .stepper-button-plus:before{background-color:#ff9500}.ios .color-theme-orange .stepper .stepper-input-wrap,.ios .color-theme-orange .stepper .stepper-value{border-top-color:#ff9500;border-bottom-color:#ff9500}.ios .color-theme-orange .stepper .stepper-value{color:#ff9500}.ios .color-theme-orange .stepper .stepper-input-wrap input{color:#ff9500}.ios .color-theme-orange .stepper.stepper-fill .stepper-button,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus{background-color:#ff9500}.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#ff9500;border-color:#ff9500;background-color:transparent}.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff9500}.ios .color-theme-gray .stepper .stepper-button,.ios .color-theme-gray .stepper .stepper-button-minus,.ios .color-theme-gray .stepper .stepper-button-plus{border-color:#8e8e93;color:#8e8e93}.ios .color-theme-gray .stepper .stepper-button-minus.active-state,.ios .color-theme-gray .stepper .stepper-button-plus.active-state,.ios .color-theme-gray .stepper .stepper-button.active-state{background-color:rgba(142,142,147,.15)}.ios .color-theme-gray .stepper .stepper-button-minus:after,.ios .color-theme-gray .stepper .stepper-button-minus:before,.ios .color-theme-gray .stepper .stepper-button-plus:after,.ios .color-theme-gray .stepper .stepper-button-plus:before{background-color:#8e8e93}.ios .color-theme-gray .stepper .stepper-input-wrap,.ios .color-theme-gray .stepper .stepper-value{border-top-color:#8e8e93;border-bottom-color:#8e8e93}.ios .color-theme-gray .stepper .stepper-value{color:#8e8e93}.ios .color-theme-gray .stepper .stepper-input-wrap input{color:#8e8e93}.ios .color-theme-gray .stepper.stepper-fill .stepper-button,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus{background-color:#8e8e93}.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#8e8e93;border-color:#8e8e93;background-color:transparent}.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#8e8e93}.ios .color-theme-white .stepper .stepper-button,.ios .color-theme-white .stepper .stepper-button-minus,.ios .color-theme-white .stepper .stepper-button-plus{border-color:#fff;color:#fff}.ios .color-theme-white .stepper .stepper-button-minus.active-state,.ios .color-theme-white .stepper .stepper-button-plus.active-state,.ios .color-theme-white .stepper .stepper-button.active-state{background-color:rgba(255,255,255,.15)}.ios .color-theme-white .stepper .stepper-button-minus:after,.ios .color-theme-white .stepper .stepper-button-minus:before,.ios .color-theme-white .stepper .stepper-button-plus:after,.ios .color-theme-white .stepper .stepper-button-plus:before{background-color:#fff}.ios .color-theme-white .stepper .stepper-input-wrap,.ios .color-theme-white .stepper .stepper-value{border-top-color:#fff;border-bottom-color:#fff}.ios .color-theme-white .stepper .stepper-value{color:#fff}.ios .color-theme-white .stepper .stepper-input-wrap input{color:#fff}.ios .color-theme-white .stepper.stepper-fill .stepper-button,.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus{background-color:#fff}.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#fff;border-color:#fff;background-color:transparent}.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#fff}.ios .color-theme-black .stepper .stepper-button,.ios .color-theme-black .stepper .stepper-button-minus,.ios .color-theme-black .stepper .stepper-button-plus{border-color:#000;color:#000}.ios .color-theme-black .stepper .stepper-button-minus.active-state,.ios .color-theme-black .stepper .stepper-button-plus.active-state,.ios .color-theme-black .stepper .stepper-button.active-state{background-color:rgba(0,0,0,.15)}.ios .color-theme-black .stepper .stepper-button-minus:after,.ios .color-theme-black .stepper .stepper-button-minus:before,.ios .color-theme-black .stepper .stepper-button-plus:after,.ios .color-theme-black .stepper .stepper-button-plus:before{background-color:#000}.ios .color-theme-black .stepper .stepper-input-wrap,.ios .color-theme-black .stepper .stepper-value{border-top-color:#000;border-bottom-color:#000}.ios .color-theme-black .stepper .stepper-value{color:#000}.ios .color-theme-black .stepper .stepper-input-wrap input{color:#000}.ios .color-theme-black .stepper.stepper-fill .stepper-button,.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus{background-color:#000}.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#000;border-color:#000;background-color:transparent}.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-black .stepper.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-value{color:#ff3b30}.ios .stepper.color-red .stepper-input-wrap input{color:#ff3b30}.ios .stepper.color-red.stepper-fill .stepper-button,.ios .stepper.color-red.stepper-fill .stepper-button-minus,.ios .stepper.color-red.stepper-fill .stepper-button-plus,.ios .stepper.color-red.stepper-fill-ios .stepper-button,.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus{background-color:#ff3b30}.ios .stepper.color-red.stepper-fill .stepper-button-minus:after,.ios .stepper.color-red.stepper-fill .stepper-button-minus:before,.ios .stepper.color-red.stepper-fill .stepper-button-plus:after,.ios .stepper.color-red.stepper-fill .stepper-button-plus:before,.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button.active-state{color:#ff3b30;border-color:#ff3b30;background-color:transparent}.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-red.stepper-small.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-value{color:#4cd964}.ios .stepper.color-green .stepper-input-wrap input{color:#4cd964}.ios .stepper.color-green.stepper-fill .stepper-button,.ios .stepper.color-green.stepper-fill .stepper-button-minus,.ios .stepper.color-green.stepper-fill .stepper-button-plus,.ios .stepper.color-green.stepper-fill-ios .stepper-button,.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus{background-color:#4cd964}.ios .stepper.color-green.stepper-fill .stepper-button-minus:after,.ios .stepper.color-green.stepper-fill .stepper-button-minus:before,.ios .stepper.color-green.stepper-fill .stepper-button-plus:after,.ios .stepper.color-green.stepper-fill .stepper-button-plus:before,.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button.active-state{color:#4cd964;border-color:#4cd964;background-color:transparent}.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-green.stepper-small.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-value{color:#007aff}.ios .stepper.color-blue .stepper-input-wrap input{color:#007aff}.ios .stepper.color-blue.stepper-fill .stepper-button,.ios .stepper.color-blue.stepper-fill .stepper-button-minus,.ios .stepper.color-blue.stepper-fill .stepper-button-plus,.ios .stepper.color-blue.stepper-fill-ios .stepper-button,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus{background-color:#007aff}.ios .stepper.color-blue.stepper-fill .stepper-button-minus:after,.ios .stepper.color-blue.stepper-fill .stepper-button-minus:before,.ios .stepper.color-blue.stepper-fill .stepper-button-plus:after,.ios .stepper.color-blue.stepper-fill .stepper-button-plus:before,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button.active-state{color:#007aff;border-color:#007aff;background-color:transparent}.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-blue.stepper-small.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-value{color:#ff2d55}.ios .stepper.color-pink .stepper-input-wrap input{color:#ff2d55}.ios .stepper.color-pink.stepper-fill .stepper-button,.ios .stepper.color-pink.stepper-fill .stepper-button-minus,.ios .stepper.color-pink.stepper-fill .stepper-button-plus,.ios .stepper.color-pink.stepper-fill-ios .stepper-button,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus{background-color:#ff2d55}.ios .stepper.color-pink.stepper-fill .stepper-button-minus:after,.ios .stepper.color-pink.stepper-fill .stepper-button-minus:before,.ios .stepper.color-pink.stepper-fill .stepper-button-plus:after,.ios .stepper.color-pink.stepper-fill .stepper-button-plus:before,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button.active-state{color:#ff2d55;border-color:#ff2d55;background-color:transparent}.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-pink.stepper-small.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-value{color:#fc0}.ios .stepper.color-yellow .stepper-input-wrap input{color:#fc0}.ios .stepper.color-yellow.stepper-fill .stepper-button,.ios .stepper.color-yellow.stepper-fill .stepper-button-minus,.ios .stepper.color-yellow.stepper-fill .stepper-button-plus,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus{background-color:#fc0}.ios .stepper.color-yellow.stepper-fill .stepper-button-minus:after,.ios .stepper.color-yellow.stepper-fill .stepper-button-minus:before,.ios .stepper.color-yellow.stepper-fill .stepper-button-plus:after,.ios .stepper.color-yellow.stepper-fill .stepper-button-plus:before,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button.active-state{color:#fc0;border-color:#fc0;background-color:transparent}.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-yellow.stepper-small.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-value{color:#ff9500}.ios .stepper.color-orange .stepper-input-wrap input{color:#ff9500}.ios .stepper.color-orange.stepper-fill .stepper-button,.ios .stepper.color-orange.stepper-fill .stepper-button-minus,.ios .stepper.color-orange.stepper-fill .stepper-button-plus,.ios .stepper.color-orange.stepper-fill-ios .stepper-button,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus{background-color:#ff9500}.ios .stepper.color-orange.stepper-fill .stepper-button-minus:after,.ios .stepper.color-orange.stepper-fill .stepper-button-minus:before,.ios .stepper.color-orange.stepper-fill .stepper-button-plus:after,.ios .stepper.color-orange.stepper-fill .stepper-button-plus:before,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button.active-state{color:#ff9500;border-color:#ff9500;background-color:transparent}.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-orange.stepper-small.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-value{color:#8e8e93}.ios .stepper.color-gray .stepper-input-wrap input{color:#8e8e93}.ios .stepper.color-gray.stepper-fill .stepper-button,.ios .stepper.color-gray.stepper-fill .stepper-button-minus,.ios .stepper.color-gray.stepper-fill .stepper-button-plus,.ios .stepper.color-gray.stepper-fill-ios .stepper-button,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus{background-color:#8e8e93}.ios .stepper.color-gray.stepper-fill .stepper-button-minus:after,.ios .stepper.color-gray.stepper-fill .stepper-button-minus:before,.ios .stepper.color-gray.stepper-fill .stepper-button-plus:after,.ios .stepper.color-gray.stepper-fill .stepper-button-plus:before,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button.active-state{color:#8e8e93;border-color:#8e8e93;background-color:transparent}.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-gray.stepper-small.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-value{color:#fff}.ios .stepper.color-white .stepper-input-wrap input{color:#fff}.ios .stepper.color-white.stepper-fill .stepper-button,.ios .stepper.color-white.stepper-fill .stepper-button-minus,.ios .stepper.color-white.stepper-fill .stepper-button-plus,.ios .stepper.color-white.stepper-fill-ios .stepper-button,.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus{background-color:#fff}.ios .stepper.color-white.stepper-fill .stepper-button-minus:after,.ios .stepper.color-white.stepper-fill .stepper-button-minus:before,.ios .stepper.color-white.stepper-fill .stepper-button-plus:after,.ios .stepper.color-white.stepper-fill .stepper-button-plus:before,.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button.active-state{color:#fff;border-color:#fff;background-color:transparent}.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-white.stepper-small.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-value{color:#000}.ios .stepper.color-black .stepper-input-wrap input{color:#000}.ios .stepper.color-black.stepper-fill .stepper-button,.ios .stepper.color-black.stepper-fill .stepper-button-minus,.ios .stepper.color-black.stepper-fill .stepper-button-plus,.ios .stepper.color-black.stepper-fill-ios .stepper-button,.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus{background-color:#000}.ios .stepper.color-black.stepper-fill .stepper-button-minus:after,.ios .stepper.color-black.stepper-fill .stepper-button-minus:before,.ios .stepper.color-black.stepper-fill .stepper-button-plus:after,.ios .stepper.color-black.stepper-fill .stepper-button-plus:before,.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button.active-state{color:#000;border-color:#000;background-color:transparent}.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-black.stepper-small.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 span{color:#fff}.calendar-day.calendar-day-has-events span:after{content:'';width:4px;height:4px;border-radius:50%;position:absolute;margin-left:-2px;left:50%;bottom:1px}.calendar-day span{display:inline-block;border-radius:100%;position:relative}.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 span{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 span,.calendar-year-selector span{-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 span{background:#e3e3e3}.ios .calendar-day.calendar-day-has-events span:after{background:#007aff}.ios .calendar-day.calendar-day-has-events.calendar-day-selected span:after{background-color:#fff}.ios .calendar-day.calendar-day-selected span{background:#007aff}.ios .calendar-day span{width:30px;height:30px;line-height:30px}.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) span{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 span,.ios .color-theme-red .calendar-day.calendar-day-selected span{background:#ff3b30}.ios .color-green .calendar-day.calendar-day-selected span,.ios .color-theme-green .calendar-day.calendar-day-selected span{background:#4cd964}.ios .color-blue .calendar-day.calendar-day-selected span,.ios .color-theme-blue .calendar-day.calendar-day-selected span{background:#007aff}.ios .color-pink .calendar-day.calendar-day-selected span,.ios .color-theme-pink .calendar-day.calendar-day-selected span{background:#ff2d55}.ios .color-theme-yellow .calendar-day.calendar-day-selected span,.ios .color-yellow .calendar-day.calendar-day-selected span{background:#fc0}.ios .color-orange .calendar-day.calendar-day-selected span,.ios .color-theme-orange .calendar-day.calendar-day-selected span{background:#ff9500}.ios .color-gray .calendar-day.calendar-day-selected span,.ios .color-theme-gray .calendar-day.calendar-day-selected span{background:#8e8e93}.ios .color-theme-white .calendar-day.calendar-day-selected span,.ios .color-white .calendar-day.calendar-day-selected span{background:#fff}.ios .color-black .calendar-day.calendar-day-selected span,.ios .color-theme-black .calendar-day.calendar-day-selected span{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(0);transform:translate3d(0,0,0) rotateX(0)}.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(0) translate3d(0,0,0);transform:rotate(0) 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(0) scale(1);transform:translate3d(-50%,-50%,0) rotate(0) 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(0) scale(1);transform:translate3d(-50%,-50%,0) rotate(0) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1)!important;transform:translate3d(0,0,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,0,0) scale(.3);transform:translate3d(8px,0,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:0 2px 4px rgba(0,0,0,.4);box-shadow:0 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:0 2px 4px rgba(0,0,0,.4);box-shadow:0 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:0 1px 2px rgba(0,0,0,.4);box-shadow:0 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:0}.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:0}.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:0}.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:0 0 2px rgba(0,0,0,.2);box-shadow:0 0 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(0,0,0);transform:translate3d(0,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-invisible-blank-slide{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:0;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(0,-50%,0);transform:translate3d(0,-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,0,0);transform:translate3d(0,0,0)}.ios .toolbar~.photo-browser-captions.photo-browser-captions-exposed{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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:0 5px 25px -10px rgba(0,0,0,.7);box-shadow:0 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:0 3px 3px rgba(0,0,0,.2);box-shadow:0 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:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.elevation-1{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.elevation-2{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.elevation-3{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.elevation-4{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.elevation-5{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.elevation-6{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.elevation-7{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.elevation-8{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.elevation-9{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.elevation-10{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.elevation-11{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.elevation-12{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.elevation-13{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.elevation-14{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.elevation-15{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.elevation-16{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.elevation-17{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.elevation-18{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.elevation-19{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.elevation-20{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.elevation-21{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.elevation-22{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.elevation-23{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.elevation-24{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-0:hover{-webkit-box-shadow:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.device-desktop .elevation-hover-1:hover{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-2:hover{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-3:hover{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-4:hover{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-5:hover{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-6:hover{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-7:hover{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-8:hover{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-9:hover{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-10:hover{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-11:hover{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-12:hover{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-13:hover{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-14:hover{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-15:hover{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-16:hover{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-17:hover{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-18:hover{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-19:hover{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-20:hover{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-21:hover{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-22:hover{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-23:hover{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-24:hover{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{-webkit-box-shadow:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 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..73931ac --- /dev/null +++ b/framework7/css/framework7.md.css @@ -0,0 +1,18889 @@ +/** + * Framework7 3.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2018 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: July 5, 2018 + */ +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, 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 > .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 { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; +} +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: 10500; +} +.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; +} +.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: 13500; + -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); +} +.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 { + color: transparent !important; +} +.md .item-floating-label ~ .item-input-wrap input:-ms-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea:-ms-input-placeholder { + color: transparent !important; +} +.md .item-floating-label ~ .item-input-wrap input::-ms-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea::-ms-input-placeholder { + color: transparent !important; +} +.md .item-floating-label ~ .item-input-wrap input::placeholder, +.md .item-floating-label ~ .item-input-wrap textarea::placeholder { + color: transparent !important; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +/* === 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 { + color: #f44336; +} +.md .color-theme-red .stepper .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 { + color: #4caf50; +} +.md .color-theme-green .stepper .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 { + color: #2196f3; +} +.md .color-theme-blue .stepper .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 { + color: #e91e63; +} +.md .color-theme-pink .stepper .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 { + color: #ffeb3b; +} +.md .color-theme-yellow .stepper .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 { + color: #ff9800; +} +.md .color-theme-orange .stepper .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 { + color: #9e9e9e; +} +.md .color-theme-gray .stepper .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 { + color: #ffffff; +} +.md .color-theme-white .stepper .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 { + color: #000000; +} +.md .color-theme-black .stepper .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 { + color: #f44336; +} +.md .stepper.color-red .stepper-input-wrap input { + color: #f44336; +} +.md .stepper.color-red.stepper-fill .stepper-button, +.md .stepper.color-red.stepper-fill-md .stepper-button, +.md .stepper.color-red.stepper-fill .stepper-button-minus, +.md .stepper.color-red.stepper-fill-md .stepper-button-minus, +.md .stepper.color-red.stepper-fill .stepper-button-plus, +.md .stepper.color-red.stepper-fill-md .stepper-button-plus { + background-color: #f44336; + color: #fff; +} +.md .stepper.color-red.stepper-fill .stepper-button.active-state, +.md .stepper.color-red.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-red.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-red.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-red.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-red.stepper-fill-md .stepper-button-plus.active-state { + background: #f21f0f; +} +.md .stepper.color-red.stepper-fill .stepper-button:after, +.md .stepper.color-red.stepper-fill-md .stepper-button:after, +.md .stepper.color-red.stepper-fill .stepper-button-minus:after, +.md .stepper.color-red.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-red.stepper-fill .stepper-button-plus:after, +.md .stepper.color-red.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-red.stepper-fill .stepper-button:before, +.md .stepper.color-red.stepper-fill-md .stepper-button:before, +.md .stepper.color-red.stepper-fill .stepper-button-minus:before, +.md .stepper.color-red.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-red.stepper-fill .stepper-button-plus:before, +.md .stepper.color-red.stepper-fill-md .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 { + color: #4caf50; +} +.md .stepper.color-green .stepper-input-wrap input { + color: #4caf50; +} +.md .stepper.color-green.stepper-fill .stepper-button, +.md .stepper.color-green.stepper-fill-md .stepper-button, +.md .stepper.color-green.stepper-fill .stepper-button-minus, +.md .stepper.color-green.stepper-fill-md .stepper-button-minus, +.md .stepper.color-green.stepper-fill .stepper-button-plus, +.md .stepper.color-green.stepper-fill-md .stepper-button-plus { + background-color: #4caf50; + color: #fff; +} +.md .stepper.color-green.stepper-fill .stepper-button.active-state, +.md .stepper.color-green.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-green.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-green.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-green.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-green.stepper-fill-md .stepper-button-plus.active-state { + background: #409343; +} +.md .stepper.color-green.stepper-fill .stepper-button:after, +.md .stepper.color-green.stepper-fill-md .stepper-button:after, +.md .stepper.color-green.stepper-fill .stepper-button-minus:after, +.md .stepper.color-green.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-green.stepper-fill .stepper-button-plus:after, +.md .stepper.color-green.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-green.stepper-fill .stepper-button:before, +.md .stepper.color-green.stepper-fill-md .stepper-button:before, +.md .stepper.color-green.stepper-fill .stepper-button-minus:before, +.md .stepper.color-green.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-green.stepper-fill .stepper-button-plus:before, +.md .stepper.color-green.stepper-fill-md .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 { + color: #2196f3; +} +.md .stepper.color-blue .stepper-input-wrap input { + color: #2196f3; +} +.md .stepper.color-blue.stepper-fill .stepper-button, +.md .stepper.color-blue.stepper-fill-md .stepper-button, +.md .stepper.color-blue.stepper-fill .stepper-button-minus, +.md .stepper.color-blue.stepper-fill-md .stepper-button-minus, +.md .stepper.color-blue.stepper-fill .stepper-button-plus, +.md .stepper.color-blue.stepper-fill-md .stepper-button-plus { + background-color: #2196f3; + color: #fff; +} +.md .stepper.color-blue.stepper-fill .stepper-button.active-state, +.md .stepper.color-blue.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-blue.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-blue.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-blue.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-blue.stepper-fill-md .stepper-button-plus.active-state { + background: #0c82df; +} +.md .stepper.color-blue.stepper-fill .stepper-button:after, +.md .stepper.color-blue.stepper-fill-md .stepper-button:after, +.md .stepper.color-blue.stepper-fill .stepper-button-minus:after, +.md .stepper.color-blue.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-blue.stepper-fill .stepper-button-plus:after, +.md .stepper.color-blue.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-blue.stepper-fill .stepper-button:before, +.md .stepper.color-blue.stepper-fill-md .stepper-button:before, +.md .stepper.color-blue.stepper-fill .stepper-button-minus:before, +.md .stepper.color-blue.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-blue.stepper-fill .stepper-button-plus:before, +.md .stepper.color-blue.stepper-fill-md .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 { + color: #e91e63; +} +.md .stepper.color-pink .stepper-input-wrap input { + color: #e91e63; +} +.md .stepper.color-pink.stepper-fill .stepper-button, +.md .stepper.color-pink.stepper-fill-md .stepper-button, +.md .stepper.color-pink.stepper-fill .stepper-button-minus, +.md .stepper.color-pink.stepper-fill-md .stepper-button-minus, +.md .stepper.color-pink.stepper-fill .stepper-button-plus, +.md .stepper.color-pink.stepper-fill-md .stepper-button-plus { + background-color: #e91e63; + color: #fff; +} +.md .stepper.color-pink.stepper-fill .stepper-button.active-state, +.md .stepper.color-pink.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-pink.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-pink.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-pink.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-pink.stepper-fill-md .stepper-button-plus.active-state { + background: #ca1452; +} +.md .stepper.color-pink.stepper-fill .stepper-button:after, +.md .stepper.color-pink.stepper-fill-md .stepper-button:after, +.md .stepper.color-pink.stepper-fill .stepper-button-minus:after, +.md .stepper.color-pink.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-pink.stepper-fill .stepper-button-plus:after, +.md .stepper.color-pink.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-pink.stepper-fill .stepper-button:before, +.md .stepper.color-pink.stepper-fill-md .stepper-button:before, +.md .stepper.color-pink.stepper-fill .stepper-button-minus:before, +.md .stepper.color-pink.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-pink.stepper-fill .stepper-button-plus:before, +.md .stepper.color-pink.stepper-fill-md .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 { + color: #ffeb3b; +} +.md .stepper.color-yellow .stepper-input-wrap input { + color: #ffeb3b; +} +.md .stepper.color-yellow.stepper-fill .stepper-button, +.md .stepper.color-yellow.stepper-fill-md .stepper-button, +.md .stepper.color-yellow.stepper-fill .stepper-button-minus, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus, +.md .stepper.color-yellow.stepper-fill .stepper-button-plus, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus { + background-color: #ffeb3b; + color: #fff; +} +.md .stepper.color-yellow.stepper-fill .stepper-button.active-state, +.md .stepper.color-yellow.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-yellow.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-yellow.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus.active-state { + background: #ffe712; +} +.md .stepper.color-yellow.stepper-fill .stepper-button:after, +.md .stepper.color-yellow.stepper-fill-md .stepper-button:after, +.md .stepper.color-yellow.stepper-fill .stepper-button-minus:after, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-yellow.stepper-fill .stepper-button-plus:after, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-yellow.stepper-fill .stepper-button:before, +.md .stepper.color-yellow.stepper-fill-md .stepper-button:before, +.md .stepper.color-yellow.stepper-fill .stepper-button-minus:before, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-yellow.stepper-fill .stepper-button-plus:before, +.md .stepper.color-yellow.stepper-fill-md .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 { + color: #ff9800; +} +.md .stepper.color-orange .stepper-input-wrap input { + color: #ff9800; +} +.md .stepper.color-orange.stepper-fill .stepper-button, +.md .stepper.color-orange.stepper-fill-md .stepper-button, +.md .stepper.color-orange.stepper-fill .stepper-button-minus, +.md .stepper.color-orange.stepper-fill-md .stepper-button-minus, +.md .stepper.color-orange.stepper-fill .stepper-button-plus, +.md .stepper.color-orange.stepper-fill-md .stepper-button-plus { + background-color: #ff9800; + color: #fff; +} +.md .stepper.color-orange.stepper-fill .stepper-button.active-state, +.md .stepper.color-orange.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-orange.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-orange.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-orange.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-orange.stepper-fill-md .stepper-button-plus.active-state { + background: #d68000; +} +.md .stepper.color-orange.stepper-fill .stepper-button:after, +.md .stepper.color-orange.stepper-fill-md .stepper-button:after, +.md .stepper.color-orange.stepper-fill .stepper-button-minus:after, +.md .stepper.color-orange.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-orange.stepper-fill .stepper-button-plus:after, +.md .stepper.color-orange.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-orange.stepper-fill .stepper-button:before, +.md .stepper.color-orange.stepper-fill-md .stepper-button:before, +.md .stepper.color-orange.stepper-fill .stepper-button-minus:before, +.md .stepper.color-orange.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-orange.stepper-fill .stepper-button-plus:before, +.md .stepper.color-orange.stepper-fill-md .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 { + color: #9e9e9e; +} +.md .stepper.color-gray .stepper-input-wrap input { + color: #9e9e9e; +} +.md .stepper.color-gray.stepper-fill .stepper-button, +.md .stepper.color-gray.stepper-fill-md .stepper-button, +.md .stepper.color-gray.stepper-fill .stepper-button-minus, +.md .stepper.color-gray.stepper-fill-md .stepper-button-minus, +.md .stepper.color-gray.stepper-fill .stepper-button-plus, +.md .stepper.color-gray.stepper-fill-md .stepper-button-plus { + background-color: #9e9e9e; + color: #fff; +} +.md .stepper.color-gray.stepper-fill .stepper-button.active-state, +.md .stepper.color-gray.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-gray.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-gray.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-gray.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-gray.stepper-fill-md .stepper-button-plus.active-state { + background: #8a8a8a; +} +.md .stepper.color-gray.stepper-fill .stepper-button:after, +.md .stepper.color-gray.stepper-fill-md .stepper-button:after, +.md .stepper.color-gray.stepper-fill .stepper-button-minus:after, +.md .stepper.color-gray.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-gray.stepper-fill .stepper-button-plus:after, +.md .stepper.color-gray.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-gray.stepper-fill .stepper-button:before, +.md .stepper.color-gray.stepper-fill-md .stepper-button:before, +.md .stepper.color-gray.stepper-fill .stepper-button-minus:before, +.md .stepper.color-gray.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-gray.stepper-fill .stepper-button-plus:before, +.md .stepper.color-gray.stepper-fill-md .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 { + color: #ffffff; +} +.md .stepper.color-white .stepper-input-wrap input { + color: #ffffff; +} +.md .stepper.color-white.stepper-fill .stepper-button, +.md .stepper.color-white.stepper-fill-md .stepper-button, +.md .stepper.color-white.stepper-fill .stepper-button-minus, +.md .stepper.color-white.stepper-fill-md .stepper-button-minus, +.md .stepper.color-white.stepper-fill .stepper-button-plus, +.md .stepper.color-white.stepper-fill-md .stepper-button-plus { + background-color: #ffffff; + color: #fff; +} +.md .stepper.color-white.stepper-fill .stepper-button.active-state, +.md .stepper.color-white.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-white.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-white.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-white.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-white.stepper-fill-md .stepper-button-plus.active-state { + background: #ebebeb; +} +.md .stepper.color-white.stepper-fill .stepper-button:after, +.md .stepper.color-white.stepper-fill-md .stepper-button:after, +.md .stepper.color-white.stepper-fill .stepper-button-minus:after, +.md .stepper.color-white.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-white.stepper-fill .stepper-button-plus:after, +.md .stepper.color-white.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-white.stepper-fill .stepper-button:before, +.md .stepper.color-white.stepper-fill-md .stepper-button:before, +.md .stepper.color-white.stepper-fill .stepper-button-minus:before, +.md .stepper.color-white.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-white.stepper-fill .stepper-button-plus:before, +.md .stepper.color-white.stepper-fill-md .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 { + color: #000000; +} +.md .stepper.color-black .stepper-input-wrap input { + color: #000000; +} +.md .stepper.color-black.stepper-fill .stepper-button, +.md .stepper.color-black.stepper-fill-md .stepper-button, +.md .stepper.color-black.stepper-fill .stepper-button-minus, +.md .stepper.color-black.stepper-fill-md .stepper-button-minus, +.md .stepper.color-black.stepper-fill .stepper-button-plus, +.md .stepper.color-black.stepper-fill-md .stepper-button-plus { + background-color: #000000; + color: #fff; +} +.md .stepper.color-black.stepper-fill .stepper-button.active-state, +.md .stepper.color-black.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-black.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-black.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-black.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-black.stepper-fill-md .stepper-button-plus.active-state { + background: #000000; +} +.md .stepper.color-black.stepper-fill .stepper-button:after, +.md .stepper.color-black.stepper-fill-md .stepper-button:after, +.md .stepper.color-black.stepper-fill .stepper-button-minus:after, +.md .stepper.color-black.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-black.stepper-fill .stepper-button-plus:after, +.md .stepper.color-black.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-black.stepper-fill .stepper-button:before, +.md .stepper.color-black.stepper-fill-md .stepper-button:before, +.md .stepper.color-black.stepper-fill .stepper-button-minus:before, +.md .stepper.color-black.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-black.stepper-fill .stepper-button-plus:before, +.md .stepper.color-black.stepper-fill-md .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 span { + color: #fff; +} +.calendar-day.calendar-day-has-events span:after { + content: ''; + width: 4px; + height: 4px; + border-radius: 50%; + position: absolute; + margin-left: -2px; + left: 50%; + bottom: 1px; +} +.calendar-day span { + display: inline-block; + border-radius: 100%; + position: relative; +} +.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 span { + 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 span, +.calendar-year-selector span { + -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 span { + color: #2196f3; +} +.md .calendar-day.calendar-day-has-events span:after { + background: #2196f3; +} +.md .calendar-day.calendar-day-has-events.calendar-day-selected span:after { + background-color: #fff; +} +.md .calendar-day.calendar-day-selected span { + background: #2196f3; + color: #fff; +} +.md .calendar-day span { + width: 36px; + height: 36px; + line-height: 36px; +} +.md .calendar-range .calendar-day.calendar-day-selected span { + 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 span, +.md .color-red .calendar-day.calendar-day-today span { + color: #f44336; +} +.md .color-theme-red .calendar-day.calendar-day-has-events span:after, +.md .color-red .calendar-day.calendar-day-has-events span:after { + background: #f44336; +} +.md .color-theme-red .calendar-day.calendar-day-selected span, +.md .color-red .calendar-day.calendar-day-selected span { + background: #f44336; + color: #fff; +} +.md .color-theme-red .calendar-day.calendar-day-selected span:after, +.md .color-red .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-green .calendar-header, +.md .color-green .calendar-header { + background: #4caf50; +} +.md .color-theme-green .calendar-day.calendar-day-today span, +.md .color-green .calendar-day.calendar-day-today span { + color: #4caf50; +} +.md .color-theme-green .calendar-day.calendar-day-has-events span:after, +.md .color-green .calendar-day.calendar-day-has-events span:after { + background: #4caf50; +} +.md .color-theme-green .calendar-day.calendar-day-selected span, +.md .color-green .calendar-day.calendar-day-selected span { + background: #4caf50; + color: #fff; +} +.md .color-theme-green .calendar-day.calendar-day-selected span:after, +.md .color-green .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-blue .calendar-header, +.md .color-blue .calendar-header { + background: #2196f3; +} +.md .color-theme-blue .calendar-day.calendar-day-today span, +.md .color-blue .calendar-day.calendar-day-today span { + color: #2196f3; +} +.md .color-theme-blue .calendar-day.calendar-day-has-events span:after, +.md .color-blue .calendar-day.calendar-day-has-events span:after { + background: #2196f3; +} +.md .color-theme-blue .calendar-day.calendar-day-selected span, +.md .color-blue .calendar-day.calendar-day-selected span { + background: #2196f3; + color: #fff; +} +.md .color-theme-blue .calendar-day.calendar-day-selected span:after, +.md .color-blue .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-pink .calendar-header, +.md .color-pink .calendar-header { + background: #e91e63; +} +.md .color-theme-pink .calendar-day.calendar-day-today span, +.md .color-pink .calendar-day.calendar-day-today span { + color: #e91e63; +} +.md .color-theme-pink .calendar-day.calendar-day-has-events span:after, +.md .color-pink .calendar-day.calendar-day-has-events span:after { + background: #e91e63; +} +.md .color-theme-pink .calendar-day.calendar-day-selected span, +.md .color-pink .calendar-day.calendar-day-selected span { + background: #e91e63; + color: #fff; +} +.md .color-theme-pink .calendar-day.calendar-day-selected span:after, +.md .color-pink .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-yellow .calendar-header, +.md .color-yellow .calendar-header { + background: #ffeb3b; +} +.md .color-theme-yellow .calendar-day.calendar-day-today span, +.md .color-yellow .calendar-day.calendar-day-today span { + color: #ffeb3b; +} +.md .color-theme-yellow .calendar-day.calendar-day-has-events span:after, +.md .color-yellow .calendar-day.calendar-day-has-events span:after { + background: #ffeb3b; +} +.md .color-theme-yellow .calendar-day.calendar-day-selected span, +.md .color-yellow .calendar-day.calendar-day-selected span { + background: #ffeb3b; + color: #fff; +} +.md .color-theme-yellow .calendar-day.calendar-day-selected span:after, +.md .color-yellow .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-orange .calendar-header, +.md .color-orange .calendar-header { + background: #ff9800; +} +.md .color-theme-orange .calendar-day.calendar-day-today span, +.md .color-orange .calendar-day.calendar-day-today span { + color: #ff9800; +} +.md .color-theme-orange .calendar-day.calendar-day-has-events span:after, +.md .color-orange .calendar-day.calendar-day-has-events span:after { + background: #ff9800; +} +.md .color-theme-orange .calendar-day.calendar-day-selected span, +.md .color-orange .calendar-day.calendar-day-selected span { + background: #ff9800; + color: #fff; +} +.md .color-theme-orange .calendar-day.calendar-day-selected span:after, +.md .color-orange .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-gray .calendar-header, +.md .color-gray .calendar-header { + background: #9e9e9e; +} +.md .color-theme-gray .calendar-day.calendar-day-today span, +.md .color-gray .calendar-day.calendar-day-today span { + color: #9e9e9e; +} +.md .color-theme-gray .calendar-day.calendar-day-has-events span:after, +.md .color-gray .calendar-day.calendar-day-has-events span:after { + background: #9e9e9e; +} +.md .color-theme-gray .calendar-day.calendar-day-selected span, +.md .color-gray .calendar-day.calendar-day-selected span { + background: #9e9e9e; + color: #fff; +} +.md .color-theme-gray .calendar-day.calendar-day-selected span:after, +.md .color-gray .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-white .calendar-header, +.md .color-white .calendar-header { + background: #ffffff; +} +.md .color-theme-white .calendar-day.calendar-day-today span, +.md .color-white .calendar-day.calendar-day-today span { + color: #ffffff; +} +.md .color-theme-white .calendar-day.calendar-day-has-events span:after, +.md .color-white .calendar-day.calendar-day-has-events span:after { + background: #ffffff; +} +.md .color-theme-white .calendar-day.calendar-day-selected span, +.md .color-white .calendar-day.calendar-day-selected span { + background: #ffffff; + color: #fff; +} +.md .color-theme-white .calendar-day.calendar-day-selected span:after, +.md .color-white .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-black .calendar-header, +.md .color-black .calendar-header { + background: #000000; +} +.md .color-theme-black .calendar-day.calendar-day-today span, +.md .color-black .calendar-day.calendar-day-today span { + color: #000000; +} +.md .color-theme-black .calendar-day.calendar-day-has-events span:after, +.md .color-black .calendar-day.calendar-day-has-events span:after { + background: #000000; +} +.md .color-theme-black .calendar-day.calendar-day-selected span, +.md .color-black .calendar-day.calendar-day-selected span { + background: #000000; + color: #fff; +} +.md .color-theme-black .calendar-day.calendar-day-selected span:after, +.md .color-black .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +/* === 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 .searchbar-disable-button { + -webkit-transform: rotate(0deg) scale(1); + transform: rotate(0deg) scale(1); + pointer-events: auto; + opacity: 1; +} +.md .searchbar-enabled .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-invisible-blank-slide { + 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..400e882 --- /dev/null +++ b/framework7/css/framework7.md.min.css @@ -0,0 +1,12 @@ +/** + * Framework7 3.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2018 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: July 5, 2018 + */ +.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,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,0,0);transform:translate3d(0,0,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,0,0);transform:translate3d(0,0,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:0}.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>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.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}li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20}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(0,0,0) scale(0);transform:translate3d(0,0,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:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 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:0 20px 44px rgba(0,0,0,.5);box-shadow:0 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:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 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:10500}.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}.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:13500;-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)}.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 0 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:0 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(0,0,0);transform:translate3d(0,0,0)}html.with-panel-right-cover .panel-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,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:0 0 20px rgba(0,0,0,.5);box-shadow:0 0 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:0 0 20px rgba(0,0,0,.5);box-shadow:0 0 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:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 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{color:transparent!important}.md .item-floating-label~.item-input-wrap input:-ms-input-placeholder,.md .item-floating-label~.item-input-wrap textarea:-ms-input-placeholder{color:transparent!important}.md .item-floating-label~.item-input-wrap input::-ms-input-placeholder,.md .item-floating-label~.item-input-wrap textarea::-ms-input-placeholder{color:transparent!important}.md .item-floating-label~.item-input-wrap input::placeholder,.md .item-floating-label~.item-input-wrap textarea::placeholder{color:transparent!important}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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(0);transform:translateX(0);-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:0;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-value{color:#f44336}.md .color-theme-red .stepper .stepper-input-wrap input{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-value{color:#4caf50}.md .color-theme-green .stepper .stepper-input-wrap input{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-value{color:#2196f3}.md .color-theme-blue .stepper .stepper-input-wrap input{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-value{color:#e91e63}.md .color-theme-pink .stepper .stepper-input-wrap input{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-value{color:#ffeb3b}.md .color-theme-yellow .stepper .stepper-input-wrap input{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-value{color:#ff9800}.md .color-theme-orange .stepper .stepper-input-wrap input{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-value{color:#9e9e9e}.md .color-theme-gray .stepper .stepper-input-wrap input{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-value{color:#fff}.md .color-theme-white .stepper .stepper-input-wrap input{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-value{color:#000}.md .color-theme-black .stepper .stepper-input-wrap input{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-value{color:#f44336}.md .stepper.color-red .stepper-input-wrap input{color:#f44336}.md .stepper.color-red.stepper-fill .stepper-button,.md .stepper.color-red.stepper-fill .stepper-button-minus,.md .stepper.color-red.stepper-fill .stepper-button-plus,.md .stepper.color-red.stepper-fill-md .stepper-button,.md .stepper.color-red.stepper-fill-md .stepper-button-minus,.md .stepper.color-red.stepper-fill-md .stepper-button-plus{background-color:#f44336;color:#fff}.md .stepper.color-red.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-red.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-red.stepper-fill .stepper-button.active-state,.md .stepper.color-red.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-red.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-red.stepper-fill-md .stepper-button.active-state{background:#f21f0f}.md .stepper.color-red.stepper-fill .stepper-button-minus:after,.md .stepper.color-red.stepper-fill .stepper-button-minus:before,.md .stepper.color-red.stepper-fill .stepper-button-plus:after,.md .stepper.color-red.stepper-fill .stepper-button-plus:before,.md .stepper.color-red.stepper-fill .stepper-button:after,.md .stepper.color-red.stepper-fill .stepper-button:before,.md .stepper.color-red.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-red.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-red.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-red.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-red.stepper-fill-md .stepper-button:after,.md .stepper.color-red.stepper-fill-md .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-value{color:#4caf50}.md .stepper.color-green .stepper-input-wrap input{color:#4caf50}.md .stepper.color-green.stepper-fill .stepper-button,.md .stepper.color-green.stepper-fill .stepper-button-minus,.md .stepper.color-green.stepper-fill .stepper-button-plus,.md .stepper.color-green.stepper-fill-md .stepper-button,.md .stepper.color-green.stepper-fill-md .stepper-button-minus,.md .stepper.color-green.stepper-fill-md .stepper-button-plus{background-color:#4caf50;color:#fff}.md .stepper.color-green.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-green.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-green.stepper-fill .stepper-button.active-state,.md .stepper.color-green.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-green.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-green.stepper-fill-md .stepper-button.active-state{background:#409343}.md .stepper.color-green.stepper-fill .stepper-button-minus:after,.md .stepper.color-green.stepper-fill .stepper-button-minus:before,.md .stepper.color-green.stepper-fill .stepper-button-plus:after,.md .stepper.color-green.stepper-fill .stepper-button-plus:before,.md .stepper.color-green.stepper-fill .stepper-button:after,.md .stepper.color-green.stepper-fill .stepper-button:before,.md .stepper.color-green.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-green.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-green.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-green.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-green.stepper-fill-md .stepper-button:after,.md .stepper.color-green.stepper-fill-md .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-value{color:#2196f3}.md .stepper.color-blue .stepper-input-wrap input{color:#2196f3}.md .stepper.color-blue.stepper-fill .stepper-button,.md .stepper.color-blue.stepper-fill .stepper-button-minus,.md .stepper.color-blue.stepper-fill .stepper-button-plus,.md .stepper.color-blue.stepper-fill-md .stepper-button,.md .stepper.color-blue.stepper-fill-md .stepper-button-minus,.md .stepper.color-blue.stepper-fill-md .stepper-button-plus{background-color:#2196f3;color:#fff}.md .stepper.color-blue.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-blue.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-blue.stepper-fill .stepper-button.active-state,.md .stepper.color-blue.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-blue.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-blue.stepper-fill-md .stepper-button.active-state{background:#0c82df}.md .stepper.color-blue.stepper-fill .stepper-button-minus:after,.md .stepper.color-blue.stepper-fill .stepper-button-minus:before,.md .stepper.color-blue.stepper-fill .stepper-button-plus:after,.md .stepper.color-blue.stepper-fill .stepper-button-plus:before,.md .stepper.color-blue.stepper-fill .stepper-button:after,.md .stepper.color-blue.stepper-fill .stepper-button:before,.md .stepper.color-blue.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-blue.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-blue.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-blue.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-blue.stepper-fill-md .stepper-button:after,.md .stepper.color-blue.stepper-fill-md .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-value{color:#e91e63}.md .stepper.color-pink .stepper-input-wrap input{color:#e91e63}.md .stepper.color-pink.stepper-fill .stepper-button,.md .stepper.color-pink.stepper-fill .stepper-button-minus,.md .stepper.color-pink.stepper-fill .stepper-button-plus,.md .stepper.color-pink.stepper-fill-md .stepper-button,.md .stepper.color-pink.stepper-fill-md .stepper-button-minus,.md .stepper.color-pink.stepper-fill-md .stepper-button-plus{background-color:#e91e63;color:#fff}.md .stepper.color-pink.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-pink.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-pink.stepper-fill .stepper-button.active-state,.md .stepper.color-pink.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-pink.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-pink.stepper-fill-md .stepper-button.active-state{background:#ca1452}.md .stepper.color-pink.stepper-fill .stepper-button-minus:after,.md .stepper.color-pink.stepper-fill .stepper-button-minus:before,.md .stepper.color-pink.stepper-fill .stepper-button-plus:after,.md .stepper.color-pink.stepper-fill .stepper-button-plus:before,.md .stepper.color-pink.stepper-fill .stepper-button:after,.md .stepper.color-pink.stepper-fill .stepper-button:before,.md .stepper.color-pink.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-pink.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-pink.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-pink.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-pink.stepper-fill-md .stepper-button:after,.md .stepper.color-pink.stepper-fill-md .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-value{color:#ffeb3b}.md .stepper.color-yellow .stepper-input-wrap input{color:#ffeb3b}.md .stepper.color-yellow.stepper-fill .stepper-button,.md .stepper.color-yellow.stepper-fill .stepper-button-minus,.md .stepper.color-yellow.stepper-fill .stepper-button-plus,.md .stepper.color-yellow.stepper-fill-md .stepper-button,.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus,.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus{background-color:#ffeb3b;color:#fff}.md .stepper.color-yellow.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-yellow.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-yellow.stepper-fill .stepper-button.active-state,.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-yellow.stepper-fill-md .stepper-button.active-state{background:#ffe712}.md .stepper.color-yellow.stepper-fill .stepper-button-minus:after,.md .stepper.color-yellow.stepper-fill .stepper-button-minus:before,.md .stepper.color-yellow.stepper-fill .stepper-button-plus:after,.md .stepper.color-yellow.stepper-fill .stepper-button-plus:before,.md .stepper.color-yellow.stepper-fill .stepper-button:after,.md .stepper.color-yellow.stepper-fill .stepper-button:before,.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-yellow.stepper-fill-md .stepper-button:after,.md .stepper.color-yellow.stepper-fill-md .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-value{color:#ff9800}.md .stepper.color-orange .stepper-input-wrap input{color:#ff9800}.md .stepper.color-orange.stepper-fill .stepper-button,.md .stepper.color-orange.stepper-fill .stepper-button-minus,.md .stepper.color-orange.stepper-fill .stepper-button-plus,.md .stepper.color-orange.stepper-fill-md .stepper-button,.md .stepper.color-orange.stepper-fill-md .stepper-button-minus,.md .stepper.color-orange.stepper-fill-md .stepper-button-plus{background-color:#ff9800;color:#fff}.md .stepper.color-orange.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-orange.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-orange.stepper-fill .stepper-button.active-state,.md .stepper.color-orange.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-orange.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-orange.stepper-fill-md .stepper-button.active-state{background:#d68000}.md .stepper.color-orange.stepper-fill .stepper-button-minus:after,.md .stepper.color-orange.stepper-fill .stepper-button-minus:before,.md .stepper.color-orange.stepper-fill .stepper-button-plus:after,.md .stepper.color-orange.stepper-fill .stepper-button-plus:before,.md .stepper.color-orange.stepper-fill .stepper-button:after,.md .stepper.color-orange.stepper-fill .stepper-button:before,.md .stepper.color-orange.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-orange.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-orange.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-orange.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-orange.stepper-fill-md .stepper-button:after,.md .stepper.color-orange.stepper-fill-md .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-value{color:#9e9e9e}.md .stepper.color-gray .stepper-input-wrap input{color:#9e9e9e}.md .stepper.color-gray.stepper-fill .stepper-button,.md .stepper.color-gray.stepper-fill .stepper-button-minus,.md .stepper.color-gray.stepper-fill .stepper-button-plus,.md .stepper.color-gray.stepper-fill-md .stepper-button,.md .stepper.color-gray.stepper-fill-md .stepper-button-minus,.md .stepper.color-gray.stepper-fill-md .stepper-button-plus{background-color:#9e9e9e;color:#fff}.md .stepper.color-gray.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-gray.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-gray.stepper-fill .stepper-button.active-state,.md .stepper.color-gray.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-gray.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-gray.stepper-fill-md .stepper-button.active-state{background:#8a8a8a}.md .stepper.color-gray.stepper-fill .stepper-button-minus:after,.md .stepper.color-gray.stepper-fill .stepper-button-minus:before,.md .stepper.color-gray.stepper-fill .stepper-button-plus:after,.md .stepper.color-gray.stepper-fill .stepper-button-plus:before,.md .stepper.color-gray.stepper-fill .stepper-button:after,.md .stepper.color-gray.stepper-fill .stepper-button:before,.md .stepper.color-gray.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-gray.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-gray.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-gray.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-gray.stepper-fill-md .stepper-button:after,.md .stepper.color-gray.stepper-fill-md .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-value{color:#fff}.md .stepper.color-white .stepper-input-wrap input{color:#fff}.md .stepper.color-white.stepper-fill .stepper-button,.md .stepper.color-white.stepper-fill .stepper-button-minus,.md .stepper.color-white.stepper-fill .stepper-button-plus,.md .stepper.color-white.stepper-fill-md .stepper-button,.md .stepper.color-white.stepper-fill-md .stepper-button-minus,.md .stepper.color-white.stepper-fill-md .stepper-button-plus{background-color:#fff;color:#fff}.md .stepper.color-white.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-white.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-white.stepper-fill .stepper-button.active-state,.md .stepper.color-white.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-white.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-white.stepper-fill-md .stepper-button.active-state{background:#ebebeb}.md .stepper.color-white.stepper-fill .stepper-button-minus:after,.md .stepper.color-white.stepper-fill .stepper-button-minus:before,.md .stepper.color-white.stepper-fill .stepper-button-plus:after,.md .stepper.color-white.stepper-fill .stepper-button-plus:before,.md .stepper.color-white.stepper-fill .stepper-button:after,.md .stepper.color-white.stepper-fill .stepper-button:before,.md .stepper.color-white.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-white.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-white.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-white.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-white.stepper-fill-md .stepper-button:after,.md .stepper.color-white.stepper-fill-md .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-value{color:#000}.md .stepper.color-black .stepper-input-wrap input{color:#000}.md .stepper.color-black.stepper-fill .stepper-button,.md .stepper.color-black.stepper-fill .stepper-button-minus,.md .stepper.color-black.stepper-fill .stepper-button-plus,.md .stepper.color-black.stepper-fill-md .stepper-button,.md .stepper.color-black.stepper-fill-md .stepper-button-minus,.md .stepper.color-black.stepper-fill-md .stepper-button-plus{background-color:#000;color:#fff}.md .stepper.color-black.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-black.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-black.stepper-fill .stepper-button.active-state,.md .stepper.color-black.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-black.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-black.stepper-fill-md .stepper-button.active-state{background:#000}.md .stepper.color-black.stepper-fill .stepper-button-minus:after,.md .stepper.color-black.stepper-fill .stepper-button-minus:before,.md .stepper.color-black.stepper-fill .stepper-button-plus:after,.md .stepper.color-black.stepper-fill .stepper-button-plus:before,.md .stepper.color-black.stepper-fill .stepper-button:after,.md .stepper.color-black.stepper-fill .stepper-button:before,.md .stepper.color-black.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-black.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-black.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-black.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-black.stepper-fill-md .stepper-button:after,.md .stepper.color-black.stepper-fill-md .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 span{color:#fff}.calendar-day.calendar-day-has-events span:after{content:'';width:4px;height:4px;border-radius:50%;position:absolute;margin-left:-2px;left:50%;bottom:1px}.calendar-day span{display:inline-block;border-radius:100%;position:relative}.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 span{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 span,.calendar-year-selector span{-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 span{color:#2196f3}.md .calendar-day.calendar-day-has-events span:after{background:#2196f3}.md .calendar-day.calendar-day-has-events.calendar-day-selected span:after{background-color:#fff}.md .calendar-day.calendar-day-selected span{background:#2196f3;color:#fff}.md .calendar-day span{width:36px;height:36px;line-height:36px}.md .calendar-range .calendar-day.calendar-day-selected span{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 span,.md .color-theme-red .calendar-day.calendar-day-today span{color:#f44336}.md .color-red .calendar-day.calendar-day-has-events span:after,.md .color-theme-red .calendar-day.calendar-day-has-events span:after{background:#f44336}.md .color-red .calendar-day.calendar-day-selected span,.md .color-theme-red .calendar-day.calendar-day-selected span{background:#f44336;color:#fff}.md .color-red .calendar-day.calendar-day-selected span:after,.md .color-theme-red .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-green .calendar-header,.md .color-theme-green .calendar-header{background:#4caf50}.md .color-green .calendar-day.calendar-day-today span,.md .color-theme-green .calendar-day.calendar-day-today span{color:#4caf50}.md .color-green .calendar-day.calendar-day-has-events span:after,.md .color-theme-green .calendar-day.calendar-day-has-events span:after{background:#4caf50}.md .color-green .calendar-day.calendar-day-selected span,.md .color-theme-green .calendar-day.calendar-day-selected span{background:#4caf50;color:#fff}.md .color-green .calendar-day.calendar-day-selected span:after,.md .color-theme-green .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-blue .calendar-header,.md .color-theme-blue .calendar-header{background:#2196f3}.md .color-blue .calendar-day.calendar-day-today span,.md .color-theme-blue .calendar-day.calendar-day-today span{color:#2196f3}.md .color-blue .calendar-day.calendar-day-has-events span:after,.md .color-theme-blue .calendar-day.calendar-day-has-events span:after{background:#2196f3}.md .color-blue .calendar-day.calendar-day-selected span,.md .color-theme-blue .calendar-day.calendar-day-selected span{background:#2196f3;color:#fff}.md .color-blue .calendar-day.calendar-day-selected span:after,.md .color-theme-blue .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-pink .calendar-header,.md .color-theme-pink .calendar-header{background:#e91e63}.md .color-pink .calendar-day.calendar-day-today span,.md .color-theme-pink .calendar-day.calendar-day-today span{color:#e91e63}.md .color-pink .calendar-day.calendar-day-has-events span:after,.md .color-theme-pink .calendar-day.calendar-day-has-events span:after{background:#e91e63}.md .color-pink .calendar-day.calendar-day-selected span,.md .color-theme-pink .calendar-day.calendar-day-selected span{background:#e91e63;color:#fff}.md .color-pink .calendar-day.calendar-day-selected span:after,.md .color-theme-pink .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-theme-yellow .calendar-header,.md .color-yellow .calendar-header{background:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-today span,.md .color-yellow .calendar-day.calendar-day-today span{color:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-has-events span:after,.md .color-yellow .calendar-day.calendar-day-has-events span:after{background:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-selected span,.md .color-yellow .calendar-day.calendar-day-selected span{background:#ffeb3b;color:#fff}.md .color-theme-yellow .calendar-day.calendar-day-selected span:after,.md .color-yellow .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-orange .calendar-header,.md .color-theme-orange .calendar-header{background:#ff9800}.md .color-orange .calendar-day.calendar-day-today span,.md .color-theme-orange .calendar-day.calendar-day-today span{color:#ff9800}.md .color-orange .calendar-day.calendar-day-has-events span:after,.md .color-theme-orange .calendar-day.calendar-day-has-events span:after{background:#ff9800}.md .color-orange .calendar-day.calendar-day-selected span,.md .color-theme-orange .calendar-day.calendar-day-selected span{background:#ff9800;color:#fff}.md .color-orange .calendar-day.calendar-day-selected span:after,.md .color-theme-orange .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-gray .calendar-header,.md .color-theme-gray .calendar-header{background:#9e9e9e}.md .color-gray .calendar-day.calendar-day-today span,.md .color-theme-gray .calendar-day.calendar-day-today span{color:#9e9e9e}.md .color-gray .calendar-day.calendar-day-has-events span:after,.md .color-theme-gray .calendar-day.calendar-day-has-events span:after{background:#9e9e9e}.md .color-gray .calendar-day.calendar-day-selected span,.md .color-theme-gray .calendar-day.calendar-day-selected span{background:#9e9e9e;color:#fff}.md .color-gray .calendar-day.calendar-day-selected span:after,.md .color-theme-gray .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-theme-white .calendar-header,.md .color-white .calendar-header{background:#fff}.md .color-theme-white .calendar-day.calendar-day-today span,.md .color-white .calendar-day.calendar-day-today span{color:#fff}.md .color-theme-white .calendar-day.calendar-day-has-events span:after,.md .color-white .calendar-day.calendar-day-has-events span:after{background:#fff}.md .color-theme-white .calendar-day.calendar-day-selected span,.md .color-white .calendar-day.calendar-day-selected span{background:#fff;color:#fff}.md .color-theme-white .calendar-day.calendar-day-selected span:after,.md .color-white .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-black .calendar-header,.md .color-theme-black .calendar-header{background:#000}.md .color-black .calendar-day.calendar-day-today span,.md .color-theme-black .calendar-day.calendar-day-today span{color:#000}.md .color-black .calendar-day.calendar-day-has-events span:after,.md .color-theme-black .calendar-day.calendar-day-has-events span:after{background:#000}.md .color-black .calendar-day.calendar-day-selected span,.md .color-theme-black .calendar-day.calendar-day-selected span{background:#000;color:#fff}.md .color-black .calendar-day.calendar-day-selected span:after,.md .color-theme-black .calendar-day.calendar-day-selected span:after{background-color:#fff}.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(0);transform:translate3d(0,0,0) rotateX(0)}.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:0;height:0;position:absolute;left:-5px;bottom:0;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(0) scale(1);transform:translate3d(-50%,-50%,0) rotate(0) 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(0) scale(1);transform:translate3d(-50%,-50%,0) rotate(0) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1)!important;transform:translate3d(0,0,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,0,0) scale(.3);transform:translate3d(8px,0,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:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 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:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 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:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 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 .searchbar-disable-button{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled .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(0,0,0);transform:translate3d(0,0,0);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:0 0 2px rgba(0,0,0,.2);box-shadow:0 0 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:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 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(0,0,0);transform:translate3d(0,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-invisible-blank-slide{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:0;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(0,-50%,0);transform:translate3d(0,-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,0,0);transform:translate3d(0,0,0)}.md .toolbar~.photo-browser-captions.photo-browser-captions-exposed{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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:0;-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:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.elevation-1{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.elevation-2{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.elevation-3{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.elevation-4{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.elevation-5{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.elevation-6{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.elevation-7{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.elevation-8{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.elevation-9{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.elevation-10{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.elevation-11{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.elevation-12{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.elevation-13{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.elevation-14{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.elevation-15{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.elevation-16{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.elevation-17{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.elevation-18{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.elevation-19{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.elevation-20{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.elevation-21{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.elevation-22{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.elevation-23{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.elevation-24{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-0:hover{-webkit-box-shadow:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.device-desktop .elevation-hover-1:hover{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-2:hover{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-3:hover{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-4:hover{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-5:hover{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-6:hover{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-7:hover{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-8:hover{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-9:hover{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-10:hover{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-11:hover{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-12:hover{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-13:hover{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-14:hover{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-15:hover{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-16:hover{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-17:hover{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-18:hover{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-19:hover{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-20:hover{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-21:hover{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-22:hover{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-23:hover{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-24:hover{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{-webkit-box-shadow:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 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..916b968 --- /dev/null +++ b/framework7/css/framework7.min.css @@ -0,0 +1,12 @@ +/** + * Framework7 3.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2018 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: July 5, 2018 + */ +.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 UI Text,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,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,0,0);transform:translate3d(0,0,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,0,0);transform:translate3d(0,0,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:0}.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>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.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}li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20}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}.item-after .ios .badge{min-width: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(0,0,0) scale(0);transform:translate3d(0,0,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}.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}.md .dialog{width:280px;margin-left:-140px;border-radius:4px;color:#757575;background:#fff;font-size:16px;-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 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:0 20px 44px rgba(0,0,0,.5);box-shadow:0 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}.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}.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}.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}.md .popover{background:#fff;border-radius:4px;-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 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}.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(0 - constant(safe-area-inset-bottom)),0);transform:translate3d(0,calc(0 - constant(safe-area-inset-bottom)),0);-webkit-transform:translate3d(0,calc(0 - env(safe-area-inset-bottom)),0);transform:translate3d(0,calc(0 - env(safe-area-inset-bottom)),0)}.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:10500}.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}.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}.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))}}.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}.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:13500;-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)}}.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)}}.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)}}.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)}.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:0 2px 8px rgba(0,0,0,.6);box-shadow:0 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))}}.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)}.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}.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}.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")}.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}.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}.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}.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}.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}.ios .timeline{margin:35px 0;padding:0 15px}.ios .block-strong .timeline{padding:0;margin:0}.ios .timeline-item{padding:2px 0 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:0 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}.md .timeline{margin:32px 0;padding:0 16px}.md .block-strong .timeline{padding:0;margin:0}.md .timeline-item{padding:2px 0 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:0 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(0,0,0);transform:translate3d(0,0,0)}html.with-panel-right-cover .panel-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,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}.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:0 0 20px rgba(0,0,0,.5);box-shadow:0 0 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:0 0 20px rgba(0,0,0,.5);box-shadow:0 0 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}.ios .card .list ul,.ios .cards-list ul{background:0 0}.ios .card{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 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}.md .card .list ul,.md .cards-list ul{background:0 0}.md .card{margin:8px;-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 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}.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}.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}.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}.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{color:transparent!important}.md .item-floating-label~.item-input-wrap input:-ms-input-placeholder,.md .item-floating-label~.item-input-wrap textarea:-ms-input-placeholder{color:transparent!important}.md .item-floating-label~.item-input-wrap input::-ms-input-placeholder,.md .item-floating-label~.item-input-wrap textarea::-ms-input-placeholder{color:transparent!important}.md .item-floating-label~.item-input-wrap input::placeholder,.md .item-floating-label~.item-input-wrap textarea::placeholder{color:transparent!important}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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}.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}.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}.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(0);transform:translateX(0);-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}.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)}.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}.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:0;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}.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 .stepper-button,.ios .color-theme-red .stepper .stepper-button-minus,.ios .color-theme-red .stepper .stepper-button-plus{border-color:#ff3b30;color:#ff3b30}.ios .color-theme-red .stepper .stepper-button-minus.active-state,.ios .color-theme-red .stepper .stepper-button-plus.active-state,.ios .color-theme-red .stepper .stepper-button.active-state{background-color:rgba(255,59,48,.15)}.ios .color-theme-red .stepper .stepper-button-minus:after,.ios .color-theme-red .stepper .stepper-button-minus:before,.ios .color-theme-red .stepper .stepper-button-plus:after,.ios .color-theme-red .stepper .stepper-button-plus:before{background-color:#ff3b30}.ios .color-theme-red .stepper .stepper-input-wrap,.ios .color-theme-red .stepper .stepper-value{border-top-color:#ff3b30;border-bottom-color:#ff3b30}.ios .color-theme-red .stepper .stepper-value{color:#ff3b30}.ios .color-theme-red .stepper .stepper-input-wrap input{color:#ff3b30}.ios .color-theme-red .stepper.stepper-fill .stepper-button,.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus{background-color:#ff3b30}.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#ff3b30;border-color:#ff3b30;background-color:transparent}.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff3b30}.ios .color-theme-green .stepper .stepper-button,.ios .color-theme-green .stepper .stepper-button-minus,.ios .color-theme-green .stepper .stepper-button-plus{border-color:#4cd964;color:#4cd964}.ios .color-theme-green .stepper .stepper-button-minus.active-state,.ios .color-theme-green .stepper .stepper-button-plus.active-state,.ios .color-theme-green .stepper .stepper-button.active-state{background-color:rgba(76,217,100,.15)}.ios .color-theme-green .stepper .stepper-button-minus:after,.ios .color-theme-green .stepper .stepper-button-minus:before,.ios .color-theme-green .stepper .stepper-button-plus:after,.ios .color-theme-green .stepper .stepper-button-plus:before{background-color:#4cd964}.ios .color-theme-green .stepper .stepper-input-wrap,.ios .color-theme-green .stepper .stepper-value{border-top-color:#4cd964;border-bottom-color:#4cd964}.ios .color-theme-green .stepper .stepper-value{color:#4cd964}.ios .color-theme-green .stepper .stepper-input-wrap input{color:#4cd964}.ios .color-theme-green .stepper.stepper-fill .stepper-button,.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus{background-color:#4cd964}.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#4cd964;border-color:#4cd964;background-color:transparent}.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#4cd964}.ios .color-theme-blue .stepper .stepper-button,.ios .color-theme-blue .stepper .stepper-button-minus,.ios .color-theme-blue .stepper .stepper-button-plus{border-color:#007aff;color:#007aff}.ios .color-theme-blue .stepper .stepper-button-minus.active-state,.ios .color-theme-blue .stepper .stepper-button-plus.active-state,.ios .color-theme-blue .stepper .stepper-button.active-state{background-color:rgba(0,122,255,.15)}.ios .color-theme-blue .stepper .stepper-button-minus:after,.ios .color-theme-blue .stepper .stepper-button-minus:before,.ios .color-theme-blue .stepper .stepper-button-plus:after,.ios .color-theme-blue .stepper .stepper-button-plus:before{background-color:#007aff}.ios .color-theme-blue .stepper .stepper-input-wrap,.ios .color-theme-blue .stepper .stepper-value{border-top-color:#007aff;border-bottom-color:#007aff}.ios .color-theme-blue .stepper .stepper-value{color:#007aff}.ios .color-theme-blue .stepper .stepper-input-wrap input{color:#007aff}.ios .color-theme-blue .stepper.stepper-fill .stepper-button,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus{background-color:#007aff}.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#007aff;border-color:#007aff;background-color:transparent}.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#007aff}.ios .color-theme-pink .stepper .stepper-button,.ios .color-theme-pink .stepper .stepper-button-minus,.ios .color-theme-pink .stepper .stepper-button-plus{border-color:#ff2d55;color:#ff2d55}.ios .color-theme-pink .stepper .stepper-button-minus.active-state,.ios .color-theme-pink .stepper .stepper-button-plus.active-state,.ios .color-theme-pink .stepper .stepper-button.active-state{background-color:rgba(255,45,85,.15)}.ios .color-theme-pink .stepper .stepper-button-minus:after,.ios .color-theme-pink .stepper .stepper-button-minus:before,.ios .color-theme-pink .stepper .stepper-button-plus:after,.ios .color-theme-pink .stepper .stepper-button-plus:before{background-color:#ff2d55}.ios .color-theme-pink .stepper .stepper-input-wrap,.ios .color-theme-pink .stepper .stepper-value{border-top-color:#ff2d55;border-bottom-color:#ff2d55}.ios .color-theme-pink .stepper .stepper-value{color:#ff2d55}.ios .color-theme-pink .stepper .stepper-input-wrap input{color:#ff2d55}.ios .color-theme-pink .stepper.stepper-fill .stepper-button,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus{background-color:#ff2d55}.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#ff2d55;border-color:#ff2d55;background-color:transparent}.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff2d55}.ios .color-theme-yellow .stepper .stepper-button,.ios .color-theme-yellow .stepper .stepper-button-minus,.ios .color-theme-yellow .stepper .stepper-button-plus{border-color:#fc0;color:#fc0}.ios .color-theme-yellow .stepper .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper .stepper-button.active-state{background-color:rgba(255,204,0,.15)}.ios .color-theme-yellow .stepper .stepper-button-minus:after,.ios .color-theme-yellow .stepper .stepper-button-minus:before,.ios .color-theme-yellow .stepper .stepper-button-plus:after,.ios .color-theme-yellow .stepper .stepper-button-plus:before{background-color:#fc0}.ios .color-theme-yellow .stepper .stepper-input-wrap,.ios .color-theme-yellow .stepper .stepper-value{border-top-color:#fc0;border-bottom-color:#fc0}.ios .color-theme-yellow .stepper .stepper-value{color:#fc0}.ios .color-theme-yellow .stepper .stepper-input-wrap input{color:#fc0}.ios .color-theme-yellow .stepper.stepper-fill .stepper-button,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus{background-color:#fc0}.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#fc0;border-color:#fc0;background-color:transparent}.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#fc0}.ios .color-theme-orange .stepper .stepper-button,.ios .color-theme-orange .stepper .stepper-button-minus,.ios .color-theme-orange .stepper .stepper-button-plus{border-color:#ff9500;color:#ff9500}.ios .color-theme-orange .stepper .stepper-button-minus.active-state,.ios .color-theme-orange .stepper .stepper-button-plus.active-state,.ios .color-theme-orange .stepper .stepper-button.active-state{background-color:rgba(255,149,0,.15)}.ios .color-theme-orange .stepper .stepper-button-minus:after,.ios .color-theme-orange .stepper .stepper-button-minus:before,.ios .color-theme-orange .stepper .stepper-button-plus:after,.ios .color-theme-orange .stepper .stepper-button-plus:before{background-color:#ff9500}.ios .color-theme-orange .stepper .stepper-input-wrap,.ios .color-theme-orange .stepper .stepper-value{border-top-color:#ff9500;border-bottom-color:#ff9500}.ios .color-theme-orange .stepper .stepper-value{color:#ff9500}.ios .color-theme-orange .stepper .stepper-input-wrap input{color:#ff9500}.ios .color-theme-orange .stepper.stepper-fill .stepper-button,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus{background-color:#ff9500}.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#ff9500;border-color:#ff9500;background-color:transparent}.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff9500}.ios .color-theme-gray .stepper .stepper-button,.ios .color-theme-gray .stepper .stepper-button-minus,.ios .color-theme-gray .stepper .stepper-button-plus{border-color:#8e8e93;color:#8e8e93}.ios .color-theme-gray .stepper .stepper-button-minus.active-state,.ios .color-theme-gray .stepper .stepper-button-plus.active-state,.ios .color-theme-gray .stepper .stepper-button.active-state{background-color:rgba(142,142,147,.15)}.ios .color-theme-gray .stepper .stepper-button-minus:after,.ios .color-theme-gray .stepper .stepper-button-minus:before,.ios .color-theme-gray .stepper .stepper-button-plus:after,.ios .color-theme-gray .stepper .stepper-button-plus:before{background-color:#8e8e93}.ios .color-theme-gray .stepper .stepper-input-wrap,.ios .color-theme-gray .stepper .stepper-value{border-top-color:#8e8e93;border-bottom-color:#8e8e93}.ios .color-theme-gray .stepper .stepper-value{color:#8e8e93}.ios .color-theme-gray .stepper .stepper-input-wrap input{color:#8e8e93}.ios .color-theme-gray .stepper.stepper-fill .stepper-button,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus{background-color:#8e8e93}.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#8e8e93;border-color:#8e8e93;background-color:transparent}.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#8e8e93}.ios .color-theme-white .stepper .stepper-button,.ios .color-theme-white .stepper .stepper-button-minus,.ios .color-theme-white .stepper .stepper-button-plus{border-color:#fff;color:#fff}.ios .color-theme-white .stepper .stepper-button-minus.active-state,.ios .color-theme-white .stepper .stepper-button-plus.active-state,.ios .color-theme-white .stepper .stepper-button.active-state{background-color:rgba(255,255,255,.15)}.ios .color-theme-white .stepper .stepper-button-minus:after,.ios .color-theme-white .stepper .stepper-button-minus:before,.ios .color-theme-white .stepper .stepper-button-plus:after,.ios .color-theme-white .stepper .stepper-button-plus:before{background-color:#fff}.ios .color-theme-white .stepper .stepper-input-wrap,.ios .color-theme-white .stepper .stepper-value{border-top-color:#fff;border-bottom-color:#fff}.ios .color-theme-white .stepper .stepper-value{color:#fff}.ios .color-theme-white .stepper .stepper-input-wrap input{color:#fff}.ios .color-theme-white .stepper.stepper-fill .stepper-button,.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus{background-color:#fff}.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#fff;border-color:#fff;background-color:transparent}.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#fff}.ios .color-theme-black .stepper .stepper-button,.ios .color-theme-black .stepper .stepper-button-minus,.ios .color-theme-black .stepper .stepper-button-plus{border-color:#000;color:#000}.ios .color-theme-black .stepper .stepper-button-minus.active-state,.ios .color-theme-black .stepper .stepper-button-plus.active-state,.ios .color-theme-black .stepper .stepper-button.active-state{background-color:rgba(0,0,0,.15)}.ios .color-theme-black .stepper .stepper-button-minus:after,.ios .color-theme-black .stepper .stepper-button-minus:before,.ios .color-theme-black .stepper .stepper-button-plus:after,.ios .color-theme-black .stepper .stepper-button-plus:before{background-color:#000}.ios .color-theme-black .stepper .stepper-input-wrap,.ios .color-theme-black .stepper .stepper-value{border-top-color:#000;border-bottom-color:#000}.ios .color-theme-black .stepper .stepper-value{color:#000}.ios .color-theme-black .stepper .stepper-input-wrap input{color:#000}.ios .color-theme-black .stepper.stepper-fill .stepper-button,.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus{background-color:#000}.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#000;border-color:#000;background-color:transparent}.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-black .stepper.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-value{color:#ff3b30}.ios .stepper.color-red .stepper-input-wrap input{color:#ff3b30}.ios .stepper.color-red.stepper-fill .stepper-button,.ios .stepper.color-red.stepper-fill .stepper-button-minus,.ios .stepper.color-red.stepper-fill .stepper-button-plus,.ios .stepper.color-red.stepper-fill-ios .stepper-button,.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus{background-color:#ff3b30}.ios .stepper.color-red.stepper-fill .stepper-button-minus:after,.ios .stepper.color-red.stepper-fill .stepper-button-minus:before,.ios .stepper.color-red.stepper-fill .stepper-button-plus:after,.ios .stepper.color-red.stepper-fill .stepper-button-plus:before,.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button.active-state{color:#ff3b30;border-color:#ff3b30;background-color:transparent}.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-red.stepper-small.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-value{color:#4cd964}.ios .stepper.color-green .stepper-input-wrap input{color:#4cd964}.ios .stepper.color-green.stepper-fill .stepper-button,.ios .stepper.color-green.stepper-fill .stepper-button-minus,.ios .stepper.color-green.stepper-fill .stepper-button-plus,.ios .stepper.color-green.stepper-fill-ios .stepper-button,.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus{background-color:#4cd964}.ios .stepper.color-green.stepper-fill .stepper-button-minus:after,.ios .stepper.color-green.stepper-fill .stepper-button-minus:before,.ios .stepper.color-green.stepper-fill .stepper-button-plus:after,.ios .stepper.color-green.stepper-fill .stepper-button-plus:before,.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button.active-state{color:#4cd964;border-color:#4cd964;background-color:transparent}.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-green.stepper-small.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-value{color:#007aff}.ios .stepper.color-blue .stepper-input-wrap input{color:#007aff}.ios .stepper.color-blue.stepper-fill .stepper-button,.ios .stepper.color-blue.stepper-fill .stepper-button-minus,.ios .stepper.color-blue.stepper-fill .stepper-button-plus,.ios .stepper.color-blue.stepper-fill-ios .stepper-button,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus{background-color:#007aff}.ios .stepper.color-blue.stepper-fill .stepper-button-minus:after,.ios .stepper.color-blue.stepper-fill .stepper-button-minus:before,.ios .stepper.color-blue.stepper-fill .stepper-button-plus:after,.ios .stepper.color-blue.stepper-fill .stepper-button-plus:before,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button.active-state{color:#007aff;border-color:#007aff;background-color:transparent}.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-blue.stepper-small.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-value{color:#ff2d55}.ios .stepper.color-pink .stepper-input-wrap input{color:#ff2d55}.ios .stepper.color-pink.stepper-fill .stepper-button,.ios .stepper.color-pink.stepper-fill .stepper-button-minus,.ios .stepper.color-pink.stepper-fill .stepper-button-plus,.ios .stepper.color-pink.stepper-fill-ios .stepper-button,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus{background-color:#ff2d55}.ios .stepper.color-pink.stepper-fill .stepper-button-minus:after,.ios .stepper.color-pink.stepper-fill .stepper-button-minus:before,.ios .stepper.color-pink.stepper-fill .stepper-button-plus:after,.ios .stepper.color-pink.stepper-fill .stepper-button-plus:before,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button.active-state{color:#ff2d55;border-color:#ff2d55;background-color:transparent}.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-pink.stepper-small.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-value{color:#fc0}.ios .stepper.color-yellow .stepper-input-wrap input{color:#fc0}.ios .stepper.color-yellow.stepper-fill .stepper-button,.ios .stepper.color-yellow.stepper-fill .stepper-button-minus,.ios .stepper.color-yellow.stepper-fill .stepper-button-plus,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus{background-color:#fc0}.ios .stepper.color-yellow.stepper-fill .stepper-button-minus:after,.ios .stepper.color-yellow.stepper-fill .stepper-button-minus:before,.ios .stepper.color-yellow.stepper-fill .stepper-button-plus:after,.ios .stepper.color-yellow.stepper-fill .stepper-button-plus:before,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button.active-state{color:#fc0;border-color:#fc0;background-color:transparent}.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-yellow.stepper-small.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-value{color:#ff9500}.ios .stepper.color-orange .stepper-input-wrap input{color:#ff9500}.ios .stepper.color-orange.stepper-fill .stepper-button,.ios .stepper.color-orange.stepper-fill .stepper-button-minus,.ios .stepper.color-orange.stepper-fill .stepper-button-plus,.ios .stepper.color-orange.stepper-fill-ios .stepper-button,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus{background-color:#ff9500}.ios .stepper.color-orange.stepper-fill .stepper-button-minus:after,.ios .stepper.color-orange.stepper-fill .stepper-button-minus:before,.ios .stepper.color-orange.stepper-fill .stepper-button-plus:after,.ios .stepper.color-orange.stepper-fill .stepper-button-plus:before,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button.active-state{color:#ff9500;border-color:#ff9500;background-color:transparent}.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-orange.stepper-small.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-value{color:#8e8e93}.ios .stepper.color-gray .stepper-input-wrap input{color:#8e8e93}.ios .stepper.color-gray.stepper-fill .stepper-button,.ios .stepper.color-gray.stepper-fill .stepper-button-minus,.ios .stepper.color-gray.stepper-fill .stepper-button-plus,.ios .stepper.color-gray.stepper-fill-ios .stepper-button,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus{background-color:#8e8e93}.ios .stepper.color-gray.stepper-fill .stepper-button-minus:after,.ios .stepper.color-gray.stepper-fill .stepper-button-minus:before,.ios .stepper.color-gray.stepper-fill .stepper-button-plus:after,.ios .stepper.color-gray.stepper-fill .stepper-button-plus:before,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button.active-state{color:#8e8e93;border-color:#8e8e93;background-color:transparent}.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-gray.stepper-small.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-value{color:#fff}.ios .stepper.color-white .stepper-input-wrap input{color:#fff}.ios .stepper.color-white.stepper-fill .stepper-button,.ios .stepper.color-white.stepper-fill .stepper-button-minus,.ios .stepper.color-white.stepper-fill .stepper-button-plus,.ios .stepper.color-white.stepper-fill-ios .stepper-button,.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus{background-color:#fff}.ios .stepper.color-white.stepper-fill .stepper-button-minus:after,.ios .stepper.color-white.stepper-fill .stepper-button-minus:before,.ios .stepper.color-white.stepper-fill .stepper-button-plus:after,.ios .stepper.color-white.stepper-fill .stepper-button-plus:before,.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button.active-state{color:#fff;border-color:#fff;background-color:transparent}.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-white.stepper-small.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-value{color:#000}.ios .stepper.color-black .stepper-input-wrap input{color:#000}.ios .stepper.color-black.stepper-fill .stepper-button,.ios .stepper.color-black.stepper-fill .stepper-button-minus,.ios .stepper.color-black.stepper-fill .stepper-button-plus,.ios .stepper.color-black.stepper-fill-ios .stepper-button,.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus{background-color:#000}.ios .stepper.color-black.stepper-fill .stepper-button-minus:after,.ios .stepper.color-black.stepper-fill .stepper-button-minus:before,.ios .stepper.color-black.stepper-fill .stepper-button-plus:after,.ios .stepper.color-black.stepper-fill .stepper-button-plus:before,.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button.active-state{color:#000;border-color:#000;background-color:transparent}.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#000}.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-value{color:#f44336}.md .color-theme-red .stepper .stepper-input-wrap input{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-value{color:#4caf50}.md .color-theme-green .stepper .stepper-input-wrap input{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-value{color:#2196f3}.md .color-theme-blue .stepper .stepper-input-wrap input{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-value{color:#e91e63}.md .color-theme-pink .stepper .stepper-input-wrap input{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-value{color:#ffeb3b}.md .color-theme-yellow .stepper .stepper-input-wrap input{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-value{color:#ff9800}.md .color-theme-orange .stepper .stepper-input-wrap input{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-value{color:#9e9e9e}.md .color-theme-gray .stepper .stepper-input-wrap input{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-value{color:#fff}.md .color-theme-white .stepper .stepper-input-wrap input{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-value{color:#000}.md .color-theme-black .stepper .stepper-input-wrap input{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-value{color:#f44336}.md .stepper.color-red .stepper-input-wrap input{color:#f44336}.md .stepper.color-red.stepper-fill .stepper-button,.md .stepper.color-red.stepper-fill .stepper-button-minus,.md .stepper.color-red.stepper-fill .stepper-button-plus,.md .stepper.color-red.stepper-fill-md .stepper-button,.md .stepper.color-red.stepper-fill-md .stepper-button-minus,.md .stepper.color-red.stepper-fill-md .stepper-button-plus{background-color:#f44336;color:#fff}.md .stepper.color-red.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-red.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-red.stepper-fill .stepper-button.active-state,.md .stepper.color-red.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-red.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-red.stepper-fill-md .stepper-button.active-state{background:#f21f0f}.md .stepper.color-red.stepper-fill .stepper-button-minus:after,.md .stepper.color-red.stepper-fill .stepper-button-minus:before,.md .stepper.color-red.stepper-fill .stepper-button-plus:after,.md .stepper.color-red.stepper-fill .stepper-button-plus:before,.md .stepper.color-red.stepper-fill .stepper-button:after,.md .stepper.color-red.stepper-fill .stepper-button:before,.md .stepper.color-red.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-red.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-red.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-red.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-red.stepper-fill-md .stepper-button:after,.md .stepper.color-red.stepper-fill-md .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-value{color:#4caf50}.md .stepper.color-green .stepper-input-wrap input{color:#4caf50}.md .stepper.color-green.stepper-fill .stepper-button,.md .stepper.color-green.stepper-fill .stepper-button-minus,.md .stepper.color-green.stepper-fill .stepper-button-plus,.md .stepper.color-green.stepper-fill-md .stepper-button,.md .stepper.color-green.stepper-fill-md .stepper-button-minus,.md .stepper.color-green.stepper-fill-md .stepper-button-plus{background-color:#4caf50;color:#fff}.md .stepper.color-green.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-green.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-green.stepper-fill .stepper-button.active-state,.md .stepper.color-green.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-green.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-green.stepper-fill-md .stepper-button.active-state{background:#409343}.md .stepper.color-green.stepper-fill .stepper-button-minus:after,.md .stepper.color-green.stepper-fill .stepper-button-minus:before,.md .stepper.color-green.stepper-fill .stepper-button-plus:after,.md .stepper.color-green.stepper-fill .stepper-button-plus:before,.md .stepper.color-green.stepper-fill .stepper-button:after,.md .stepper.color-green.stepper-fill .stepper-button:before,.md .stepper.color-green.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-green.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-green.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-green.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-green.stepper-fill-md .stepper-button:after,.md .stepper.color-green.stepper-fill-md .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-value{color:#2196f3}.md .stepper.color-blue .stepper-input-wrap input{color:#2196f3}.md .stepper.color-blue.stepper-fill .stepper-button,.md .stepper.color-blue.stepper-fill .stepper-button-minus,.md .stepper.color-blue.stepper-fill .stepper-button-plus,.md .stepper.color-blue.stepper-fill-md .stepper-button,.md .stepper.color-blue.stepper-fill-md .stepper-button-minus,.md .stepper.color-blue.stepper-fill-md .stepper-button-plus{background-color:#2196f3;color:#fff}.md .stepper.color-blue.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-blue.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-blue.stepper-fill .stepper-button.active-state,.md .stepper.color-blue.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-blue.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-blue.stepper-fill-md .stepper-button.active-state{background:#0c82df}.md .stepper.color-blue.stepper-fill .stepper-button-minus:after,.md .stepper.color-blue.stepper-fill .stepper-button-minus:before,.md .stepper.color-blue.stepper-fill .stepper-button-plus:after,.md .stepper.color-blue.stepper-fill .stepper-button-plus:before,.md .stepper.color-blue.stepper-fill .stepper-button:after,.md .stepper.color-blue.stepper-fill .stepper-button:before,.md .stepper.color-blue.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-blue.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-blue.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-blue.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-blue.stepper-fill-md .stepper-button:after,.md .stepper.color-blue.stepper-fill-md .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-value{color:#e91e63}.md .stepper.color-pink .stepper-input-wrap input{color:#e91e63}.md .stepper.color-pink.stepper-fill .stepper-button,.md .stepper.color-pink.stepper-fill .stepper-button-minus,.md .stepper.color-pink.stepper-fill .stepper-button-plus,.md .stepper.color-pink.stepper-fill-md .stepper-button,.md .stepper.color-pink.stepper-fill-md .stepper-button-minus,.md .stepper.color-pink.stepper-fill-md .stepper-button-plus{background-color:#e91e63;color:#fff}.md .stepper.color-pink.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-pink.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-pink.stepper-fill .stepper-button.active-state,.md .stepper.color-pink.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-pink.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-pink.stepper-fill-md .stepper-button.active-state{background:#ca1452}.md .stepper.color-pink.stepper-fill .stepper-button-minus:after,.md .stepper.color-pink.stepper-fill .stepper-button-minus:before,.md .stepper.color-pink.stepper-fill .stepper-button-plus:after,.md .stepper.color-pink.stepper-fill .stepper-button-plus:before,.md .stepper.color-pink.stepper-fill .stepper-button:after,.md .stepper.color-pink.stepper-fill .stepper-button:before,.md .stepper.color-pink.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-pink.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-pink.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-pink.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-pink.stepper-fill-md .stepper-button:after,.md .stepper.color-pink.stepper-fill-md .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-value{color:#ffeb3b}.md .stepper.color-yellow .stepper-input-wrap input{color:#ffeb3b}.md .stepper.color-yellow.stepper-fill .stepper-button,.md .stepper.color-yellow.stepper-fill .stepper-button-minus,.md .stepper.color-yellow.stepper-fill .stepper-button-plus,.md .stepper.color-yellow.stepper-fill-md .stepper-button,.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus,.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus{background-color:#ffeb3b;color:#fff}.md .stepper.color-yellow.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-yellow.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-yellow.stepper-fill .stepper-button.active-state,.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-yellow.stepper-fill-md .stepper-button.active-state{background:#ffe712}.md .stepper.color-yellow.stepper-fill .stepper-button-minus:after,.md .stepper.color-yellow.stepper-fill .stepper-button-minus:before,.md .stepper.color-yellow.stepper-fill .stepper-button-plus:after,.md .stepper.color-yellow.stepper-fill .stepper-button-plus:before,.md .stepper.color-yellow.stepper-fill .stepper-button:after,.md .stepper.color-yellow.stepper-fill .stepper-button:before,.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-yellow.stepper-fill-md .stepper-button:after,.md .stepper.color-yellow.stepper-fill-md .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-value{color:#ff9800}.md .stepper.color-orange .stepper-input-wrap input{color:#ff9800}.md .stepper.color-orange.stepper-fill .stepper-button,.md .stepper.color-orange.stepper-fill .stepper-button-minus,.md .stepper.color-orange.stepper-fill .stepper-button-plus,.md .stepper.color-orange.stepper-fill-md .stepper-button,.md .stepper.color-orange.stepper-fill-md .stepper-button-minus,.md .stepper.color-orange.stepper-fill-md .stepper-button-plus{background-color:#ff9800;color:#fff}.md .stepper.color-orange.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-orange.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-orange.stepper-fill .stepper-button.active-state,.md .stepper.color-orange.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-orange.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-orange.stepper-fill-md .stepper-button.active-state{background:#d68000}.md .stepper.color-orange.stepper-fill .stepper-button-minus:after,.md .stepper.color-orange.stepper-fill .stepper-button-minus:before,.md .stepper.color-orange.stepper-fill .stepper-button-plus:after,.md .stepper.color-orange.stepper-fill .stepper-button-plus:before,.md .stepper.color-orange.stepper-fill .stepper-button:after,.md .stepper.color-orange.stepper-fill .stepper-button:before,.md .stepper.color-orange.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-orange.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-orange.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-orange.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-orange.stepper-fill-md .stepper-button:after,.md .stepper.color-orange.stepper-fill-md .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-value{color:#9e9e9e}.md .stepper.color-gray .stepper-input-wrap input{color:#9e9e9e}.md .stepper.color-gray.stepper-fill .stepper-button,.md .stepper.color-gray.stepper-fill .stepper-button-minus,.md .stepper.color-gray.stepper-fill .stepper-button-plus,.md .stepper.color-gray.stepper-fill-md .stepper-button,.md .stepper.color-gray.stepper-fill-md .stepper-button-minus,.md .stepper.color-gray.stepper-fill-md .stepper-button-plus{background-color:#9e9e9e;color:#fff}.md .stepper.color-gray.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-gray.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-gray.stepper-fill .stepper-button.active-state,.md .stepper.color-gray.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-gray.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-gray.stepper-fill-md .stepper-button.active-state{background:#8a8a8a}.md .stepper.color-gray.stepper-fill .stepper-button-minus:after,.md .stepper.color-gray.stepper-fill .stepper-button-minus:before,.md .stepper.color-gray.stepper-fill .stepper-button-plus:after,.md .stepper.color-gray.stepper-fill .stepper-button-plus:before,.md .stepper.color-gray.stepper-fill .stepper-button:after,.md .stepper.color-gray.stepper-fill .stepper-button:before,.md .stepper.color-gray.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-gray.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-gray.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-gray.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-gray.stepper-fill-md .stepper-button:after,.md .stepper.color-gray.stepper-fill-md .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-value{color:#fff}.md .stepper.color-white .stepper-input-wrap input{color:#fff}.md .stepper.color-white.stepper-fill .stepper-button,.md .stepper.color-white.stepper-fill .stepper-button-minus,.md .stepper.color-white.stepper-fill .stepper-button-plus,.md .stepper.color-white.stepper-fill-md .stepper-button,.md .stepper.color-white.stepper-fill-md .stepper-button-minus,.md .stepper.color-white.stepper-fill-md .stepper-button-plus{background-color:#fff;color:#fff}.md .stepper.color-white.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-white.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-white.stepper-fill .stepper-button.active-state,.md .stepper.color-white.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-white.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-white.stepper-fill-md .stepper-button.active-state{background:#ebebeb}.md .stepper.color-white.stepper-fill .stepper-button-minus:after,.md .stepper.color-white.stepper-fill .stepper-button-minus:before,.md .stepper.color-white.stepper-fill .stepper-button-plus:after,.md .stepper.color-white.stepper-fill .stepper-button-plus:before,.md .stepper.color-white.stepper-fill .stepper-button:after,.md .stepper.color-white.stepper-fill .stepper-button:before,.md .stepper.color-white.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-white.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-white.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-white.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-white.stepper-fill-md .stepper-button:after,.md .stepper.color-white.stepper-fill-md .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-value{color:#000}.md .stepper.color-black .stepper-input-wrap input{color:#000}.md .stepper.color-black.stepper-fill .stepper-button,.md .stepper.color-black.stepper-fill .stepper-button-minus,.md .stepper.color-black.stepper-fill .stepper-button-plus,.md .stepper.color-black.stepper-fill-md .stepper-button,.md .stepper.color-black.stepper-fill-md .stepper-button-minus,.md .stepper.color-black.stepper-fill-md .stepper-button-plus{background-color:#000;color:#fff}.md .stepper.color-black.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-black.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-black.stepper-fill .stepper-button.active-state,.md .stepper.color-black.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-black.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-black.stepper-fill-md .stepper-button.active-state{background:#000}.md .stepper.color-black.stepper-fill .stepper-button-minus:after,.md .stepper.color-black.stepper-fill .stepper-button-minus:before,.md .stepper.color-black.stepper-fill .stepper-button-plus:after,.md .stepper.color-black.stepper-fill .stepper-button-plus:before,.md .stepper.color-black.stepper-fill .stepper-button:after,.md .stepper.color-black.stepper-fill .stepper-button:before,.md .stepper.color-black.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-black.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-black.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-black.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-black.stepper-fill-md .stepper-button:after,.md .stepper.color-black.stepper-fill-md .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}.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}.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%}.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%}}.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 span{color:#fff}.calendar-day.calendar-day-has-events span:after{content:'';width:4px;height:4px;border-radius:50%;position:absolute;margin-left:-2px;left:50%;bottom:1px}.calendar-day span{display:inline-block;border-radius:100%;position:relative}.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 span{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 span,.calendar-year-selector span{-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 span{background:#e3e3e3}.ios .calendar-day.calendar-day-has-events span:after{background:#007aff}.ios .calendar-day.calendar-day-has-events.calendar-day-selected span:after{background-color:#fff}.ios .calendar-day.calendar-day-selected span{background:#007aff}.ios .calendar-day span{width:30px;height:30px;line-height:30px}.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) span{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 span,.ios .color-theme-red .calendar-day.calendar-day-selected span{background:#ff3b30}.ios .color-green .calendar-day.calendar-day-selected span,.ios .color-theme-green .calendar-day.calendar-day-selected span{background:#4cd964}.ios .color-blue .calendar-day.calendar-day-selected span,.ios .color-theme-blue .calendar-day.calendar-day-selected span{background:#007aff}.ios .color-pink .calendar-day.calendar-day-selected span,.ios .color-theme-pink .calendar-day.calendar-day-selected span{background:#ff2d55}.ios .color-theme-yellow .calendar-day.calendar-day-selected span,.ios .color-yellow .calendar-day.calendar-day-selected span{background:#fc0}.ios .color-orange .calendar-day.calendar-day-selected span,.ios .color-theme-orange .calendar-day.calendar-day-selected span{background:#ff9500}.ios .color-gray .calendar-day.calendar-day-selected span,.ios .color-theme-gray .calendar-day.calendar-day-selected span{background:#8e8e93}.ios .color-theme-white .calendar-day.calendar-day-selected span,.ios .color-white .calendar-day.calendar-day-selected span{background:#fff}.ios .color-black .calendar-day.calendar-day-selected span,.ios .color-theme-black .calendar-day.calendar-day-selected span{background:#000}.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 span{color:#2196f3}.md .calendar-day.calendar-day-has-events span:after{background:#2196f3}.md .calendar-day.calendar-day-has-events.calendar-day-selected span:after{background-color:#fff}.md .calendar-day.calendar-day-selected span{background:#2196f3;color:#fff}.md .calendar-day span{width:36px;height:36px;line-height:36px}.md .calendar-range .calendar-day.calendar-day-selected span{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 span,.md .color-theme-red .calendar-day.calendar-day-today span{color:#f44336}.md .color-red .calendar-day.calendar-day-has-events span:after,.md .color-theme-red .calendar-day.calendar-day-has-events span:after{background:#f44336}.md .color-red .calendar-day.calendar-day-selected span,.md .color-theme-red .calendar-day.calendar-day-selected span{background:#f44336;color:#fff}.md .color-red .calendar-day.calendar-day-selected span:after,.md .color-theme-red .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-green .calendar-header,.md .color-theme-green .calendar-header{background:#4caf50}.md .color-green .calendar-day.calendar-day-today span,.md .color-theme-green .calendar-day.calendar-day-today span{color:#4caf50}.md .color-green .calendar-day.calendar-day-has-events span:after,.md .color-theme-green .calendar-day.calendar-day-has-events span:after{background:#4caf50}.md .color-green .calendar-day.calendar-day-selected span,.md .color-theme-green .calendar-day.calendar-day-selected span{background:#4caf50;color:#fff}.md .color-green .calendar-day.calendar-day-selected span:after,.md .color-theme-green .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-blue .calendar-header,.md .color-theme-blue .calendar-header{background:#2196f3}.md .color-blue .calendar-day.calendar-day-today span,.md .color-theme-blue .calendar-day.calendar-day-today span{color:#2196f3}.md .color-blue .calendar-day.calendar-day-has-events span:after,.md .color-theme-blue .calendar-day.calendar-day-has-events span:after{background:#2196f3}.md .color-blue .calendar-day.calendar-day-selected span,.md .color-theme-blue .calendar-day.calendar-day-selected span{background:#2196f3;color:#fff}.md .color-blue .calendar-day.calendar-day-selected span:after,.md .color-theme-blue .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-pink .calendar-header,.md .color-theme-pink .calendar-header{background:#e91e63}.md .color-pink .calendar-day.calendar-day-today span,.md .color-theme-pink .calendar-day.calendar-day-today span{color:#e91e63}.md .color-pink .calendar-day.calendar-day-has-events span:after,.md .color-theme-pink .calendar-day.calendar-day-has-events span:after{background:#e91e63}.md .color-pink .calendar-day.calendar-day-selected span,.md .color-theme-pink .calendar-day.calendar-day-selected span{background:#e91e63;color:#fff}.md .color-pink .calendar-day.calendar-day-selected span:after,.md .color-theme-pink .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-theme-yellow .calendar-header,.md .color-yellow .calendar-header{background:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-today span,.md .color-yellow .calendar-day.calendar-day-today span{color:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-has-events span:after,.md .color-yellow .calendar-day.calendar-day-has-events span:after{background:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-selected span,.md .color-yellow .calendar-day.calendar-day-selected span{background:#ffeb3b;color:#fff}.md .color-theme-yellow .calendar-day.calendar-day-selected span:after,.md .color-yellow .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-orange .calendar-header,.md .color-theme-orange .calendar-header{background:#ff9800}.md .color-orange .calendar-day.calendar-day-today span,.md .color-theme-orange .calendar-day.calendar-day-today span{color:#ff9800}.md .color-orange .calendar-day.calendar-day-has-events span:after,.md .color-theme-orange .calendar-day.calendar-day-has-events span:after{background:#ff9800}.md .color-orange .calendar-day.calendar-day-selected span,.md .color-theme-orange .calendar-day.calendar-day-selected span{background:#ff9800;color:#fff}.md .color-orange .calendar-day.calendar-day-selected span:after,.md .color-theme-orange .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-gray .calendar-header,.md .color-theme-gray .calendar-header{background:#9e9e9e}.md .color-gray .calendar-day.calendar-day-today span,.md .color-theme-gray .calendar-day.calendar-day-today span{color:#9e9e9e}.md .color-gray .calendar-day.calendar-day-has-events span:after,.md .color-theme-gray .calendar-day.calendar-day-has-events span:after{background:#9e9e9e}.md .color-gray .calendar-day.calendar-day-selected span,.md .color-theme-gray .calendar-day.calendar-day-selected span{background:#9e9e9e;color:#fff}.md .color-gray .calendar-day.calendar-day-selected span:after,.md .color-theme-gray .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-theme-white .calendar-header,.md .color-white .calendar-header{background:#fff}.md .color-theme-white .calendar-day.calendar-day-today span,.md .color-white .calendar-day.calendar-day-today span{color:#fff}.md .color-theme-white .calendar-day.calendar-day-has-events span:after,.md .color-white .calendar-day.calendar-day-has-events span:after{background:#fff}.md .color-theme-white .calendar-day.calendar-day-selected span,.md .color-white .calendar-day.calendar-day-selected span{background:#fff;color:#fff}.md .color-theme-white .calendar-day.calendar-day-selected span:after,.md .color-white .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-black .calendar-header,.md .color-theme-black .calendar-header{background:#000}.md .color-black .calendar-day.calendar-day-today span,.md .color-theme-black .calendar-day.calendar-day-today span{color:#000}.md .color-black .calendar-day.calendar-day-has-events span:after,.md .color-theme-black .calendar-day.calendar-day-has-events span:after{background:#000}.md .color-black .calendar-day.calendar-day-selected span,.md .color-theme-black .calendar-day.calendar-day-selected span{background:#000;color:#fff}.md .color-black .calendar-day.calendar-day-selected span:after,.md .color-theme-black .calendar-day.calendar-day-selected span:after{background-color:#fff}.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(0);transform:translate3d(0,0,0) rotateX(0)}.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}.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}.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-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(0) translate3d(0,0,0);transform:rotate(0) 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}.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:0;height:0;position:absolute;left:-5px;bottom:0;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")}.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}.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(0) scale(1);transform:translate3d(-50%,-50%,0) rotate(0) 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(0) scale(1);transform:translate3d(-50%,-50%,0) rotate(0) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1)!important;transform:translate3d(0,0,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,0,0) scale(.3);transform:translate3d(8px,0,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:0 2px 4px rgba(0,0,0,.4);box-shadow:0 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:0 2px 4px rgba(0,0,0,.4);box-shadow:0 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:0 1px 2px rgba(0,0,0,.4);box-shadow:0 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))}}.md .fab-buttons a,.md .fab>a{background:#2196f3;width:56px;height:56px;border-radius:28px;color:#fff;-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 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:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 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:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 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}.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))}}.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 .searchbar-disable-button{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled .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(0,0,0);transform:translate3d(0,0,0);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)}}.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:0}.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:0}.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:0}.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}}.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:0 0 2px rgba(0,0,0,.2);box-shadow:0 0 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}.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:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 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(0,0,0);transform:translate3d(0,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-invisible-blank-slide{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:0;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(0,-50%,0);transform:translate3d(0,-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}.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}}.ios .toolbar~.photo-browser-captions{bottom:44px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ios .toolbar~.photo-browser-captions.photo-browser-captions-exposed{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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))}.md .toolbar~.photo-browser-captions{bottom:48px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.md .toolbar~.photo-browser-captions.photo-browser-captions-exposed{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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)}.ios .notification{left:8px;top:8px;width:calc(100% - 16px);background:rgba(250,250,250,.95);border-radius:12px;-webkit-box-shadow:0 5px 25px -10px rgba(0,0,0,.7);box-shadow:0 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}.md .notification{left:0;top:0;width:100%;background:#fff;border-radius:0;-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%}.ios .autocomplete-dropdown{-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2);box-shadow:0 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}.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:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.elevation-1{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.elevation-2{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.elevation-3{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.elevation-4{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.elevation-5{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.elevation-6{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.elevation-7{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.elevation-8{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.elevation-9{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.elevation-10{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.elevation-11{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.elevation-12{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.elevation-13{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.elevation-14{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.elevation-15{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.elevation-16{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.elevation-17{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.elevation-18{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.elevation-19{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.elevation-20{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.elevation-21{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.elevation-22{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.elevation-23{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.elevation-24{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-0:hover{-webkit-box-shadow:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.device-desktop .elevation-hover-1:hover{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-2:hover{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-3:hover{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-4:hover{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-5:hover{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-6:hover{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-7:hover{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-8:hover{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-9:hover{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-10:hover{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-11:hover{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-12:hover{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-13:hover{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-14:hover{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-15:hover{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-16:hover{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-17:hover{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-18:hover{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-19:hover{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-20:hover{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-21:hover{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-22:hover{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-23:hover{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-24:hover{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{-webkit-box-shadow:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 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}.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.css b/framework7/css/framework7.rtl.css new file mode 100644 index 0000000..dd5171c --- /dev/null +++ b/framework7/css/framework7.rtl.css @@ -0,0 +1,29601 @@ +/** + * Framework7 3.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2018 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: July 5, 2018 + */ +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 UI Text, 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, 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 > .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 { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; +} +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; +} +.item-after .ios .badge { + min-width: 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; +} +/* === 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; +} +.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; +} +.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; +} +.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; +} +.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; +} +.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; +} +.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); +} +.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: 10500; +} +.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; +} +.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; +} +.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)); + } +} +.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; +} +.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: 13500; + -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); + } +} +.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); + } +} +.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); + } +} +.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); +} +.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)); + } +} +.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); +} +.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; +} +.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; +} +.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"); +} +.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; +} +.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; +} +.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; +} +.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; +} +.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 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; +} +/* === 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)); +} +.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; +} +.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; +} +.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; +} +.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; +} +.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; +} +.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; +} +.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; +} +.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 { + color: transparent !important; +} +.md .item-floating-label ~ .item-input-wrap input:-ms-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea:-ms-input-placeholder { + color: transparent !important; +} +.md .item-floating-label ~ .item-input-wrap input::-ms-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea::-ms-input-placeholder { + color: transparent !important; +} +.md .item-floating-label ~ .item-input-wrap input::placeholder, +.md .item-floating-label ~ .item-input-wrap textarea::placeholder { + color: transparent !important; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +/* === 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; +} +.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; +} +.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; +} +.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; +} +.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; +} +.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); +} +.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; +} +.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; +} +.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 .stepper-button, +.ios .color-theme-red .stepper .stepper-button-minus, +.ios .color-theme-red .stepper .stepper-button-plus { + border-color: #ff3b30; + color: #ff3b30; +} +.ios .color-theme-red .stepper .stepper-button.active-state, +.ios .color-theme-red .stepper .stepper-button-minus.active-state, +.ios .color-theme-red .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 59, 48, 0.15); +} +.ios .color-theme-red .stepper .stepper-button-plus:after, +.ios .color-theme-red .stepper .stepper-button-minus:after, +.ios .color-theme-red .stepper .stepper-button-plus:before, +.ios .color-theme-red .stepper .stepper-button-minus:before { + background-color: #ff3b30; +} +.ios .color-theme-red .stepper .stepper-value, +.ios .color-theme-red .stepper .stepper-input-wrap { + border-top-color: #ff3b30; + border-bottom-color: #ff3b30; +} +.ios .color-theme-red .stepper .stepper-value { + color: #ff3b30; +} +.ios .color-theme-red .stepper .stepper-input-wrap input { + color: #ff3b30; +} +.ios .color-theme-red .stepper.stepper-fill .stepper-button, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ff3b30; +} +.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff3b30; + border-color: #ff3b30; + background-color: transparent; +} +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff3b30; +} +.ios .color-theme-green .stepper .stepper-button, +.ios .color-theme-green .stepper .stepper-button-minus, +.ios .color-theme-green .stepper .stepper-button-plus { + border-color: #4cd964; + color: #4cd964; +} +.ios .color-theme-green .stepper .stepper-button.active-state, +.ios .color-theme-green .stepper .stepper-button-minus.active-state, +.ios .color-theme-green .stepper .stepper-button-plus.active-state { + background-color: rgba(76, 217, 100, 0.15); +} +.ios .color-theme-green .stepper .stepper-button-plus:after, +.ios .color-theme-green .stepper .stepper-button-minus:after, +.ios .color-theme-green .stepper .stepper-button-plus:before, +.ios .color-theme-green .stepper .stepper-button-minus:before { + background-color: #4cd964; +} +.ios .color-theme-green .stepper .stepper-value, +.ios .color-theme-green .stepper .stepper-input-wrap { + border-top-color: #4cd964; + border-bottom-color: #4cd964; +} +.ios .color-theme-green .stepper .stepper-value { + color: #4cd964; +} +.ios .color-theme-green .stepper .stepper-input-wrap input { + color: #4cd964; +} +.ios .color-theme-green .stepper.stepper-fill .stepper-button, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #4cd964; +} +.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #4cd964; + border-color: #4cd964; + background-color: transparent; +} +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #4cd964; +} +.ios .color-theme-blue .stepper .stepper-button, +.ios .color-theme-blue .stepper .stepper-button-minus, +.ios .color-theme-blue .stepper .stepper-button-plus { + border-color: #007aff; + color: #007aff; +} +.ios .color-theme-blue .stepper .stepper-button.active-state, +.ios .color-theme-blue .stepper .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper .stepper-button-plus.active-state { + background-color: rgba(0, 122, 255, 0.15); +} +.ios .color-theme-blue .stepper .stepper-button-plus:after, +.ios .color-theme-blue .stepper .stepper-button-minus:after, +.ios .color-theme-blue .stepper .stepper-button-plus:before, +.ios .color-theme-blue .stepper .stepper-button-minus:before { + background-color: #007aff; +} +.ios .color-theme-blue .stepper .stepper-value, +.ios .color-theme-blue .stepper .stepper-input-wrap { + border-top-color: #007aff; + border-bottom-color: #007aff; +} +.ios .color-theme-blue .stepper .stepper-value { + color: #007aff; +} +.ios .color-theme-blue .stepper .stepper-input-wrap input { + color: #007aff; +} +.ios .color-theme-blue .stepper.stepper-fill .stepper-button, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #007aff; +} +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #007aff; + border-color: #007aff; + background-color: transparent; +} +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #007aff; +} +.ios .color-theme-pink .stepper .stepper-button, +.ios .color-theme-pink .stepper .stepper-button-minus, +.ios .color-theme-pink .stepper .stepper-button-plus { + border-color: #ff2d55; + color: #ff2d55; +} +.ios .color-theme-pink .stepper .stepper-button.active-state, +.ios .color-theme-pink .stepper .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 45, 85, 0.15); +} +.ios .color-theme-pink .stepper .stepper-button-plus:after, +.ios .color-theme-pink .stepper .stepper-button-minus:after, +.ios .color-theme-pink .stepper .stepper-button-plus:before, +.ios .color-theme-pink .stepper .stepper-button-minus:before { + background-color: #ff2d55; +} +.ios .color-theme-pink .stepper .stepper-value, +.ios .color-theme-pink .stepper .stepper-input-wrap { + border-top-color: #ff2d55; + border-bottom-color: #ff2d55; +} +.ios .color-theme-pink .stepper .stepper-value { + color: #ff2d55; +} +.ios .color-theme-pink .stepper .stepper-input-wrap input { + color: #ff2d55; +} +.ios .color-theme-pink .stepper.stepper-fill .stepper-button, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ff2d55; +} +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff2d55; + border-color: #ff2d55; + background-color: transparent; +} +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff2d55; +} +.ios .color-theme-yellow .stepper .stepper-button, +.ios .color-theme-yellow .stepper .stepper-button-minus, +.ios .color-theme-yellow .stepper .stepper-button-plus { + border-color: #ffcc00; + color: #ffcc00; +} +.ios .color-theme-yellow .stepper .stepper-button.active-state, +.ios .color-theme-yellow .stepper .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 204, 0, 0.15); +} +.ios .color-theme-yellow .stepper .stepper-button-plus:after, +.ios .color-theme-yellow .stepper .stepper-button-minus:after, +.ios .color-theme-yellow .stepper .stepper-button-plus:before, +.ios .color-theme-yellow .stepper .stepper-button-minus:before { + background-color: #ffcc00; +} +.ios .color-theme-yellow .stepper .stepper-value, +.ios .color-theme-yellow .stepper .stepper-input-wrap { + border-top-color: #ffcc00; + border-bottom-color: #ffcc00; +} +.ios .color-theme-yellow .stepper .stepper-value { + color: #ffcc00; +} +.ios .color-theme-yellow .stepper .stepper-input-wrap input { + color: #ffcc00; +} +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ffcc00; +} +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffcc00; + border-color: #ffcc00; + background-color: transparent; +} +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ffcc00; +} +.ios .color-theme-orange .stepper .stepper-button, +.ios .color-theme-orange .stepper .stepper-button-minus, +.ios .color-theme-orange .stepper .stepper-button-plus { + border-color: #ff9500; + color: #ff9500; +} +.ios .color-theme-orange .stepper .stepper-button.active-state, +.ios .color-theme-orange .stepper .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 149, 0, 0.15); +} +.ios .color-theme-orange .stepper .stepper-button-plus:after, +.ios .color-theme-orange .stepper .stepper-button-minus:after, +.ios .color-theme-orange .stepper .stepper-button-plus:before, +.ios .color-theme-orange .stepper .stepper-button-minus:before { + background-color: #ff9500; +} +.ios .color-theme-orange .stepper .stepper-value, +.ios .color-theme-orange .stepper .stepper-input-wrap { + border-top-color: #ff9500; + border-bottom-color: #ff9500; +} +.ios .color-theme-orange .stepper .stepper-value { + color: #ff9500; +} +.ios .color-theme-orange .stepper .stepper-input-wrap input { + color: #ff9500; +} +.ios .color-theme-orange .stepper.stepper-fill .stepper-button, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ff9500; +} +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff9500; + border-color: #ff9500; + background-color: transparent; +} +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff9500; +} +.ios .color-theme-gray .stepper .stepper-button, +.ios .color-theme-gray .stepper .stepper-button-minus, +.ios .color-theme-gray .stepper .stepper-button-plus { + border-color: #8e8e93; + color: #8e8e93; +} +.ios .color-theme-gray .stepper .stepper-button.active-state, +.ios .color-theme-gray .stepper .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper .stepper-button-plus.active-state { + background-color: rgba(142, 142, 147, 0.15); +} +.ios .color-theme-gray .stepper .stepper-button-plus:after, +.ios .color-theme-gray .stepper .stepper-button-minus:after, +.ios .color-theme-gray .stepper .stepper-button-plus:before, +.ios .color-theme-gray .stepper .stepper-button-minus:before { + background-color: #8e8e93; +} +.ios .color-theme-gray .stepper .stepper-value, +.ios .color-theme-gray .stepper .stepper-input-wrap { + border-top-color: #8e8e93; + border-bottom-color: #8e8e93; +} +.ios .color-theme-gray .stepper .stepper-value { + color: #8e8e93; +} +.ios .color-theme-gray .stepper .stepper-input-wrap input { + color: #8e8e93; +} +.ios .color-theme-gray .stepper.stepper-fill .stepper-button, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #8e8e93; +} +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #8e8e93; + border-color: #8e8e93; + background-color: transparent; +} +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #8e8e93; +} +.ios .color-theme-white .stepper .stepper-button, +.ios .color-theme-white .stepper .stepper-button-minus, +.ios .color-theme-white .stepper .stepper-button-plus { + border-color: #ffffff; + color: #ffffff; +} +.ios .color-theme-white .stepper .stepper-button.active-state, +.ios .color-theme-white .stepper .stepper-button-minus.active-state, +.ios .color-theme-white .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 255, 255, 0.15); +} +.ios .color-theme-white .stepper .stepper-button-plus:after, +.ios .color-theme-white .stepper .stepper-button-minus:after, +.ios .color-theme-white .stepper .stepper-button-plus:before, +.ios .color-theme-white .stepper .stepper-button-minus:before { + background-color: #ffffff; +} +.ios .color-theme-white .stepper .stepper-value, +.ios .color-theme-white .stepper .stepper-input-wrap { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.ios .color-theme-white .stepper .stepper-value { + color: #ffffff; +} +.ios .color-theme-white .stepper .stepper-input-wrap input { + color: #ffffff; +} +.ios .color-theme-white .stepper.stepper-fill .stepper-button, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ffffff; +} +.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffffff; + border-color: #ffffff; + background-color: transparent; +} +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ffffff; +} +.ios .color-theme-black .stepper .stepper-button, +.ios .color-theme-black .stepper .stepper-button-minus, +.ios .color-theme-black .stepper .stepper-button-plus { + border-color: #000000; + color: #000000; +} +.ios .color-theme-black .stepper .stepper-button.active-state, +.ios .color-theme-black .stepper .stepper-button-minus.active-state, +.ios .color-theme-black .stepper .stepper-button-plus.active-state { + background-color: rgba(0, 0, 0, 0.15); +} +.ios .color-theme-black .stepper .stepper-button-plus:after, +.ios .color-theme-black .stepper .stepper-button-minus:after, +.ios .color-theme-black .stepper .stepper-button-plus:before, +.ios .color-theme-black .stepper .stepper-button-minus:before { + background-color: #000000; +} +.ios .color-theme-black .stepper .stepper-value, +.ios .color-theme-black .stepper .stepper-input-wrap { + border-top-color: #000000; + border-bottom-color: #000000; +} +.ios .color-theme-black .stepper .stepper-value { + color: #000000; +} +.ios .color-theme-black .stepper .stepper-input-wrap input { + color: #000000; +} +.ios .color-theme-black .stepper.stepper-fill .stepper-button, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #000000; +} +.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #000000; + border-color: #000000; + background-color: transparent; +} +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-black .stepper.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 { + color: #ff3b30; +} +.ios .stepper.color-red .stepper-input-wrap input { + color: #ff3b30; +} +.ios .stepper.color-red.stepper-fill .stepper-button, +.ios .stepper.color-red.stepper-fill-ios .stepper-button, +.ios .stepper.color-red.stepper-fill .stepper-button-minus, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-red.stepper-fill .stepper-button-plus, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus { + background-color: #ff3b30; +} +.ios .stepper.color-red.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-red.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-red.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-red.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff3b30; + border-color: #ff3b30; + background-color: transparent; +} +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-red.stepper-small-ios.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 { + color: #4cd964; +} +.ios .stepper.color-green .stepper-input-wrap input { + color: #4cd964; +} +.ios .stepper.color-green.stepper-fill .stepper-button, +.ios .stepper.color-green.stepper-fill-ios .stepper-button, +.ios .stepper.color-green.stepper-fill .stepper-button-minus, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-green.stepper-fill .stepper-button-plus, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus { + background-color: #4cd964; +} +.ios .stepper.color-green.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-green.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-green.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-green.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #4cd964; + border-color: #4cd964; + background-color: transparent; +} +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-green.stepper-small-ios.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 { + color: #007aff; +} +.ios .stepper.color-blue .stepper-input-wrap input { + color: #007aff; +} +.ios .stepper.color-blue.stepper-fill .stepper-button, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button, +.ios .stepper.color-blue.stepper-fill .stepper-button-minus, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-blue.stepper-fill .stepper-button-plus, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus { + background-color: #007aff; +} +.ios .stepper.color-blue.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-blue.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-blue.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-blue.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #007aff; + border-color: #007aff; + background-color: transparent; +} +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-blue.stepper-small-ios.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 { + color: #ff2d55; +} +.ios .stepper.color-pink .stepper-input-wrap input { + color: #ff2d55; +} +.ios .stepper.color-pink.stepper-fill .stepper-button, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button, +.ios .stepper.color-pink.stepper-fill .stepper-button-minus, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-pink.stepper-fill .stepper-button-plus, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus { + background-color: #ff2d55; +} +.ios .stepper.color-pink.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-pink.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-pink.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-pink.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff2d55; + border-color: #ff2d55; + background-color: transparent; +} +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-pink.stepper-small-ios.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 { + color: #ffcc00; +} +.ios .stepper.color-yellow .stepper-input-wrap input { + color: #ffcc00; +} +.ios .stepper.color-yellow.stepper-fill .stepper-button, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button, +.ios .stepper.color-yellow.stepper-fill .stepper-button-minus, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-yellow.stepper-fill .stepper-button-plus, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus { + background-color: #ffcc00; +} +.ios .stepper.color-yellow.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-yellow.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-yellow.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-yellow.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffcc00; + border-color: #ffcc00; + background-color: transparent; +} +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-yellow.stepper-small-ios.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 { + color: #ff9500; +} +.ios .stepper.color-orange .stepper-input-wrap input { + color: #ff9500; +} +.ios .stepper.color-orange.stepper-fill .stepper-button, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button, +.ios .stepper.color-orange.stepper-fill .stepper-button-minus, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-orange.stepper-fill .stepper-button-plus, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus { + background-color: #ff9500; +} +.ios .stepper.color-orange.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-orange.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-orange.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-orange.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff9500; + border-color: #ff9500; + background-color: transparent; +} +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-orange.stepper-small-ios.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 { + color: #8e8e93; +} +.ios .stepper.color-gray .stepper-input-wrap input { + color: #8e8e93; +} +.ios .stepper.color-gray.stepper-fill .stepper-button, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button, +.ios .stepper.color-gray.stepper-fill .stepper-button-minus, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-gray.stepper-fill .stepper-button-plus, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus { + background-color: #8e8e93; +} +.ios .stepper.color-gray.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-gray.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-gray.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-gray.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #8e8e93; + border-color: #8e8e93; + background-color: transparent; +} +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-gray.stepper-small-ios.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 { + color: #ffffff; +} +.ios .stepper.color-white .stepper-input-wrap input { + color: #ffffff; +} +.ios .stepper.color-white.stepper-fill .stepper-button, +.ios .stepper.color-white.stepper-fill-ios .stepper-button, +.ios .stepper.color-white.stepper-fill .stepper-button-minus, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-white.stepper-fill .stepper-button-plus, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus { + background-color: #ffffff; +} +.ios .stepper.color-white.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-white.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-white.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-white.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffffff; + border-color: #ffffff; + background-color: transparent; +} +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-white.stepper-small-ios.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 { + color: #000000; +} +.ios .stepper.color-black .stepper-input-wrap input { + color: #000000; +} +.ios .stepper.color-black.stepper-fill .stepper-button, +.ios .stepper.color-black.stepper-fill-ios .stepper-button, +.ios .stepper.color-black.stepper-fill .stepper-button-minus, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-black.stepper-fill .stepper-button-plus, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus { + background-color: #000000; +} +.ios .stepper.color-black.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-black.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-black.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-black.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #000000; + border-color: #000000; + background-color: transparent; +} +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #000000; +} +.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 { + color: #f44336; +} +.md .color-theme-red .stepper .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 { + color: #4caf50; +} +.md .color-theme-green .stepper .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 { + color: #2196f3; +} +.md .color-theme-blue .stepper .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 { + color: #e91e63; +} +.md .color-theme-pink .stepper .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 { + color: #ffeb3b; +} +.md .color-theme-yellow .stepper .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 { + color: #ff9800; +} +.md .color-theme-orange .stepper .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 { + color: #9e9e9e; +} +.md .color-theme-gray .stepper .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 { + color: #ffffff; +} +.md .color-theme-white .stepper .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 { + color: #000000; +} +.md .color-theme-black .stepper .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 { + color: #f44336; +} +.md .stepper.color-red .stepper-input-wrap input { + color: #f44336; +} +.md .stepper.color-red.stepper-fill .stepper-button, +.md .stepper.color-red.stepper-fill-md .stepper-button, +.md .stepper.color-red.stepper-fill .stepper-button-minus, +.md .stepper.color-red.stepper-fill-md .stepper-button-minus, +.md .stepper.color-red.stepper-fill .stepper-button-plus, +.md .stepper.color-red.stepper-fill-md .stepper-button-plus { + background-color: #f44336; + color: #fff; +} +.md .stepper.color-red.stepper-fill .stepper-button.active-state, +.md .stepper.color-red.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-red.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-red.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-red.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-red.stepper-fill-md .stepper-button-plus.active-state { + background: #f21f0f; +} +.md .stepper.color-red.stepper-fill .stepper-button:after, +.md .stepper.color-red.stepper-fill-md .stepper-button:after, +.md .stepper.color-red.stepper-fill .stepper-button-minus:after, +.md .stepper.color-red.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-red.stepper-fill .stepper-button-plus:after, +.md .stepper.color-red.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-red.stepper-fill .stepper-button:before, +.md .stepper.color-red.stepper-fill-md .stepper-button:before, +.md .stepper.color-red.stepper-fill .stepper-button-minus:before, +.md .stepper.color-red.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-red.stepper-fill .stepper-button-plus:before, +.md .stepper.color-red.stepper-fill-md .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 { + color: #4caf50; +} +.md .stepper.color-green .stepper-input-wrap input { + color: #4caf50; +} +.md .stepper.color-green.stepper-fill .stepper-button, +.md .stepper.color-green.stepper-fill-md .stepper-button, +.md .stepper.color-green.stepper-fill .stepper-button-minus, +.md .stepper.color-green.stepper-fill-md .stepper-button-minus, +.md .stepper.color-green.stepper-fill .stepper-button-plus, +.md .stepper.color-green.stepper-fill-md .stepper-button-plus { + background-color: #4caf50; + color: #fff; +} +.md .stepper.color-green.stepper-fill .stepper-button.active-state, +.md .stepper.color-green.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-green.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-green.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-green.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-green.stepper-fill-md .stepper-button-plus.active-state { + background: #409343; +} +.md .stepper.color-green.stepper-fill .stepper-button:after, +.md .stepper.color-green.stepper-fill-md .stepper-button:after, +.md .stepper.color-green.stepper-fill .stepper-button-minus:after, +.md .stepper.color-green.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-green.stepper-fill .stepper-button-plus:after, +.md .stepper.color-green.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-green.stepper-fill .stepper-button:before, +.md .stepper.color-green.stepper-fill-md .stepper-button:before, +.md .stepper.color-green.stepper-fill .stepper-button-minus:before, +.md .stepper.color-green.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-green.stepper-fill .stepper-button-plus:before, +.md .stepper.color-green.stepper-fill-md .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 { + color: #2196f3; +} +.md .stepper.color-blue .stepper-input-wrap input { + color: #2196f3; +} +.md .stepper.color-blue.stepper-fill .stepper-button, +.md .stepper.color-blue.stepper-fill-md .stepper-button, +.md .stepper.color-blue.stepper-fill .stepper-button-minus, +.md .stepper.color-blue.stepper-fill-md .stepper-button-minus, +.md .stepper.color-blue.stepper-fill .stepper-button-plus, +.md .stepper.color-blue.stepper-fill-md .stepper-button-plus { + background-color: #2196f3; + color: #fff; +} +.md .stepper.color-blue.stepper-fill .stepper-button.active-state, +.md .stepper.color-blue.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-blue.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-blue.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-blue.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-blue.stepper-fill-md .stepper-button-plus.active-state { + background: #0c82df; +} +.md .stepper.color-blue.stepper-fill .stepper-button:after, +.md .stepper.color-blue.stepper-fill-md .stepper-button:after, +.md .stepper.color-blue.stepper-fill .stepper-button-minus:after, +.md .stepper.color-blue.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-blue.stepper-fill .stepper-button-plus:after, +.md .stepper.color-blue.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-blue.stepper-fill .stepper-button:before, +.md .stepper.color-blue.stepper-fill-md .stepper-button:before, +.md .stepper.color-blue.stepper-fill .stepper-button-minus:before, +.md .stepper.color-blue.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-blue.stepper-fill .stepper-button-plus:before, +.md .stepper.color-blue.stepper-fill-md .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 { + color: #e91e63; +} +.md .stepper.color-pink .stepper-input-wrap input { + color: #e91e63; +} +.md .stepper.color-pink.stepper-fill .stepper-button, +.md .stepper.color-pink.stepper-fill-md .stepper-button, +.md .stepper.color-pink.stepper-fill .stepper-button-minus, +.md .stepper.color-pink.stepper-fill-md .stepper-button-minus, +.md .stepper.color-pink.stepper-fill .stepper-button-plus, +.md .stepper.color-pink.stepper-fill-md .stepper-button-plus { + background-color: #e91e63; + color: #fff; +} +.md .stepper.color-pink.stepper-fill .stepper-button.active-state, +.md .stepper.color-pink.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-pink.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-pink.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-pink.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-pink.stepper-fill-md .stepper-button-plus.active-state { + background: #ca1452; +} +.md .stepper.color-pink.stepper-fill .stepper-button:after, +.md .stepper.color-pink.stepper-fill-md .stepper-button:after, +.md .stepper.color-pink.stepper-fill .stepper-button-minus:after, +.md .stepper.color-pink.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-pink.stepper-fill .stepper-button-plus:after, +.md .stepper.color-pink.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-pink.stepper-fill .stepper-button:before, +.md .stepper.color-pink.stepper-fill-md .stepper-button:before, +.md .stepper.color-pink.stepper-fill .stepper-button-minus:before, +.md .stepper.color-pink.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-pink.stepper-fill .stepper-button-plus:before, +.md .stepper.color-pink.stepper-fill-md .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 { + color: #ffeb3b; +} +.md .stepper.color-yellow .stepper-input-wrap input { + color: #ffeb3b; +} +.md .stepper.color-yellow.stepper-fill .stepper-button, +.md .stepper.color-yellow.stepper-fill-md .stepper-button, +.md .stepper.color-yellow.stepper-fill .stepper-button-minus, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus, +.md .stepper.color-yellow.stepper-fill .stepper-button-plus, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus { + background-color: #ffeb3b; + color: #fff; +} +.md .stepper.color-yellow.stepper-fill .stepper-button.active-state, +.md .stepper.color-yellow.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-yellow.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-yellow.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus.active-state { + background: #ffe712; +} +.md .stepper.color-yellow.stepper-fill .stepper-button:after, +.md .stepper.color-yellow.stepper-fill-md .stepper-button:after, +.md .stepper.color-yellow.stepper-fill .stepper-button-minus:after, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-yellow.stepper-fill .stepper-button-plus:after, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-yellow.stepper-fill .stepper-button:before, +.md .stepper.color-yellow.stepper-fill-md .stepper-button:before, +.md .stepper.color-yellow.stepper-fill .stepper-button-minus:before, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-yellow.stepper-fill .stepper-button-plus:before, +.md .stepper.color-yellow.stepper-fill-md .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 { + color: #ff9800; +} +.md .stepper.color-orange .stepper-input-wrap input { + color: #ff9800; +} +.md .stepper.color-orange.stepper-fill .stepper-button, +.md .stepper.color-orange.stepper-fill-md .stepper-button, +.md .stepper.color-orange.stepper-fill .stepper-button-minus, +.md .stepper.color-orange.stepper-fill-md .stepper-button-minus, +.md .stepper.color-orange.stepper-fill .stepper-button-plus, +.md .stepper.color-orange.stepper-fill-md .stepper-button-plus { + background-color: #ff9800; + color: #fff; +} +.md .stepper.color-orange.stepper-fill .stepper-button.active-state, +.md .stepper.color-orange.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-orange.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-orange.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-orange.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-orange.stepper-fill-md .stepper-button-plus.active-state { + background: #d68000; +} +.md .stepper.color-orange.stepper-fill .stepper-button:after, +.md .stepper.color-orange.stepper-fill-md .stepper-button:after, +.md .stepper.color-orange.stepper-fill .stepper-button-minus:after, +.md .stepper.color-orange.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-orange.stepper-fill .stepper-button-plus:after, +.md .stepper.color-orange.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-orange.stepper-fill .stepper-button:before, +.md .stepper.color-orange.stepper-fill-md .stepper-button:before, +.md .stepper.color-orange.stepper-fill .stepper-button-minus:before, +.md .stepper.color-orange.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-orange.stepper-fill .stepper-button-plus:before, +.md .stepper.color-orange.stepper-fill-md .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 { + color: #9e9e9e; +} +.md .stepper.color-gray .stepper-input-wrap input { + color: #9e9e9e; +} +.md .stepper.color-gray.stepper-fill .stepper-button, +.md .stepper.color-gray.stepper-fill-md .stepper-button, +.md .stepper.color-gray.stepper-fill .stepper-button-minus, +.md .stepper.color-gray.stepper-fill-md .stepper-button-minus, +.md .stepper.color-gray.stepper-fill .stepper-button-plus, +.md .stepper.color-gray.stepper-fill-md .stepper-button-plus { + background-color: #9e9e9e; + color: #fff; +} +.md .stepper.color-gray.stepper-fill .stepper-button.active-state, +.md .stepper.color-gray.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-gray.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-gray.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-gray.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-gray.stepper-fill-md .stepper-button-plus.active-state { + background: #8a8a8a; +} +.md .stepper.color-gray.stepper-fill .stepper-button:after, +.md .stepper.color-gray.stepper-fill-md .stepper-button:after, +.md .stepper.color-gray.stepper-fill .stepper-button-minus:after, +.md .stepper.color-gray.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-gray.stepper-fill .stepper-button-plus:after, +.md .stepper.color-gray.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-gray.stepper-fill .stepper-button:before, +.md .stepper.color-gray.stepper-fill-md .stepper-button:before, +.md .stepper.color-gray.stepper-fill .stepper-button-minus:before, +.md .stepper.color-gray.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-gray.stepper-fill .stepper-button-plus:before, +.md .stepper.color-gray.stepper-fill-md .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 { + color: #ffffff; +} +.md .stepper.color-white .stepper-input-wrap input { + color: #ffffff; +} +.md .stepper.color-white.stepper-fill .stepper-button, +.md .stepper.color-white.stepper-fill-md .stepper-button, +.md .stepper.color-white.stepper-fill .stepper-button-minus, +.md .stepper.color-white.stepper-fill-md .stepper-button-minus, +.md .stepper.color-white.stepper-fill .stepper-button-plus, +.md .stepper.color-white.stepper-fill-md .stepper-button-plus { + background-color: #ffffff; + color: #fff; +} +.md .stepper.color-white.stepper-fill .stepper-button.active-state, +.md .stepper.color-white.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-white.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-white.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-white.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-white.stepper-fill-md .stepper-button-plus.active-state { + background: #ebebeb; +} +.md .stepper.color-white.stepper-fill .stepper-button:after, +.md .stepper.color-white.stepper-fill-md .stepper-button:after, +.md .stepper.color-white.stepper-fill .stepper-button-minus:after, +.md .stepper.color-white.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-white.stepper-fill .stepper-button-plus:after, +.md .stepper.color-white.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-white.stepper-fill .stepper-button:before, +.md .stepper.color-white.stepper-fill-md .stepper-button:before, +.md .stepper.color-white.stepper-fill .stepper-button-minus:before, +.md .stepper.color-white.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-white.stepper-fill .stepper-button-plus:before, +.md .stepper.color-white.stepper-fill-md .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 { + color: #000000; +} +.md .stepper.color-black .stepper-input-wrap input { + color: #000000; +} +.md .stepper.color-black.stepper-fill .stepper-button, +.md .stepper.color-black.stepper-fill-md .stepper-button, +.md .stepper.color-black.stepper-fill .stepper-button-minus, +.md .stepper.color-black.stepper-fill-md .stepper-button-minus, +.md .stepper.color-black.stepper-fill .stepper-button-plus, +.md .stepper.color-black.stepper-fill-md .stepper-button-plus { + background-color: #000000; + color: #fff; +} +.md .stepper.color-black.stepper-fill .stepper-button.active-state, +.md .stepper.color-black.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-black.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-black.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-black.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-black.stepper-fill-md .stepper-button-plus.active-state { + background: #000000; +} +.md .stepper.color-black.stepper-fill .stepper-button:after, +.md .stepper.color-black.stepper-fill-md .stepper-button:after, +.md .stepper.color-black.stepper-fill .stepper-button-minus:after, +.md .stepper.color-black.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-black.stepper-fill .stepper-button-plus:after, +.md .stepper.color-black.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-black.stepper-fill .stepper-button:before, +.md .stepper.color-black.stepper-fill-md .stepper-button:before, +.md .stepper.color-black.stepper-fill .stepper-button-minus:before, +.md .stepper.color-black.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-black.stepper-fill .stepper-button-plus:before, +.md .stepper.color-black.stepper-fill-md .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; +} +.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; +} +.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 === */ +.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%; + } +} +/* === 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 span { + color: #fff; +} +.calendar-day.calendar-day-has-events span:after { + content: ''; + width: 4px; + height: 4px; + border-radius: 50%; + position: absolute; + margin-left: -2px; + left: 50%; + bottom: 1px; +} +.calendar-day span { + display: inline-block; + border-radius: 100%; + position: relative; +} +.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 span { + 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 span, +.calendar-year-selector span { + -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 span { + background: #e3e3e3; +} +.ios .calendar-day.calendar-day-has-events span:after { + background: #007aff; +} +.ios .calendar-day.calendar-day-has-events.calendar-day-selected span:after { + background-color: #fff; +} +.ios .calendar-day.calendar-day-selected span { + background: #007aff; +} +.ios .calendar-day span { + width: 30px; + height: 30px; + line-height: 30px; +} +.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) span { + 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 span, +.ios .color-red .calendar-day.calendar-day-selected span { + background: #ff3b30; +} +.ios .color-theme-green .calendar-day.calendar-day-selected span, +.ios .color-green .calendar-day.calendar-day-selected span { + background: #4cd964; +} +.ios .color-theme-blue .calendar-day.calendar-day-selected span, +.ios .color-blue .calendar-day.calendar-day-selected span { + background: #007aff; +} +.ios .color-theme-pink .calendar-day.calendar-day-selected span, +.ios .color-pink .calendar-day.calendar-day-selected span { + background: #ff2d55; +} +.ios .color-theme-yellow .calendar-day.calendar-day-selected span, +.ios .color-yellow .calendar-day.calendar-day-selected span { + background: #ffcc00; +} +.ios .color-theme-orange .calendar-day.calendar-day-selected span, +.ios .color-orange .calendar-day.calendar-day-selected span { + background: #ff9500; +} +.ios .color-theme-gray .calendar-day.calendar-day-selected span, +.ios .color-gray .calendar-day.calendar-day-selected span { + background: #8e8e93; +} +.ios .color-theme-white .calendar-day.calendar-day-selected span, +.ios .color-white .calendar-day.calendar-day-selected span { + background: #ffffff; +} +.ios .color-theme-black .calendar-day.calendar-day-selected span, +.ios .color-black .calendar-day.calendar-day-selected span { + background: #000000; +} +.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 span { + color: #2196f3; +} +.md .calendar-day.calendar-day-has-events span:after { + background: #2196f3; +} +.md .calendar-day.calendar-day-has-events.calendar-day-selected span:after { + background-color: #fff; +} +.md .calendar-day.calendar-day-selected span { + background: #2196f3; + color: #fff; +} +.md .calendar-day span { + width: 36px; + height: 36px; + line-height: 36px; +} +.md .calendar-range .calendar-day.calendar-day-selected span { + 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 span, +.md .color-red .calendar-day.calendar-day-today span { + color: #f44336; +} +.md .color-theme-red .calendar-day.calendar-day-has-events span:after, +.md .color-red .calendar-day.calendar-day-has-events span:after { + background: #f44336; +} +.md .color-theme-red .calendar-day.calendar-day-selected span, +.md .color-red .calendar-day.calendar-day-selected span { + background: #f44336; + color: #fff; +} +.md .color-theme-red .calendar-day.calendar-day-selected span:after, +.md .color-red .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-green .calendar-header, +.md .color-green .calendar-header { + background: #4caf50; +} +.md .color-theme-green .calendar-day.calendar-day-today span, +.md .color-green .calendar-day.calendar-day-today span { + color: #4caf50; +} +.md .color-theme-green .calendar-day.calendar-day-has-events span:after, +.md .color-green .calendar-day.calendar-day-has-events span:after { + background: #4caf50; +} +.md .color-theme-green .calendar-day.calendar-day-selected span, +.md .color-green .calendar-day.calendar-day-selected span { + background: #4caf50; + color: #fff; +} +.md .color-theme-green .calendar-day.calendar-day-selected span:after, +.md .color-green .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-blue .calendar-header, +.md .color-blue .calendar-header { + background: #2196f3; +} +.md .color-theme-blue .calendar-day.calendar-day-today span, +.md .color-blue .calendar-day.calendar-day-today span { + color: #2196f3; +} +.md .color-theme-blue .calendar-day.calendar-day-has-events span:after, +.md .color-blue .calendar-day.calendar-day-has-events span:after { + background: #2196f3; +} +.md .color-theme-blue .calendar-day.calendar-day-selected span, +.md .color-blue .calendar-day.calendar-day-selected span { + background: #2196f3; + color: #fff; +} +.md .color-theme-blue .calendar-day.calendar-day-selected span:after, +.md .color-blue .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-pink .calendar-header, +.md .color-pink .calendar-header { + background: #e91e63; +} +.md .color-theme-pink .calendar-day.calendar-day-today span, +.md .color-pink .calendar-day.calendar-day-today span { + color: #e91e63; +} +.md .color-theme-pink .calendar-day.calendar-day-has-events span:after, +.md .color-pink .calendar-day.calendar-day-has-events span:after { + background: #e91e63; +} +.md .color-theme-pink .calendar-day.calendar-day-selected span, +.md .color-pink .calendar-day.calendar-day-selected span { + background: #e91e63; + color: #fff; +} +.md .color-theme-pink .calendar-day.calendar-day-selected span:after, +.md .color-pink .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-yellow .calendar-header, +.md .color-yellow .calendar-header { + background: #ffeb3b; +} +.md .color-theme-yellow .calendar-day.calendar-day-today span, +.md .color-yellow .calendar-day.calendar-day-today span { + color: #ffeb3b; +} +.md .color-theme-yellow .calendar-day.calendar-day-has-events span:after, +.md .color-yellow .calendar-day.calendar-day-has-events span:after { + background: #ffeb3b; +} +.md .color-theme-yellow .calendar-day.calendar-day-selected span, +.md .color-yellow .calendar-day.calendar-day-selected span { + background: #ffeb3b; + color: #fff; +} +.md .color-theme-yellow .calendar-day.calendar-day-selected span:after, +.md .color-yellow .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-orange .calendar-header, +.md .color-orange .calendar-header { + background: #ff9800; +} +.md .color-theme-orange .calendar-day.calendar-day-today span, +.md .color-orange .calendar-day.calendar-day-today span { + color: #ff9800; +} +.md .color-theme-orange .calendar-day.calendar-day-has-events span:after, +.md .color-orange .calendar-day.calendar-day-has-events span:after { + background: #ff9800; +} +.md .color-theme-orange .calendar-day.calendar-day-selected span, +.md .color-orange .calendar-day.calendar-day-selected span { + background: #ff9800; + color: #fff; +} +.md .color-theme-orange .calendar-day.calendar-day-selected span:after, +.md .color-orange .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-gray .calendar-header, +.md .color-gray .calendar-header { + background: #9e9e9e; +} +.md .color-theme-gray .calendar-day.calendar-day-today span, +.md .color-gray .calendar-day.calendar-day-today span { + color: #9e9e9e; +} +.md .color-theme-gray .calendar-day.calendar-day-has-events span:after, +.md .color-gray .calendar-day.calendar-day-has-events span:after { + background: #9e9e9e; +} +.md .color-theme-gray .calendar-day.calendar-day-selected span, +.md .color-gray .calendar-day.calendar-day-selected span { + background: #9e9e9e; + color: #fff; +} +.md .color-theme-gray .calendar-day.calendar-day-selected span:after, +.md .color-gray .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-white .calendar-header, +.md .color-white .calendar-header { + background: #ffffff; +} +.md .color-theme-white .calendar-day.calendar-day-today span, +.md .color-white .calendar-day.calendar-day-today span { + color: #ffffff; +} +.md .color-theme-white .calendar-day.calendar-day-has-events span:after, +.md .color-white .calendar-day.calendar-day-has-events span:after { + background: #ffffff; +} +.md .color-theme-white .calendar-day.calendar-day-selected span, +.md .color-white .calendar-day.calendar-day-selected span { + background: #ffffff; + color: #fff; +} +.md .color-theme-white .calendar-day.calendar-day-selected span:after, +.md .color-white .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-black .calendar-header, +.md .color-black .calendar-header { + background: #000000; +} +.md .color-theme-black .calendar-day.calendar-day-today span, +.md .color-black .calendar-day.calendar-day-today span { + color: #000000; +} +.md .color-theme-black .calendar-day.calendar-day-has-events span:after, +.md .color-black .calendar-day.calendar-day-has-events span:after { + background: #000000; +} +.md .color-theme-black .calendar-day.calendar-day-selected span, +.md .color-black .calendar-day.calendar-day-selected span { + background: #000000; + color: #fff; +} +.md .color-theme-black .calendar-day.calendar-day-selected span:after, +.md .color-black .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +/* === 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; +} +.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; +} +.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 === */ +.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; +} +.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"); +} +.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; +} +.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; +} +.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)); + } +} +.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; +} +.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)); + } +} +.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 .searchbar-disable-button { + -webkit-transform: rotate(0deg) scale(1); + transform: rotate(0deg) scale(1); + pointer-events: auto; + opacity: 1; +} +.md .searchbar-enabled .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); + } +} +.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; + } +} +.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); +} +.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; +} +.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-invisible-blank-slide { + 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; +} +.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; + } +} +.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)); +} +.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); +} +.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; +} +.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%; +} +.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; +} +.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; +} +.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; +} +.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.ios.css b/framework7/css/framework7.rtl.ios.css new file mode 100644 index 0000000..ddc542a --- /dev/null +++ b/framework7/css/framework7.rtl.ios.css @@ -0,0 +1,17446 @@ +/** + * Framework7 3.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2018 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: July 5, 2018 + */ +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 UI Text, 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 > .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 { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; +} +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; +} +.item-after .ios .badge { + min-width: 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: 10500; +} +.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; +} +.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: 13500; + -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); +} +.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 .stepper-button, +.ios .color-theme-red .stepper .stepper-button-minus, +.ios .color-theme-red .stepper .stepper-button-plus { + border-color: #ff3b30; + color: #ff3b30; +} +.ios .color-theme-red .stepper .stepper-button.active-state, +.ios .color-theme-red .stepper .stepper-button-minus.active-state, +.ios .color-theme-red .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 59, 48, 0.15); +} +.ios .color-theme-red .stepper .stepper-button-plus:after, +.ios .color-theme-red .stepper .stepper-button-minus:after, +.ios .color-theme-red .stepper .stepper-button-plus:before, +.ios .color-theme-red .stepper .stepper-button-minus:before { + background-color: #ff3b30; +} +.ios .color-theme-red .stepper .stepper-value, +.ios .color-theme-red .stepper .stepper-input-wrap { + border-top-color: #ff3b30; + border-bottom-color: #ff3b30; +} +.ios .color-theme-red .stepper .stepper-value { + color: #ff3b30; +} +.ios .color-theme-red .stepper .stepper-input-wrap input { + color: #ff3b30; +} +.ios .color-theme-red .stepper.stepper-fill .stepper-button, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ff3b30; +} +.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff3b30; + border-color: #ff3b30; + background-color: transparent; +} +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff3b30; +} +.ios .color-theme-green .stepper .stepper-button, +.ios .color-theme-green .stepper .stepper-button-minus, +.ios .color-theme-green .stepper .stepper-button-plus { + border-color: #4cd964; + color: #4cd964; +} +.ios .color-theme-green .stepper .stepper-button.active-state, +.ios .color-theme-green .stepper .stepper-button-minus.active-state, +.ios .color-theme-green .stepper .stepper-button-plus.active-state { + background-color: rgba(76, 217, 100, 0.15); +} +.ios .color-theme-green .stepper .stepper-button-plus:after, +.ios .color-theme-green .stepper .stepper-button-minus:after, +.ios .color-theme-green .stepper .stepper-button-plus:before, +.ios .color-theme-green .stepper .stepper-button-minus:before { + background-color: #4cd964; +} +.ios .color-theme-green .stepper .stepper-value, +.ios .color-theme-green .stepper .stepper-input-wrap { + border-top-color: #4cd964; + border-bottom-color: #4cd964; +} +.ios .color-theme-green .stepper .stepper-value { + color: #4cd964; +} +.ios .color-theme-green .stepper .stepper-input-wrap input { + color: #4cd964; +} +.ios .color-theme-green .stepper.stepper-fill .stepper-button, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #4cd964; +} +.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #4cd964; + border-color: #4cd964; + background-color: transparent; +} +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #4cd964; +} +.ios .color-theme-blue .stepper .stepper-button, +.ios .color-theme-blue .stepper .stepper-button-minus, +.ios .color-theme-blue .stepper .stepper-button-plus { + border-color: #007aff; + color: #007aff; +} +.ios .color-theme-blue .stepper .stepper-button.active-state, +.ios .color-theme-blue .stepper .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper .stepper-button-plus.active-state { + background-color: rgba(0, 122, 255, 0.15); +} +.ios .color-theme-blue .stepper .stepper-button-plus:after, +.ios .color-theme-blue .stepper .stepper-button-minus:after, +.ios .color-theme-blue .stepper .stepper-button-plus:before, +.ios .color-theme-blue .stepper .stepper-button-minus:before { + background-color: #007aff; +} +.ios .color-theme-blue .stepper .stepper-value, +.ios .color-theme-blue .stepper .stepper-input-wrap { + border-top-color: #007aff; + border-bottom-color: #007aff; +} +.ios .color-theme-blue .stepper .stepper-value { + color: #007aff; +} +.ios .color-theme-blue .stepper .stepper-input-wrap input { + color: #007aff; +} +.ios .color-theme-blue .stepper.stepper-fill .stepper-button, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #007aff; +} +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #007aff; + border-color: #007aff; + background-color: transparent; +} +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #007aff; +} +.ios .color-theme-pink .stepper .stepper-button, +.ios .color-theme-pink .stepper .stepper-button-minus, +.ios .color-theme-pink .stepper .stepper-button-plus { + border-color: #ff2d55; + color: #ff2d55; +} +.ios .color-theme-pink .stepper .stepper-button.active-state, +.ios .color-theme-pink .stepper .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 45, 85, 0.15); +} +.ios .color-theme-pink .stepper .stepper-button-plus:after, +.ios .color-theme-pink .stepper .stepper-button-minus:after, +.ios .color-theme-pink .stepper .stepper-button-plus:before, +.ios .color-theme-pink .stepper .stepper-button-minus:before { + background-color: #ff2d55; +} +.ios .color-theme-pink .stepper .stepper-value, +.ios .color-theme-pink .stepper .stepper-input-wrap { + border-top-color: #ff2d55; + border-bottom-color: #ff2d55; +} +.ios .color-theme-pink .stepper .stepper-value { + color: #ff2d55; +} +.ios .color-theme-pink .stepper .stepper-input-wrap input { + color: #ff2d55; +} +.ios .color-theme-pink .stepper.stepper-fill .stepper-button, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ff2d55; +} +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff2d55; + border-color: #ff2d55; + background-color: transparent; +} +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff2d55; +} +.ios .color-theme-yellow .stepper .stepper-button, +.ios .color-theme-yellow .stepper .stepper-button-minus, +.ios .color-theme-yellow .stepper .stepper-button-plus { + border-color: #ffcc00; + color: #ffcc00; +} +.ios .color-theme-yellow .stepper .stepper-button.active-state, +.ios .color-theme-yellow .stepper .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 204, 0, 0.15); +} +.ios .color-theme-yellow .stepper .stepper-button-plus:after, +.ios .color-theme-yellow .stepper .stepper-button-minus:after, +.ios .color-theme-yellow .stepper .stepper-button-plus:before, +.ios .color-theme-yellow .stepper .stepper-button-minus:before { + background-color: #ffcc00; +} +.ios .color-theme-yellow .stepper .stepper-value, +.ios .color-theme-yellow .stepper .stepper-input-wrap { + border-top-color: #ffcc00; + border-bottom-color: #ffcc00; +} +.ios .color-theme-yellow .stepper .stepper-value { + color: #ffcc00; +} +.ios .color-theme-yellow .stepper .stepper-input-wrap input { + color: #ffcc00; +} +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ffcc00; +} +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffcc00; + border-color: #ffcc00; + background-color: transparent; +} +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ffcc00; +} +.ios .color-theme-orange .stepper .stepper-button, +.ios .color-theme-orange .stepper .stepper-button-minus, +.ios .color-theme-orange .stepper .stepper-button-plus { + border-color: #ff9500; + color: #ff9500; +} +.ios .color-theme-orange .stepper .stepper-button.active-state, +.ios .color-theme-orange .stepper .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 149, 0, 0.15); +} +.ios .color-theme-orange .stepper .stepper-button-plus:after, +.ios .color-theme-orange .stepper .stepper-button-minus:after, +.ios .color-theme-orange .stepper .stepper-button-plus:before, +.ios .color-theme-orange .stepper .stepper-button-minus:before { + background-color: #ff9500; +} +.ios .color-theme-orange .stepper .stepper-value, +.ios .color-theme-orange .stepper .stepper-input-wrap { + border-top-color: #ff9500; + border-bottom-color: #ff9500; +} +.ios .color-theme-orange .stepper .stepper-value { + color: #ff9500; +} +.ios .color-theme-orange .stepper .stepper-input-wrap input { + color: #ff9500; +} +.ios .color-theme-orange .stepper.stepper-fill .stepper-button, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ff9500; +} +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff9500; + border-color: #ff9500; + background-color: transparent; +} +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ff9500; +} +.ios .color-theme-gray .stepper .stepper-button, +.ios .color-theme-gray .stepper .stepper-button-minus, +.ios .color-theme-gray .stepper .stepper-button-plus { + border-color: #8e8e93; + color: #8e8e93; +} +.ios .color-theme-gray .stepper .stepper-button.active-state, +.ios .color-theme-gray .stepper .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper .stepper-button-plus.active-state { + background-color: rgba(142, 142, 147, 0.15); +} +.ios .color-theme-gray .stepper .stepper-button-plus:after, +.ios .color-theme-gray .stepper .stepper-button-minus:after, +.ios .color-theme-gray .stepper .stepper-button-plus:before, +.ios .color-theme-gray .stepper .stepper-button-minus:before { + background-color: #8e8e93; +} +.ios .color-theme-gray .stepper .stepper-value, +.ios .color-theme-gray .stepper .stepper-input-wrap { + border-top-color: #8e8e93; + border-bottom-color: #8e8e93; +} +.ios .color-theme-gray .stepper .stepper-value { + color: #8e8e93; +} +.ios .color-theme-gray .stepper .stepper-input-wrap input { + color: #8e8e93; +} +.ios .color-theme-gray .stepper.stepper-fill .stepper-button, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #8e8e93; +} +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #8e8e93; + border-color: #8e8e93; + background-color: transparent; +} +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #8e8e93; +} +.ios .color-theme-white .stepper .stepper-button, +.ios .color-theme-white .stepper .stepper-button-minus, +.ios .color-theme-white .stepper .stepper-button-plus { + border-color: #ffffff; + color: #ffffff; +} +.ios .color-theme-white .stepper .stepper-button.active-state, +.ios .color-theme-white .stepper .stepper-button-minus.active-state, +.ios .color-theme-white .stepper .stepper-button-plus.active-state { + background-color: rgba(255, 255, 255, 0.15); +} +.ios .color-theme-white .stepper .stepper-button-plus:after, +.ios .color-theme-white .stepper .stepper-button-minus:after, +.ios .color-theme-white .stepper .stepper-button-plus:before, +.ios .color-theme-white .stepper .stepper-button-minus:before { + background-color: #ffffff; +} +.ios .color-theme-white .stepper .stepper-value, +.ios .color-theme-white .stepper .stepper-input-wrap { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.ios .color-theme-white .stepper .stepper-value { + color: #ffffff; +} +.ios .color-theme-white .stepper .stepper-input-wrap input { + color: #ffffff; +} +.ios .color-theme-white .stepper.stepper-fill .stepper-button, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #ffffff; +} +.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffffff; + border-color: #ffffff; + background-color: transparent; +} +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after { + background-color: #ffffff; +} +.ios .color-theme-black .stepper .stepper-button, +.ios .color-theme-black .stepper .stepper-button-minus, +.ios .color-theme-black .stepper .stepper-button-plus { + border-color: #000000; + color: #000000; +} +.ios .color-theme-black .stepper .stepper-button.active-state, +.ios .color-theme-black .stepper .stepper-button-minus.active-state, +.ios .color-theme-black .stepper .stepper-button-plus.active-state { + background-color: rgba(0, 0, 0, 0.15); +} +.ios .color-theme-black .stepper .stepper-button-plus:after, +.ios .color-theme-black .stepper .stepper-button-minus:after, +.ios .color-theme-black .stepper .stepper-button-plus:before, +.ios .color-theme-black .stepper .stepper-button-minus:before { + background-color: #000000; +} +.ios .color-theme-black .stepper .stepper-value, +.ios .color-theme-black .stepper .stepper-input-wrap { + border-top-color: #000000; + border-bottom-color: #000000; +} +.ios .color-theme-black .stepper .stepper-value { + color: #000000; +} +.ios .color-theme-black .stepper .stepper-input-wrap input { + color: #000000; +} +.ios .color-theme-black .stepper.stepper-fill .stepper-button, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus { + background-color: #000000; +} +.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus:before, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus:before, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus:before, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus:before, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus:after, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus:after, +.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus:after, +.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button.active-state, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #000000; + border-color: #000000; + background-color: transparent; +} +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .color-theme-black .stepper.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 { + color: #ff3b30; +} +.ios .stepper.color-red .stepper-input-wrap input { + color: #ff3b30; +} +.ios .stepper.color-red.stepper-fill .stepper-button, +.ios .stepper.color-red.stepper-fill-ios .stepper-button, +.ios .stepper.color-red.stepper-fill .stepper-button-minus, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-red.stepper-fill .stepper-button-plus, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus { + background-color: #ff3b30; +} +.ios .stepper.color-red.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-red.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-red.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-red.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff3b30; + border-color: #ff3b30; + background-color: transparent; +} +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-red.stepper-small-ios.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 { + color: #4cd964; +} +.ios .stepper.color-green .stepper-input-wrap input { + color: #4cd964; +} +.ios .stepper.color-green.stepper-fill .stepper-button, +.ios .stepper.color-green.stepper-fill-ios .stepper-button, +.ios .stepper.color-green.stepper-fill .stepper-button-minus, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-green.stepper-fill .stepper-button-plus, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus { + background-color: #4cd964; +} +.ios .stepper.color-green.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-green.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-green.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-green.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #4cd964; + border-color: #4cd964; + background-color: transparent; +} +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-green.stepper-small-ios.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 { + color: #007aff; +} +.ios .stepper.color-blue .stepper-input-wrap input { + color: #007aff; +} +.ios .stepper.color-blue.stepper-fill .stepper-button, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button, +.ios .stepper.color-blue.stepper-fill .stepper-button-minus, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-blue.stepper-fill .stepper-button-plus, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus { + background-color: #007aff; +} +.ios .stepper.color-blue.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-blue.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-blue.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-blue.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #007aff; + border-color: #007aff; + background-color: transparent; +} +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-blue.stepper-small-ios.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 { + color: #ff2d55; +} +.ios .stepper.color-pink .stepper-input-wrap input { + color: #ff2d55; +} +.ios .stepper.color-pink.stepper-fill .stepper-button, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button, +.ios .stepper.color-pink.stepper-fill .stepper-button-minus, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-pink.stepper-fill .stepper-button-plus, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus { + background-color: #ff2d55; +} +.ios .stepper.color-pink.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-pink.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-pink.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-pink.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff2d55; + border-color: #ff2d55; + background-color: transparent; +} +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-pink.stepper-small-ios.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 { + color: #ffcc00; +} +.ios .stepper.color-yellow .stepper-input-wrap input { + color: #ffcc00; +} +.ios .stepper.color-yellow.stepper-fill .stepper-button, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button, +.ios .stepper.color-yellow.stepper-fill .stepper-button-minus, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-yellow.stepper-fill .stepper-button-plus, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus { + background-color: #ffcc00; +} +.ios .stepper.color-yellow.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-yellow.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-yellow.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-yellow.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffcc00; + border-color: #ffcc00; + background-color: transparent; +} +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-yellow.stepper-small-ios.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 { + color: #ff9500; +} +.ios .stepper.color-orange .stepper-input-wrap input { + color: #ff9500; +} +.ios .stepper.color-orange.stepper-fill .stepper-button, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button, +.ios .stepper.color-orange.stepper-fill .stepper-button-minus, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-orange.stepper-fill .stepper-button-plus, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus { + background-color: #ff9500; +} +.ios .stepper.color-orange.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-orange.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-orange.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-orange.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ff9500; + border-color: #ff9500; + background-color: transparent; +} +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-orange.stepper-small-ios.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 { + color: #8e8e93; +} +.ios .stepper.color-gray .stepper-input-wrap input { + color: #8e8e93; +} +.ios .stepper.color-gray.stepper-fill .stepper-button, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button, +.ios .stepper.color-gray.stepper-fill .stepper-button-minus, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-gray.stepper-fill .stepper-button-plus, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus { + background-color: #8e8e93; +} +.ios .stepper.color-gray.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-gray.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-gray.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-gray.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #8e8e93; + border-color: #8e8e93; + background-color: transparent; +} +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-gray.stepper-small-ios.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 { + color: #ffffff; +} +.ios .stepper.color-white .stepper-input-wrap input { + color: #ffffff; +} +.ios .stepper.color-white.stepper-fill .stepper-button, +.ios .stepper.color-white.stepper-fill-ios .stepper-button, +.ios .stepper.color-white.stepper-fill .stepper-button-minus, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-white.stepper-fill .stepper-button-plus, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus { + background-color: #ffffff; +} +.ios .stepper.color-white.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-white.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-white.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-white.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #ffffff; + border-color: #ffffff; + background-color: transparent; +} +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-white.stepper-small-ios.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 { + color: #000000; +} +.ios .stepper.color-black .stepper-input-wrap input { + color: #000000; +} +.ios .stepper.color-black.stepper-fill .stepper-button, +.ios .stepper.color-black.stepper-fill-ios .stepper-button, +.ios .stepper.color-black.stepper-fill .stepper-button-minus, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus, +.ios .stepper.color-black.stepper-fill .stepper-button-plus, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus { + background-color: #000000; +} +.ios .stepper.color-black.stepper-fill .stepper-button-plus:before, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus:before, +.ios .stepper.color-black.stepper-fill .stepper-button-minus:before, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus:before, +.ios .stepper.color-black.stepper-fill .stepper-button-plus:after, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus:after, +.ios .stepper.color-black.stepper-fill .stepper-button-minus:after, +.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus:after { + background-color: #fff; +} +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button.active-state, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button.active-state, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state { + color: #000000; + border-color: #000000; + background-color: transparent; +} +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after, +.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state:after, +.ios .stepper.color-black.stepper-small-ios.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 span { + color: #fff; +} +.calendar-day.calendar-day-has-events span:after { + content: ''; + width: 4px; + height: 4px; + border-radius: 50%; + position: absolute; + margin-left: -2px; + left: 50%; + bottom: 1px; +} +.calendar-day span { + display: inline-block; + border-radius: 100%; + position: relative; +} +.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 span { + 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 span, +.calendar-year-selector span { + -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 span { + background: #e3e3e3; +} +.ios .calendar-day.calendar-day-has-events span:after { + background: #007aff; +} +.ios .calendar-day.calendar-day-has-events.calendar-day-selected span:after { + background-color: #fff; +} +.ios .calendar-day.calendar-day-selected span { + background: #007aff; +} +.ios .calendar-day span { + width: 30px; + height: 30px; + line-height: 30px; +} +.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) span { + 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 span, +.ios .color-red .calendar-day.calendar-day-selected span { + background: #ff3b30; +} +.ios .color-theme-green .calendar-day.calendar-day-selected span, +.ios .color-green .calendar-day.calendar-day-selected span { + background: #4cd964; +} +.ios .color-theme-blue .calendar-day.calendar-day-selected span, +.ios .color-blue .calendar-day.calendar-day-selected span { + background: #007aff; +} +.ios .color-theme-pink .calendar-day.calendar-day-selected span, +.ios .color-pink .calendar-day.calendar-day-selected span { + background: #ff2d55; +} +.ios .color-theme-yellow .calendar-day.calendar-day-selected span, +.ios .color-yellow .calendar-day.calendar-day-selected span { + background: #ffcc00; +} +.ios .color-theme-orange .calendar-day.calendar-day-selected span, +.ios .color-orange .calendar-day.calendar-day-selected span { + background: #ff9500; +} +.ios .color-theme-gray .calendar-day.calendar-day-selected span, +.ios .color-gray .calendar-day.calendar-day-selected span { + background: #8e8e93; +} +.ios .color-theme-white .calendar-day.calendar-day-selected span, +.ios .color-white .calendar-day.calendar-day-selected span { + background: #ffffff; +} +.ios .color-theme-black .calendar-day.calendar-day-selected span, +.ios .color-black .calendar-day.calendar-day-selected span { + 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-invisible-blank-slide { + 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..ebd8346 --- /dev/null +++ b/framework7/css/framework7.rtl.ios.min.css @@ -0,0 +1,12 @@ +/** + * Framework7 3.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2018 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: July 5, 2018 + */ +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 UI Text,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>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.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}li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20}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}.item-after .ios .badge{min-width: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(0 - constant(safe-area-inset-bottom)),0);transform:translate3d(0,calc(0 - constant(safe-area-inset-bottom)),0);-webkit-transform:translate3d(0,calc(0 - env(safe-area-inset-bottom)),0);transform:translate3d(0,calc(0 - 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:10500}.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}.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:13500;-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:0 2px 8px rgba(0,0,0,.6);box-shadow:0 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)}.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 0 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:0 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(0,0,0);transform:translate3d(0,0,0)}html.with-panel-right-cover .panel-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,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:0 1px 2px rgba(0,0,0,.3);box-shadow:0 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(0);transform:translateX(0);-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 .stepper-button,.ios .color-theme-red .stepper .stepper-button-minus,.ios .color-theme-red .stepper .stepper-button-plus{border-color:#ff3b30;color:#ff3b30}.ios .color-theme-red .stepper .stepper-button-minus.active-state,.ios .color-theme-red .stepper .stepper-button-plus.active-state,.ios .color-theme-red .stepper .stepper-button.active-state{background-color:rgba(255,59,48,.15)}.ios .color-theme-red .stepper .stepper-button-minus:after,.ios .color-theme-red .stepper .stepper-button-minus:before,.ios .color-theme-red .stepper .stepper-button-plus:after,.ios .color-theme-red .stepper .stepper-button-plus:before{background-color:#ff3b30}.ios .color-theme-red .stepper .stepper-input-wrap,.ios .color-theme-red .stepper .stepper-value{border-top-color:#ff3b30;border-bottom-color:#ff3b30}.ios .color-theme-red .stepper .stepper-value{color:#ff3b30}.ios .color-theme-red .stepper .stepper-input-wrap input{color:#ff3b30}.ios .color-theme-red .stepper.stepper-fill .stepper-button,.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus{background-color:#ff3b30}.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#ff3b30;border-color:#ff3b30;background-color:transparent}.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff3b30}.ios .color-theme-green .stepper .stepper-button,.ios .color-theme-green .stepper .stepper-button-minus,.ios .color-theme-green .stepper .stepper-button-plus{border-color:#4cd964;color:#4cd964}.ios .color-theme-green .stepper .stepper-button-minus.active-state,.ios .color-theme-green .stepper .stepper-button-plus.active-state,.ios .color-theme-green .stepper .stepper-button.active-state{background-color:rgba(76,217,100,.15)}.ios .color-theme-green .stepper .stepper-button-minus:after,.ios .color-theme-green .stepper .stepper-button-minus:before,.ios .color-theme-green .stepper .stepper-button-plus:after,.ios .color-theme-green .stepper .stepper-button-plus:before{background-color:#4cd964}.ios .color-theme-green .stepper .stepper-input-wrap,.ios .color-theme-green .stepper .stepper-value{border-top-color:#4cd964;border-bottom-color:#4cd964}.ios .color-theme-green .stepper .stepper-value{color:#4cd964}.ios .color-theme-green .stepper .stepper-input-wrap input{color:#4cd964}.ios .color-theme-green .stepper.stepper-fill .stepper-button,.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus{background-color:#4cd964}.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#4cd964;border-color:#4cd964;background-color:transparent}.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#4cd964}.ios .color-theme-blue .stepper .stepper-button,.ios .color-theme-blue .stepper .stepper-button-minus,.ios .color-theme-blue .stepper .stepper-button-plus{border-color:#007aff;color:#007aff}.ios .color-theme-blue .stepper .stepper-button-minus.active-state,.ios .color-theme-blue .stepper .stepper-button-plus.active-state,.ios .color-theme-blue .stepper .stepper-button.active-state{background-color:rgba(0,122,255,.15)}.ios .color-theme-blue .stepper .stepper-button-minus:after,.ios .color-theme-blue .stepper .stepper-button-minus:before,.ios .color-theme-blue .stepper .stepper-button-plus:after,.ios .color-theme-blue .stepper .stepper-button-plus:before{background-color:#007aff}.ios .color-theme-blue .stepper .stepper-input-wrap,.ios .color-theme-blue .stepper .stepper-value{border-top-color:#007aff;border-bottom-color:#007aff}.ios .color-theme-blue .stepper .stepper-value{color:#007aff}.ios .color-theme-blue .stepper .stepper-input-wrap input{color:#007aff}.ios .color-theme-blue .stepper.stepper-fill .stepper-button,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus{background-color:#007aff}.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#007aff;border-color:#007aff;background-color:transparent}.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#007aff}.ios .color-theme-pink .stepper .stepper-button,.ios .color-theme-pink .stepper .stepper-button-minus,.ios .color-theme-pink .stepper .stepper-button-plus{border-color:#ff2d55;color:#ff2d55}.ios .color-theme-pink .stepper .stepper-button-minus.active-state,.ios .color-theme-pink .stepper .stepper-button-plus.active-state,.ios .color-theme-pink .stepper .stepper-button.active-state{background-color:rgba(255,45,85,.15)}.ios .color-theme-pink .stepper .stepper-button-minus:after,.ios .color-theme-pink .stepper .stepper-button-minus:before,.ios .color-theme-pink .stepper .stepper-button-plus:after,.ios .color-theme-pink .stepper .stepper-button-plus:before{background-color:#ff2d55}.ios .color-theme-pink .stepper .stepper-input-wrap,.ios .color-theme-pink .stepper .stepper-value{border-top-color:#ff2d55;border-bottom-color:#ff2d55}.ios .color-theme-pink .stepper .stepper-value{color:#ff2d55}.ios .color-theme-pink .stepper .stepper-input-wrap input{color:#ff2d55}.ios .color-theme-pink .stepper.stepper-fill .stepper-button,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus{background-color:#ff2d55}.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#ff2d55;border-color:#ff2d55;background-color:transparent}.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff2d55}.ios .color-theme-yellow .stepper .stepper-button,.ios .color-theme-yellow .stepper .stepper-button-minus,.ios .color-theme-yellow .stepper .stepper-button-plus{border-color:#fc0;color:#fc0}.ios .color-theme-yellow .stepper .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper .stepper-button.active-state{background-color:rgba(255,204,0,.15)}.ios .color-theme-yellow .stepper .stepper-button-minus:after,.ios .color-theme-yellow .stepper .stepper-button-minus:before,.ios .color-theme-yellow .stepper .stepper-button-plus:after,.ios .color-theme-yellow .stepper .stepper-button-plus:before{background-color:#fc0}.ios .color-theme-yellow .stepper .stepper-input-wrap,.ios .color-theme-yellow .stepper .stepper-value{border-top-color:#fc0;border-bottom-color:#fc0}.ios .color-theme-yellow .stepper .stepper-value{color:#fc0}.ios .color-theme-yellow .stepper .stepper-input-wrap input{color:#fc0}.ios .color-theme-yellow .stepper.stepper-fill .stepper-button,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus{background-color:#fc0}.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#fc0;border-color:#fc0;background-color:transparent}.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#fc0}.ios .color-theme-orange .stepper .stepper-button,.ios .color-theme-orange .stepper .stepper-button-minus,.ios .color-theme-orange .stepper .stepper-button-plus{border-color:#ff9500;color:#ff9500}.ios .color-theme-orange .stepper .stepper-button-minus.active-state,.ios .color-theme-orange .stepper .stepper-button-plus.active-state,.ios .color-theme-orange .stepper .stepper-button.active-state{background-color:rgba(255,149,0,.15)}.ios .color-theme-orange .stepper .stepper-button-minus:after,.ios .color-theme-orange .stepper .stepper-button-minus:before,.ios .color-theme-orange .stepper .stepper-button-plus:after,.ios .color-theme-orange .stepper .stepper-button-plus:before{background-color:#ff9500}.ios .color-theme-orange .stepper .stepper-input-wrap,.ios .color-theme-orange .stepper .stepper-value{border-top-color:#ff9500;border-bottom-color:#ff9500}.ios .color-theme-orange .stepper .stepper-value{color:#ff9500}.ios .color-theme-orange .stepper .stepper-input-wrap input{color:#ff9500}.ios .color-theme-orange .stepper.stepper-fill .stepper-button,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus{background-color:#ff9500}.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#ff9500;border-color:#ff9500;background-color:transparent}.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff9500}.ios .color-theme-gray .stepper .stepper-button,.ios .color-theme-gray .stepper .stepper-button-minus,.ios .color-theme-gray .stepper .stepper-button-plus{border-color:#8e8e93;color:#8e8e93}.ios .color-theme-gray .stepper .stepper-button-minus.active-state,.ios .color-theme-gray .stepper .stepper-button-plus.active-state,.ios .color-theme-gray .stepper .stepper-button.active-state{background-color:rgba(142,142,147,.15)}.ios .color-theme-gray .stepper .stepper-button-minus:after,.ios .color-theme-gray .stepper .stepper-button-minus:before,.ios .color-theme-gray .stepper .stepper-button-plus:after,.ios .color-theme-gray .stepper .stepper-button-plus:before{background-color:#8e8e93}.ios .color-theme-gray .stepper .stepper-input-wrap,.ios .color-theme-gray .stepper .stepper-value{border-top-color:#8e8e93;border-bottom-color:#8e8e93}.ios .color-theme-gray .stepper .stepper-value{color:#8e8e93}.ios .color-theme-gray .stepper .stepper-input-wrap input{color:#8e8e93}.ios .color-theme-gray .stepper.stepper-fill .stepper-button,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus{background-color:#8e8e93}.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#8e8e93;border-color:#8e8e93;background-color:transparent}.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#8e8e93}.ios .color-theme-white .stepper .stepper-button,.ios .color-theme-white .stepper .stepper-button-minus,.ios .color-theme-white .stepper .stepper-button-plus{border-color:#fff;color:#fff}.ios .color-theme-white .stepper .stepper-button-minus.active-state,.ios .color-theme-white .stepper .stepper-button-plus.active-state,.ios .color-theme-white .stepper .stepper-button.active-state{background-color:rgba(255,255,255,.15)}.ios .color-theme-white .stepper .stepper-button-minus:after,.ios .color-theme-white .stepper .stepper-button-minus:before,.ios .color-theme-white .stepper .stepper-button-plus:after,.ios .color-theme-white .stepper .stepper-button-plus:before{background-color:#fff}.ios .color-theme-white .stepper .stepper-input-wrap,.ios .color-theme-white .stepper .stepper-value{border-top-color:#fff;border-bottom-color:#fff}.ios .color-theme-white .stepper .stepper-value{color:#fff}.ios .color-theme-white .stepper .stepper-input-wrap input{color:#fff}.ios .color-theme-white .stepper.stepper-fill .stepper-button,.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus{background-color:#fff}.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#fff;border-color:#fff;background-color:transparent}.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#fff}.ios .color-theme-black .stepper .stepper-button,.ios .color-theme-black .stepper .stepper-button-minus,.ios .color-theme-black .stepper .stepper-button-plus{border-color:#000;color:#000}.ios .color-theme-black .stepper .stepper-button-minus.active-state,.ios .color-theme-black .stepper .stepper-button-plus.active-state,.ios .color-theme-black .stepper .stepper-button.active-state{background-color:rgba(0,0,0,.15)}.ios .color-theme-black .stepper .stepper-button-minus:after,.ios .color-theme-black .stepper .stepper-button-minus:before,.ios .color-theme-black .stepper .stepper-button-plus:after,.ios .color-theme-black .stepper .stepper-button-plus:before{background-color:#000}.ios .color-theme-black .stepper .stepper-input-wrap,.ios .color-theme-black .stepper .stepper-value{border-top-color:#000;border-bottom-color:#000}.ios .color-theme-black .stepper .stepper-value{color:#000}.ios .color-theme-black .stepper .stepper-input-wrap input{color:#000}.ios .color-theme-black .stepper.stepper-fill .stepper-button,.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus{background-color:#000}.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#000;border-color:#000;background-color:transparent}.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-black .stepper.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-value{color:#ff3b30}.ios .stepper.color-red .stepper-input-wrap input{color:#ff3b30}.ios .stepper.color-red.stepper-fill .stepper-button,.ios .stepper.color-red.stepper-fill .stepper-button-minus,.ios .stepper.color-red.stepper-fill .stepper-button-plus,.ios .stepper.color-red.stepper-fill-ios .stepper-button,.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus{background-color:#ff3b30}.ios .stepper.color-red.stepper-fill .stepper-button-minus:after,.ios .stepper.color-red.stepper-fill .stepper-button-minus:before,.ios .stepper.color-red.stepper-fill .stepper-button-plus:after,.ios .stepper.color-red.stepper-fill .stepper-button-plus:before,.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button.active-state{color:#ff3b30;border-color:#ff3b30;background-color:transparent}.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-red.stepper-small.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-value{color:#4cd964}.ios .stepper.color-green .stepper-input-wrap input{color:#4cd964}.ios .stepper.color-green.stepper-fill .stepper-button,.ios .stepper.color-green.stepper-fill .stepper-button-minus,.ios .stepper.color-green.stepper-fill .stepper-button-plus,.ios .stepper.color-green.stepper-fill-ios .stepper-button,.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus{background-color:#4cd964}.ios .stepper.color-green.stepper-fill .stepper-button-minus:after,.ios .stepper.color-green.stepper-fill .stepper-button-minus:before,.ios .stepper.color-green.stepper-fill .stepper-button-plus:after,.ios .stepper.color-green.stepper-fill .stepper-button-plus:before,.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button.active-state{color:#4cd964;border-color:#4cd964;background-color:transparent}.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-green.stepper-small.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-value{color:#007aff}.ios .stepper.color-blue .stepper-input-wrap input{color:#007aff}.ios .stepper.color-blue.stepper-fill .stepper-button,.ios .stepper.color-blue.stepper-fill .stepper-button-minus,.ios .stepper.color-blue.stepper-fill .stepper-button-plus,.ios .stepper.color-blue.stepper-fill-ios .stepper-button,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus{background-color:#007aff}.ios .stepper.color-blue.stepper-fill .stepper-button-minus:after,.ios .stepper.color-blue.stepper-fill .stepper-button-minus:before,.ios .stepper.color-blue.stepper-fill .stepper-button-plus:after,.ios .stepper.color-blue.stepper-fill .stepper-button-plus:before,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button.active-state{color:#007aff;border-color:#007aff;background-color:transparent}.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-blue.stepper-small.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-value{color:#ff2d55}.ios .stepper.color-pink .stepper-input-wrap input{color:#ff2d55}.ios .stepper.color-pink.stepper-fill .stepper-button,.ios .stepper.color-pink.stepper-fill .stepper-button-minus,.ios .stepper.color-pink.stepper-fill .stepper-button-plus,.ios .stepper.color-pink.stepper-fill-ios .stepper-button,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus{background-color:#ff2d55}.ios .stepper.color-pink.stepper-fill .stepper-button-minus:after,.ios .stepper.color-pink.stepper-fill .stepper-button-minus:before,.ios .stepper.color-pink.stepper-fill .stepper-button-plus:after,.ios .stepper.color-pink.stepper-fill .stepper-button-plus:before,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button.active-state{color:#ff2d55;border-color:#ff2d55;background-color:transparent}.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-pink.stepper-small.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-value{color:#fc0}.ios .stepper.color-yellow .stepper-input-wrap input{color:#fc0}.ios .stepper.color-yellow.stepper-fill .stepper-button,.ios .stepper.color-yellow.stepper-fill .stepper-button-minus,.ios .stepper.color-yellow.stepper-fill .stepper-button-plus,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus{background-color:#fc0}.ios .stepper.color-yellow.stepper-fill .stepper-button-minus:after,.ios .stepper.color-yellow.stepper-fill .stepper-button-minus:before,.ios .stepper.color-yellow.stepper-fill .stepper-button-plus:after,.ios .stepper.color-yellow.stepper-fill .stepper-button-plus:before,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button.active-state{color:#fc0;border-color:#fc0;background-color:transparent}.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-yellow.stepper-small.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-value{color:#ff9500}.ios .stepper.color-orange .stepper-input-wrap input{color:#ff9500}.ios .stepper.color-orange.stepper-fill .stepper-button,.ios .stepper.color-orange.stepper-fill .stepper-button-minus,.ios .stepper.color-orange.stepper-fill .stepper-button-plus,.ios .stepper.color-orange.stepper-fill-ios .stepper-button,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus{background-color:#ff9500}.ios .stepper.color-orange.stepper-fill .stepper-button-minus:after,.ios .stepper.color-orange.stepper-fill .stepper-button-minus:before,.ios .stepper.color-orange.stepper-fill .stepper-button-plus:after,.ios .stepper.color-orange.stepper-fill .stepper-button-plus:before,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button.active-state{color:#ff9500;border-color:#ff9500;background-color:transparent}.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-orange.stepper-small.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-value{color:#8e8e93}.ios .stepper.color-gray .stepper-input-wrap input{color:#8e8e93}.ios .stepper.color-gray.stepper-fill .stepper-button,.ios .stepper.color-gray.stepper-fill .stepper-button-minus,.ios .stepper.color-gray.stepper-fill .stepper-button-plus,.ios .stepper.color-gray.stepper-fill-ios .stepper-button,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus{background-color:#8e8e93}.ios .stepper.color-gray.stepper-fill .stepper-button-minus:after,.ios .stepper.color-gray.stepper-fill .stepper-button-minus:before,.ios .stepper.color-gray.stepper-fill .stepper-button-plus:after,.ios .stepper.color-gray.stepper-fill .stepper-button-plus:before,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button.active-state{color:#8e8e93;border-color:#8e8e93;background-color:transparent}.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-gray.stepper-small.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-value{color:#fff}.ios .stepper.color-white .stepper-input-wrap input{color:#fff}.ios .stepper.color-white.stepper-fill .stepper-button,.ios .stepper.color-white.stepper-fill .stepper-button-minus,.ios .stepper.color-white.stepper-fill .stepper-button-plus,.ios .stepper.color-white.stepper-fill-ios .stepper-button,.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus{background-color:#fff}.ios .stepper.color-white.stepper-fill .stepper-button-minus:after,.ios .stepper.color-white.stepper-fill .stepper-button-minus:before,.ios .stepper.color-white.stepper-fill .stepper-button-plus:after,.ios .stepper.color-white.stepper-fill .stepper-button-plus:before,.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button.active-state{color:#fff;border-color:#fff;background-color:transparent}.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-white.stepper-small.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-value{color:#000}.ios .stepper.color-black .stepper-input-wrap input{color:#000}.ios .stepper.color-black.stepper-fill .stepper-button,.ios .stepper.color-black.stepper-fill .stepper-button-minus,.ios .stepper.color-black.stepper-fill .stepper-button-plus,.ios .stepper.color-black.stepper-fill-ios .stepper-button,.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus{background-color:#000}.ios .stepper.color-black.stepper-fill .stepper-button-minus:after,.ios .stepper.color-black.stepper-fill .stepper-button-minus:before,.ios .stepper.color-black.stepper-fill .stepper-button-plus:after,.ios .stepper.color-black.stepper-fill .stepper-button-plus:before,.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button.active-state{color:#000;border-color:#000;background-color:transparent}.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-black.stepper-small.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 span{color:#fff}.calendar-day.calendar-day-has-events span:after{content:'';width:4px;height:4px;border-radius:50%;position:absolute;margin-left:-2px;left:50%;bottom:1px}.calendar-day span{display:inline-block;border-radius:100%;position:relative}.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 span{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 span,.calendar-year-selector span{-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 span{background:#e3e3e3}.ios .calendar-day.calendar-day-has-events span:after{background:#007aff}.ios .calendar-day.calendar-day-has-events.calendar-day-selected span:after{background-color:#fff}.ios .calendar-day.calendar-day-selected span{background:#007aff}.ios .calendar-day span{width:30px;height:30px;line-height:30px}.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) span{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 span,.ios .color-theme-red .calendar-day.calendar-day-selected span{background:#ff3b30}.ios .color-green .calendar-day.calendar-day-selected span,.ios .color-theme-green .calendar-day.calendar-day-selected span{background:#4cd964}.ios .color-blue .calendar-day.calendar-day-selected span,.ios .color-theme-blue .calendar-day.calendar-day-selected span{background:#007aff}.ios .color-pink .calendar-day.calendar-day-selected span,.ios .color-theme-pink .calendar-day.calendar-day-selected span{background:#ff2d55}.ios .color-theme-yellow .calendar-day.calendar-day-selected span,.ios .color-yellow .calendar-day.calendar-day-selected span{background:#fc0}.ios .color-orange .calendar-day.calendar-day-selected span,.ios .color-theme-orange .calendar-day.calendar-day-selected span{background:#ff9500}.ios .color-gray .calendar-day.calendar-day-selected span,.ios .color-theme-gray .calendar-day.calendar-day-selected span{background:#8e8e93}.ios .color-theme-white .calendar-day.calendar-day-selected span,.ios .color-white .calendar-day.calendar-day-selected span{background:#fff}.ios .color-black .calendar-day.calendar-day-selected span,.ios .color-theme-black .calendar-day.calendar-day-selected span{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(0);transform:translate3d(0,0,0) rotateX(0)}.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(0) translate3d(0,0,0);transform:rotate(0) 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(0) scale(1);transform:translate3d(-50%,-50%,0) rotate(0) 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(0) scale(1);transform:translate3d(-50%,-50%,0) rotate(0) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1)!important;transform:translate3d(0,0,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,0,0) scale(.3);transform:translate3d(8px,0,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:0 2px 4px rgba(0,0,0,.4);box-shadow:0 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:0 2px 4px rgba(0,0,0,.4);box-shadow:0 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:0 1px 2px rgba(0,0,0,.4);box-shadow:0 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:0}.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:0}.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:0}.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:0 0 2px rgba(0,0,0,.2);box-shadow:0 0 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(0,0,0);transform:translate3d(0,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-invisible-blank-slide{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:0;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(0,-50%,0);transform:translate3d(0,-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,0,0);transform:translate3d(0,0,0)}.ios .toolbar~.photo-browser-captions.photo-browser-captions-exposed{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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:0 5px 25px -10px rgba(0,0,0,.7);box-shadow:0 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:0 3px 3px rgba(0,0,0,.2);box-shadow:0 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:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.elevation-1{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.elevation-2{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.elevation-3{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.elevation-4{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.elevation-5{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.elevation-6{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.elevation-7{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.elevation-8{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.elevation-9{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.elevation-10{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.elevation-11{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.elevation-12{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.elevation-13{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.elevation-14{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.elevation-15{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.elevation-16{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.elevation-17{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.elevation-18{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.elevation-19{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.elevation-20{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.elevation-21{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.elevation-22{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.elevation-23{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.elevation-24{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-0:hover{-webkit-box-shadow:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.device-desktop .elevation-hover-1:hover{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-2:hover{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-3:hover{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-4:hover{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-5:hover{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-6:hover{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-7:hover{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-8:hover{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-9:hover{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-10:hover{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-11:hover{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-12:hover{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-13:hover{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-14:hover{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-15:hover{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-16:hover{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-17:hover{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-18:hover{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-19:hover{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-20:hover{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-21:hover{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-22:hover{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-23:hover{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-24:hover{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{-webkit-box-shadow:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 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..0909db9 --- /dev/null +++ b/framework7/css/framework7.rtl.md.css @@ -0,0 +1,18916 @@ +/** + * Framework7 3.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2018 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: July 5, 2018 + */ +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, 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 > .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 { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; +} +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: 10500; +} +.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; +} +.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: 13500; + -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); +} +.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 { + color: transparent !important; +} +.md .item-floating-label ~ .item-input-wrap input:-ms-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea:-ms-input-placeholder { + color: transparent !important; +} +.md .item-floating-label ~ .item-input-wrap input::-ms-input-placeholder, +.md .item-floating-label ~ .item-input-wrap textarea::-ms-input-placeholder { + color: transparent !important; +} +.md .item-floating-label ~ .item-input-wrap input::placeholder, +.md .item-floating-label ~ .item-input-wrap textarea::placeholder { + color: transparent !important; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +.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: #f44336; +} +/* === 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 { + color: #f44336; +} +.md .color-theme-red .stepper .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 { + color: #4caf50; +} +.md .color-theme-green .stepper .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 { + color: #2196f3; +} +.md .color-theme-blue .stepper .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 { + color: #e91e63; +} +.md .color-theme-pink .stepper .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 { + color: #ffeb3b; +} +.md .color-theme-yellow .stepper .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 { + color: #ff9800; +} +.md .color-theme-orange .stepper .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 { + color: #9e9e9e; +} +.md .color-theme-gray .stepper .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 { + color: #ffffff; +} +.md .color-theme-white .stepper .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 { + color: #000000; +} +.md .color-theme-black .stepper .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 { + color: #f44336; +} +.md .stepper.color-red .stepper-input-wrap input { + color: #f44336; +} +.md .stepper.color-red.stepper-fill .stepper-button, +.md .stepper.color-red.stepper-fill-md .stepper-button, +.md .stepper.color-red.stepper-fill .stepper-button-minus, +.md .stepper.color-red.stepper-fill-md .stepper-button-minus, +.md .stepper.color-red.stepper-fill .stepper-button-plus, +.md .stepper.color-red.stepper-fill-md .stepper-button-plus { + background-color: #f44336; + color: #fff; +} +.md .stepper.color-red.stepper-fill .stepper-button.active-state, +.md .stepper.color-red.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-red.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-red.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-red.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-red.stepper-fill-md .stepper-button-plus.active-state { + background: #f21f0f; +} +.md .stepper.color-red.stepper-fill .stepper-button:after, +.md .stepper.color-red.stepper-fill-md .stepper-button:after, +.md .stepper.color-red.stepper-fill .stepper-button-minus:after, +.md .stepper.color-red.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-red.stepper-fill .stepper-button-plus:after, +.md .stepper.color-red.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-red.stepper-fill .stepper-button:before, +.md .stepper.color-red.stepper-fill-md .stepper-button:before, +.md .stepper.color-red.stepper-fill .stepper-button-minus:before, +.md .stepper.color-red.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-red.stepper-fill .stepper-button-plus:before, +.md .stepper.color-red.stepper-fill-md .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 { + color: #4caf50; +} +.md .stepper.color-green .stepper-input-wrap input { + color: #4caf50; +} +.md .stepper.color-green.stepper-fill .stepper-button, +.md .stepper.color-green.stepper-fill-md .stepper-button, +.md .stepper.color-green.stepper-fill .stepper-button-minus, +.md .stepper.color-green.stepper-fill-md .stepper-button-minus, +.md .stepper.color-green.stepper-fill .stepper-button-plus, +.md .stepper.color-green.stepper-fill-md .stepper-button-plus { + background-color: #4caf50; + color: #fff; +} +.md .stepper.color-green.stepper-fill .stepper-button.active-state, +.md .stepper.color-green.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-green.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-green.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-green.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-green.stepper-fill-md .stepper-button-plus.active-state { + background: #409343; +} +.md .stepper.color-green.stepper-fill .stepper-button:after, +.md .stepper.color-green.stepper-fill-md .stepper-button:after, +.md .stepper.color-green.stepper-fill .stepper-button-minus:after, +.md .stepper.color-green.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-green.stepper-fill .stepper-button-plus:after, +.md .stepper.color-green.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-green.stepper-fill .stepper-button:before, +.md .stepper.color-green.stepper-fill-md .stepper-button:before, +.md .stepper.color-green.stepper-fill .stepper-button-minus:before, +.md .stepper.color-green.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-green.stepper-fill .stepper-button-plus:before, +.md .stepper.color-green.stepper-fill-md .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 { + color: #2196f3; +} +.md .stepper.color-blue .stepper-input-wrap input { + color: #2196f3; +} +.md .stepper.color-blue.stepper-fill .stepper-button, +.md .stepper.color-blue.stepper-fill-md .stepper-button, +.md .stepper.color-blue.stepper-fill .stepper-button-minus, +.md .stepper.color-blue.stepper-fill-md .stepper-button-minus, +.md .stepper.color-blue.stepper-fill .stepper-button-plus, +.md .stepper.color-blue.stepper-fill-md .stepper-button-plus { + background-color: #2196f3; + color: #fff; +} +.md .stepper.color-blue.stepper-fill .stepper-button.active-state, +.md .stepper.color-blue.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-blue.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-blue.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-blue.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-blue.stepper-fill-md .stepper-button-plus.active-state { + background: #0c82df; +} +.md .stepper.color-blue.stepper-fill .stepper-button:after, +.md .stepper.color-blue.stepper-fill-md .stepper-button:after, +.md .stepper.color-blue.stepper-fill .stepper-button-minus:after, +.md .stepper.color-blue.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-blue.stepper-fill .stepper-button-plus:after, +.md .stepper.color-blue.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-blue.stepper-fill .stepper-button:before, +.md .stepper.color-blue.stepper-fill-md .stepper-button:before, +.md .stepper.color-blue.stepper-fill .stepper-button-minus:before, +.md .stepper.color-blue.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-blue.stepper-fill .stepper-button-plus:before, +.md .stepper.color-blue.stepper-fill-md .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 { + color: #e91e63; +} +.md .stepper.color-pink .stepper-input-wrap input { + color: #e91e63; +} +.md .stepper.color-pink.stepper-fill .stepper-button, +.md .stepper.color-pink.stepper-fill-md .stepper-button, +.md .stepper.color-pink.stepper-fill .stepper-button-minus, +.md .stepper.color-pink.stepper-fill-md .stepper-button-minus, +.md .stepper.color-pink.stepper-fill .stepper-button-plus, +.md .stepper.color-pink.stepper-fill-md .stepper-button-plus { + background-color: #e91e63; + color: #fff; +} +.md .stepper.color-pink.stepper-fill .stepper-button.active-state, +.md .stepper.color-pink.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-pink.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-pink.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-pink.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-pink.stepper-fill-md .stepper-button-plus.active-state { + background: #ca1452; +} +.md .stepper.color-pink.stepper-fill .stepper-button:after, +.md .stepper.color-pink.stepper-fill-md .stepper-button:after, +.md .stepper.color-pink.stepper-fill .stepper-button-minus:after, +.md .stepper.color-pink.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-pink.stepper-fill .stepper-button-plus:after, +.md .stepper.color-pink.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-pink.stepper-fill .stepper-button:before, +.md .stepper.color-pink.stepper-fill-md .stepper-button:before, +.md .stepper.color-pink.stepper-fill .stepper-button-minus:before, +.md .stepper.color-pink.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-pink.stepper-fill .stepper-button-plus:before, +.md .stepper.color-pink.stepper-fill-md .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 { + color: #ffeb3b; +} +.md .stepper.color-yellow .stepper-input-wrap input { + color: #ffeb3b; +} +.md .stepper.color-yellow.stepper-fill .stepper-button, +.md .stepper.color-yellow.stepper-fill-md .stepper-button, +.md .stepper.color-yellow.stepper-fill .stepper-button-minus, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus, +.md .stepper.color-yellow.stepper-fill .stepper-button-plus, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus { + background-color: #ffeb3b; + color: #fff; +} +.md .stepper.color-yellow.stepper-fill .stepper-button.active-state, +.md .stepper.color-yellow.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-yellow.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-yellow.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus.active-state { + background: #ffe712; +} +.md .stepper.color-yellow.stepper-fill .stepper-button:after, +.md .stepper.color-yellow.stepper-fill-md .stepper-button:after, +.md .stepper.color-yellow.stepper-fill .stepper-button-minus:after, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-yellow.stepper-fill .stepper-button-plus:after, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-yellow.stepper-fill .stepper-button:before, +.md .stepper.color-yellow.stepper-fill-md .stepper-button:before, +.md .stepper.color-yellow.stepper-fill .stepper-button-minus:before, +.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-yellow.stepper-fill .stepper-button-plus:before, +.md .stepper.color-yellow.stepper-fill-md .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 { + color: #ff9800; +} +.md .stepper.color-orange .stepper-input-wrap input { + color: #ff9800; +} +.md .stepper.color-orange.stepper-fill .stepper-button, +.md .stepper.color-orange.stepper-fill-md .stepper-button, +.md .stepper.color-orange.stepper-fill .stepper-button-minus, +.md .stepper.color-orange.stepper-fill-md .stepper-button-minus, +.md .stepper.color-orange.stepper-fill .stepper-button-plus, +.md .stepper.color-orange.stepper-fill-md .stepper-button-plus { + background-color: #ff9800; + color: #fff; +} +.md .stepper.color-orange.stepper-fill .stepper-button.active-state, +.md .stepper.color-orange.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-orange.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-orange.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-orange.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-orange.stepper-fill-md .stepper-button-plus.active-state { + background: #d68000; +} +.md .stepper.color-orange.stepper-fill .stepper-button:after, +.md .stepper.color-orange.stepper-fill-md .stepper-button:after, +.md .stepper.color-orange.stepper-fill .stepper-button-minus:after, +.md .stepper.color-orange.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-orange.stepper-fill .stepper-button-plus:after, +.md .stepper.color-orange.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-orange.stepper-fill .stepper-button:before, +.md .stepper.color-orange.stepper-fill-md .stepper-button:before, +.md .stepper.color-orange.stepper-fill .stepper-button-minus:before, +.md .stepper.color-orange.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-orange.stepper-fill .stepper-button-plus:before, +.md .stepper.color-orange.stepper-fill-md .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 { + color: #9e9e9e; +} +.md .stepper.color-gray .stepper-input-wrap input { + color: #9e9e9e; +} +.md .stepper.color-gray.stepper-fill .stepper-button, +.md .stepper.color-gray.stepper-fill-md .stepper-button, +.md .stepper.color-gray.stepper-fill .stepper-button-minus, +.md .stepper.color-gray.stepper-fill-md .stepper-button-minus, +.md .stepper.color-gray.stepper-fill .stepper-button-plus, +.md .stepper.color-gray.stepper-fill-md .stepper-button-plus { + background-color: #9e9e9e; + color: #fff; +} +.md .stepper.color-gray.stepper-fill .stepper-button.active-state, +.md .stepper.color-gray.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-gray.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-gray.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-gray.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-gray.stepper-fill-md .stepper-button-plus.active-state { + background: #8a8a8a; +} +.md .stepper.color-gray.stepper-fill .stepper-button:after, +.md .stepper.color-gray.stepper-fill-md .stepper-button:after, +.md .stepper.color-gray.stepper-fill .stepper-button-minus:after, +.md .stepper.color-gray.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-gray.stepper-fill .stepper-button-plus:after, +.md .stepper.color-gray.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-gray.stepper-fill .stepper-button:before, +.md .stepper.color-gray.stepper-fill-md .stepper-button:before, +.md .stepper.color-gray.stepper-fill .stepper-button-minus:before, +.md .stepper.color-gray.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-gray.stepper-fill .stepper-button-plus:before, +.md .stepper.color-gray.stepper-fill-md .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 { + color: #ffffff; +} +.md .stepper.color-white .stepper-input-wrap input { + color: #ffffff; +} +.md .stepper.color-white.stepper-fill .stepper-button, +.md .stepper.color-white.stepper-fill-md .stepper-button, +.md .stepper.color-white.stepper-fill .stepper-button-minus, +.md .stepper.color-white.stepper-fill-md .stepper-button-minus, +.md .stepper.color-white.stepper-fill .stepper-button-plus, +.md .stepper.color-white.stepper-fill-md .stepper-button-plus { + background-color: #ffffff; + color: #fff; +} +.md .stepper.color-white.stepper-fill .stepper-button.active-state, +.md .stepper.color-white.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-white.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-white.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-white.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-white.stepper-fill-md .stepper-button-plus.active-state { + background: #ebebeb; +} +.md .stepper.color-white.stepper-fill .stepper-button:after, +.md .stepper.color-white.stepper-fill-md .stepper-button:after, +.md .stepper.color-white.stepper-fill .stepper-button-minus:after, +.md .stepper.color-white.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-white.stepper-fill .stepper-button-plus:after, +.md .stepper.color-white.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-white.stepper-fill .stepper-button:before, +.md .stepper.color-white.stepper-fill-md .stepper-button:before, +.md .stepper.color-white.stepper-fill .stepper-button-minus:before, +.md .stepper.color-white.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-white.stepper-fill .stepper-button-plus:before, +.md .stepper.color-white.stepper-fill-md .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 { + color: #000000; +} +.md .stepper.color-black .stepper-input-wrap input { + color: #000000; +} +.md .stepper.color-black.stepper-fill .stepper-button, +.md .stepper.color-black.stepper-fill-md .stepper-button, +.md .stepper.color-black.stepper-fill .stepper-button-minus, +.md .stepper.color-black.stepper-fill-md .stepper-button-minus, +.md .stepper.color-black.stepper-fill .stepper-button-plus, +.md .stepper.color-black.stepper-fill-md .stepper-button-plus { + background-color: #000000; + color: #fff; +} +.md .stepper.color-black.stepper-fill .stepper-button.active-state, +.md .stepper.color-black.stepper-fill-md .stepper-button.active-state, +.md .stepper.color-black.stepper-fill .stepper-button-minus.active-state, +.md .stepper.color-black.stepper-fill-md .stepper-button-minus.active-state, +.md .stepper.color-black.stepper-fill .stepper-button-plus.active-state, +.md .stepper.color-black.stepper-fill-md .stepper-button-plus.active-state { + background: #000000; +} +.md .stepper.color-black.stepper-fill .stepper-button:after, +.md .stepper.color-black.stepper-fill-md .stepper-button:after, +.md .stepper.color-black.stepper-fill .stepper-button-minus:after, +.md .stepper.color-black.stepper-fill-md .stepper-button-minus:after, +.md .stepper.color-black.stepper-fill .stepper-button-plus:after, +.md .stepper.color-black.stepper-fill-md .stepper-button-plus:after, +.md .stepper.color-black.stepper-fill .stepper-button:before, +.md .stepper.color-black.stepper-fill-md .stepper-button:before, +.md .stepper.color-black.stepper-fill .stepper-button-minus:before, +.md .stepper.color-black.stepper-fill-md .stepper-button-minus:before, +.md .stepper.color-black.stepper-fill .stepper-button-plus:before, +.md .stepper.color-black.stepper-fill-md .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 span { + color: #fff; +} +.calendar-day.calendar-day-has-events span:after { + content: ''; + width: 4px; + height: 4px; + border-radius: 50%; + position: absolute; + margin-left: -2px; + left: 50%; + bottom: 1px; +} +.calendar-day span { + display: inline-block; + border-radius: 100%; + position: relative; +} +.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 span { + 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 span, +.calendar-year-selector span { + -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 span { + color: #2196f3; +} +.md .calendar-day.calendar-day-has-events span:after { + background: #2196f3; +} +.md .calendar-day.calendar-day-has-events.calendar-day-selected span:after { + background-color: #fff; +} +.md .calendar-day.calendar-day-selected span { + background: #2196f3; + color: #fff; +} +.md .calendar-day span { + width: 36px; + height: 36px; + line-height: 36px; +} +.md .calendar-range .calendar-day.calendar-day-selected span { + 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 span, +.md .color-red .calendar-day.calendar-day-today span { + color: #f44336; +} +.md .color-theme-red .calendar-day.calendar-day-has-events span:after, +.md .color-red .calendar-day.calendar-day-has-events span:after { + background: #f44336; +} +.md .color-theme-red .calendar-day.calendar-day-selected span, +.md .color-red .calendar-day.calendar-day-selected span { + background: #f44336; + color: #fff; +} +.md .color-theme-red .calendar-day.calendar-day-selected span:after, +.md .color-red .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-green .calendar-header, +.md .color-green .calendar-header { + background: #4caf50; +} +.md .color-theme-green .calendar-day.calendar-day-today span, +.md .color-green .calendar-day.calendar-day-today span { + color: #4caf50; +} +.md .color-theme-green .calendar-day.calendar-day-has-events span:after, +.md .color-green .calendar-day.calendar-day-has-events span:after { + background: #4caf50; +} +.md .color-theme-green .calendar-day.calendar-day-selected span, +.md .color-green .calendar-day.calendar-day-selected span { + background: #4caf50; + color: #fff; +} +.md .color-theme-green .calendar-day.calendar-day-selected span:after, +.md .color-green .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-blue .calendar-header, +.md .color-blue .calendar-header { + background: #2196f3; +} +.md .color-theme-blue .calendar-day.calendar-day-today span, +.md .color-blue .calendar-day.calendar-day-today span { + color: #2196f3; +} +.md .color-theme-blue .calendar-day.calendar-day-has-events span:after, +.md .color-blue .calendar-day.calendar-day-has-events span:after { + background: #2196f3; +} +.md .color-theme-blue .calendar-day.calendar-day-selected span, +.md .color-blue .calendar-day.calendar-day-selected span { + background: #2196f3; + color: #fff; +} +.md .color-theme-blue .calendar-day.calendar-day-selected span:after, +.md .color-blue .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-pink .calendar-header, +.md .color-pink .calendar-header { + background: #e91e63; +} +.md .color-theme-pink .calendar-day.calendar-day-today span, +.md .color-pink .calendar-day.calendar-day-today span { + color: #e91e63; +} +.md .color-theme-pink .calendar-day.calendar-day-has-events span:after, +.md .color-pink .calendar-day.calendar-day-has-events span:after { + background: #e91e63; +} +.md .color-theme-pink .calendar-day.calendar-day-selected span, +.md .color-pink .calendar-day.calendar-day-selected span { + background: #e91e63; + color: #fff; +} +.md .color-theme-pink .calendar-day.calendar-day-selected span:after, +.md .color-pink .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-yellow .calendar-header, +.md .color-yellow .calendar-header { + background: #ffeb3b; +} +.md .color-theme-yellow .calendar-day.calendar-day-today span, +.md .color-yellow .calendar-day.calendar-day-today span { + color: #ffeb3b; +} +.md .color-theme-yellow .calendar-day.calendar-day-has-events span:after, +.md .color-yellow .calendar-day.calendar-day-has-events span:after { + background: #ffeb3b; +} +.md .color-theme-yellow .calendar-day.calendar-day-selected span, +.md .color-yellow .calendar-day.calendar-day-selected span { + background: #ffeb3b; + color: #fff; +} +.md .color-theme-yellow .calendar-day.calendar-day-selected span:after, +.md .color-yellow .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-orange .calendar-header, +.md .color-orange .calendar-header { + background: #ff9800; +} +.md .color-theme-orange .calendar-day.calendar-day-today span, +.md .color-orange .calendar-day.calendar-day-today span { + color: #ff9800; +} +.md .color-theme-orange .calendar-day.calendar-day-has-events span:after, +.md .color-orange .calendar-day.calendar-day-has-events span:after { + background: #ff9800; +} +.md .color-theme-orange .calendar-day.calendar-day-selected span, +.md .color-orange .calendar-day.calendar-day-selected span { + background: #ff9800; + color: #fff; +} +.md .color-theme-orange .calendar-day.calendar-day-selected span:after, +.md .color-orange .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-gray .calendar-header, +.md .color-gray .calendar-header { + background: #9e9e9e; +} +.md .color-theme-gray .calendar-day.calendar-day-today span, +.md .color-gray .calendar-day.calendar-day-today span { + color: #9e9e9e; +} +.md .color-theme-gray .calendar-day.calendar-day-has-events span:after, +.md .color-gray .calendar-day.calendar-day-has-events span:after { + background: #9e9e9e; +} +.md .color-theme-gray .calendar-day.calendar-day-selected span, +.md .color-gray .calendar-day.calendar-day-selected span { + background: #9e9e9e; + color: #fff; +} +.md .color-theme-gray .calendar-day.calendar-day-selected span:after, +.md .color-gray .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-white .calendar-header, +.md .color-white .calendar-header { + background: #ffffff; +} +.md .color-theme-white .calendar-day.calendar-day-today span, +.md .color-white .calendar-day.calendar-day-today span { + color: #ffffff; +} +.md .color-theme-white .calendar-day.calendar-day-has-events span:after, +.md .color-white .calendar-day.calendar-day-has-events span:after { + background: #ffffff; +} +.md .color-theme-white .calendar-day.calendar-day-selected span, +.md .color-white .calendar-day.calendar-day-selected span { + background: #ffffff; + color: #fff; +} +.md .color-theme-white .calendar-day.calendar-day-selected span:after, +.md .color-white .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +.md .color-theme-black .calendar-header, +.md .color-black .calendar-header { + background: #000000; +} +.md .color-theme-black .calendar-day.calendar-day-today span, +.md .color-black .calendar-day.calendar-day-today span { + color: #000000; +} +.md .color-theme-black .calendar-day.calendar-day-has-events span:after, +.md .color-black .calendar-day.calendar-day-has-events span:after { + background: #000000; +} +.md .color-theme-black .calendar-day.calendar-day-selected span, +.md .color-black .calendar-day.calendar-day-selected span { + background: #000000; + color: #fff; +} +.md .color-theme-black .calendar-day.calendar-day-selected span:after, +.md .color-black .calendar-day.calendar-day-selected span:after { + background-color: #fff; +} +/* === 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 .searchbar-disable-button { + -webkit-transform: rotate(0deg) scale(1); + transform: rotate(0deg) scale(1); + pointer-events: auto; + opacity: 1; +} +.md .searchbar-enabled .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-invisible-blank-slide { + 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..1eddb85 --- /dev/null +++ b/framework7/css/framework7.rtl.md.min.css @@ -0,0 +1,12 @@ +/** + * Framework7 3.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2018 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: July 5, 2018 + */ +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,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,0,0);transform:translate3d(0,0,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,0,0);transform:translate3d(0,0,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:0}.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>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.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}li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20}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(0,0,0) scale(0);transform:translate3d(0,0,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:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 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:0 20px 44px rgba(0,0,0,.5);box-shadow:0 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:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 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:10500}.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}.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:13500;-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)}.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 0 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:0 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(0,0,0);transform:translate3d(0,0,0)}html.with-panel-right-cover .panel-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,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:0 0 20px rgba(0,0,0,.5);box-shadow:0 0 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:0 0 20px rgba(0,0,0,.5);box-shadow:0 0 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:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 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{color:transparent!important}.md .item-floating-label~.item-input-wrap input:-ms-input-placeholder,.md .item-floating-label~.item-input-wrap textarea:-ms-input-placeholder{color:transparent!important}.md .item-floating-label~.item-input-wrap input::-ms-input-placeholder,.md .item-floating-label~.item-input-wrap textarea::-ms-input-placeholder{color:transparent!important}.md .item-floating-label~.item-input-wrap input::placeholder,.md .item-floating-label~.item-input-wrap textarea::placeholder{color:transparent!important}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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(0);transform:translateX(0);-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:0;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-value{color:#f44336}.md .color-theme-red .stepper .stepper-input-wrap input{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-value{color:#4caf50}.md .color-theme-green .stepper .stepper-input-wrap input{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-value{color:#2196f3}.md .color-theme-blue .stepper .stepper-input-wrap input{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-value{color:#e91e63}.md .color-theme-pink .stepper .stepper-input-wrap input{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-value{color:#ffeb3b}.md .color-theme-yellow .stepper .stepper-input-wrap input{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-value{color:#ff9800}.md .color-theme-orange .stepper .stepper-input-wrap input{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-value{color:#9e9e9e}.md .color-theme-gray .stepper .stepper-input-wrap input{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-value{color:#fff}.md .color-theme-white .stepper .stepper-input-wrap input{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-value{color:#000}.md .color-theme-black .stepper .stepper-input-wrap input{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-value{color:#f44336}.md .stepper.color-red .stepper-input-wrap input{color:#f44336}.md .stepper.color-red.stepper-fill .stepper-button,.md .stepper.color-red.stepper-fill .stepper-button-minus,.md .stepper.color-red.stepper-fill .stepper-button-plus,.md .stepper.color-red.stepper-fill-md .stepper-button,.md .stepper.color-red.stepper-fill-md .stepper-button-minus,.md .stepper.color-red.stepper-fill-md .stepper-button-plus{background-color:#f44336;color:#fff}.md .stepper.color-red.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-red.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-red.stepper-fill .stepper-button.active-state,.md .stepper.color-red.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-red.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-red.stepper-fill-md .stepper-button.active-state{background:#f21f0f}.md .stepper.color-red.stepper-fill .stepper-button-minus:after,.md .stepper.color-red.stepper-fill .stepper-button-minus:before,.md .stepper.color-red.stepper-fill .stepper-button-plus:after,.md .stepper.color-red.stepper-fill .stepper-button-plus:before,.md .stepper.color-red.stepper-fill .stepper-button:after,.md .stepper.color-red.stepper-fill .stepper-button:before,.md .stepper.color-red.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-red.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-red.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-red.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-red.stepper-fill-md .stepper-button:after,.md .stepper.color-red.stepper-fill-md .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-value{color:#4caf50}.md .stepper.color-green .stepper-input-wrap input{color:#4caf50}.md .stepper.color-green.stepper-fill .stepper-button,.md .stepper.color-green.stepper-fill .stepper-button-minus,.md .stepper.color-green.stepper-fill .stepper-button-plus,.md .stepper.color-green.stepper-fill-md .stepper-button,.md .stepper.color-green.stepper-fill-md .stepper-button-minus,.md .stepper.color-green.stepper-fill-md .stepper-button-plus{background-color:#4caf50;color:#fff}.md .stepper.color-green.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-green.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-green.stepper-fill .stepper-button.active-state,.md .stepper.color-green.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-green.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-green.stepper-fill-md .stepper-button.active-state{background:#409343}.md .stepper.color-green.stepper-fill .stepper-button-minus:after,.md .stepper.color-green.stepper-fill .stepper-button-minus:before,.md .stepper.color-green.stepper-fill .stepper-button-plus:after,.md .stepper.color-green.stepper-fill .stepper-button-plus:before,.md .stepper.color-green.stepper-fill .stepper-button:after,.md .stepper.color-green.stepper-fill .stepper-button:before,.md .stepper.color-green.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-green.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-green.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-green.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-green.stepper-fill-md .stepper-button:after,.md .stepper.color-green.stepper-fill-md .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-value{color:#2196f3}.md .stepper.color-blue .stepper-input-wrap input{color:#2196f3}.md .stepper.color-blue.stepper-fill .stepper-button,.md .stepper.color-blue.stepper-fill .stepper-button-minus,.md .stepper.color-blue.stepper-fill .stepper-button-plus,.md .stepper.color-blue.stepper-fill-md .stepper-button,.md .stepper.color-blue.stepper-fill-md .stepper-button-minus,.md .stepper.color-blue.stepper-fill-md .stepper-button-plus{background-color:#2196f3;color:#fff}.md .stepper.color-blue.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-blue.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-blue.stepper-fill .stepper-button.active-state,.md .stepper.color-blue.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-blue.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-blue.stepper-fill-md .stepper-button.active-state{background:#0c82df}.md .stepper.color-blue.stepper-fill .stepper-button-minus:after,.md .stepper.color-blue.stepper-fill .stepper-button-minus:before,.md .stepper.color-blue.stepper-fill .stepper-button-plus:after,.md .stepper.color-blue.stepper-fill .stepper-button-plus:before,.md .stepper.color-blue.stepper-fill .stepper-button:after,.md .stepper.color-blue.stepper-fill .stepper-button:before,.md .stepper.color-blue.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-blue.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-blue.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-blue.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-blue.stepper-fill-md .stepper-button:after,.md .stepper.color-blue.stepper-fill-md .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-value{color:#e91e63}.md .stepper.color-pink .stepper-input-wrap input{color:#e91e63}.md .stepper.color-pink.stepper-fill .stepper-button,.md .stepper.color-pink.stepper-fill .stepper-button-minus,.md .stepper.color-pink.stepper-fill .stepper-button-plus,.md .stepper.color-pink.stepper-fill-md .stepper-button,.md .stepper.color-pink.stepper-fill-md .stepper-button-minus,.md .stepper.color-pink.stepper-fill-md .stepper-button-plus{background-color:#e91e63;color:#fff}.md .stepper.color-pink.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-pink.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-pink.stepper-fill .stepper-button.active-state,.md .stepper.color-pink.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-pink.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-pink.stepper-fill-md .stepper-button.active-state{background:#ca1452}.md .stepper.color-pink.stepper-fill .stepper-button-minus:after,.md .stepper.color-pink.stepper-fill .stepper-button-minus:before,.md .stepper.color-pink.stepper-fill .stepper-button-plus:after,.md .stepper.color-pink.stepper-fill .stepper-button-plus:before,.md .stepper.color-pink.stepper-fill .stepper-button:after,.md .stepper.color-pink.stepper-fill .stepper-button:before,.md .stepper.color-pink.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-pink.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-pink.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-pink.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-pink.stepper-fill-md .stepper-button:after,.md .stepper.color-pink.stepper-fill-md .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-value{color:#ffeb3b}.md .stepper.color-yellow .stepper-input-wrap input{color:#ffeb3b}.md .stepper.color-yellow.stepper-fill .stepper-button,.md .stepper.color-yellow.stepper-fill .stepper-button-minus,.md .stepper.color-yellow.stepper-fill .stepper-button-plus,.md .stepper.color-yellow.stepper-fill-md .stepper-button,.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus,.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus{background-color:#ffeb3b;color:#fff}.md .stepper.color-yellow.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-yellow.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-yellow.stepper-fill .stepper-button.active-state,.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-yellow.stepper-fill-md .stepper-button.active-state{background:#ffe712}.md .stepper.color-yellow.stepper-fill .stepper-button-minus:after,.md .stepper.color-yellow.stepper-fill .stepper-button-minus:before,.md .stepper.color-yellow.stepper-fill .stepper-button-plus:after,.md .stepper.color-yellow.stepper-fill .stepper-button-plus:before,.md .stepper.color-yellow.stepper-fill .stepper-button:after,.md .stepper.color-yellow.stepper-fill .stepper-button:before,.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-yellow.stepper-fill-md .stepper-button:after,.md .stepper.color-yellow.stepper-fill-md .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-value{color:#ff9800}.md .stepper.color-orange .stepper-input-wrap input{color:#ff9800}.md .stepper.color-orange.stepper-fill .stepper-button,.md .stepper.color-orange.stepper-fill .stepper-button-minus,.md .stepper.color-orange.stepper-fill .stepper-button-plus,.md .stepper.color-orange.stepper-fill-md .stepper-button,.md .stepper.color-orange.stepper-fill-md .stepper-button-minus,.md .stepper.color-orange.stepper-fill-md .stepper-button-plus{background-color:#ff9800;color:#fff}.md .stepper.color-orange.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-orange.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-orange.stepper-fill .stepper-button.active-state,.md .stepper.color-orange.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-orange.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-orange.stepper-fill-md .stepper-button.active-state{background:#d68000}.md .stepper.color-orange.stepper-fill .stepper-button-minus:after,.md .stepper.color-orange.stepper-fill .stepper-button-minus:before,.md .stepper.color-orange.stepper-fill .stepper-button-plus:after,.md .stepper.color-orange.stepper-fill .stepper-button-plus:before,.md .stepper.color-orange.stepper-fill .stepper-button:after,.md .stepper.color-orange.stepper-fill .stepper-button:before,.md .stepper.color-orange.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-orange.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-orange.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-orange.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-orange.stepper-fill-md .stepper-button:after,.md .stepper.color-orange.stepper-fill-md .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-value{color:#9e9e9e}.md .stepper.color-gray .stepper-input-wrap input{color:#9e9e9e}.md .stepper.color-gray.stepper-fill .stepper-button,.md .stepper.color-gray.stepper-fill .stepper-button-minus,.md .stepper.color-gray.stepper-fill .stepper-button-plus,.md .stepper.color-gray.stepper-fill-md .stepper-button,.md .stepper.color-gray.stepper-fill-md .stepper-button-minus,.md .stepper.color-gray.stepper-fill-md .stepper-button-plus{background-color:#9e9e9e;color:#fff}.md .stepper.color-gray.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-gray.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-gray.stepper-fill .stepper-button.active-state,.md .stepper.color-gray.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-gray.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-gray.stepper-fill-md .stepper-button.active-state{background:#8a8a8a}.md .stepper.color-gray.stepper-fill .stepper-button-minus:after,.md .stepper.color-gray.stepper-fill .stepper-button-minus:before,.md .stepper.color-gray.stepper-fill .stepper-button-plus:after,.md .stepper.color-gray.stepper-fill .stepper-button-plus:before,.md .stepper.color-gray.stepper-fill .stepper-button:after,.md .stepper.color-gray.stepper-fill .stepper-button:before,.md .stepper.color-gray.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-gray.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-gray.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-gray.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-gray.stepper-fill-md .stepper-button:after,.md .stepper.color-gray.stepper-fill-md .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-value{color:#fff}.md .stepper.color-white .stepper-input-wrap input{color:#fff}.md .stepper.color-white.stepper-fill .stepper-button,.md .stepper.color-white.stepper-fill .stepper-button-minus,.md .stepper.color-white.stepper-fill .stepper-button-plus,.md .stepper.color-white.stepper-fill-md .stepper-button,.md .stepper.color-white.stepper-fill-md .stepper-button-minus,.md .stepper.color-white.stepper-fill-md .stepper-button-plus{background-color:#fff;color:#fff}.md .stepper.color-white.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-white.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-white.stepper-fill .stepper-button.active-state,.md .stepper.color-white.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-white.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-white.stepper-fill-md .stepper-button.active-state{background:#ebebeb}.md .stepper.color-white.stepper-fill .stepper-button-minus:after,.md .stepper.color-white.stepper-fill .stepper-button-minus:before,.md .stepper.color-white.stepper-fill .stepper-button-plus:after,.md .stepper.color-white.stepper-fill .stepper-button-plus:before,.md .stepper.color-white.stepper-fill .stepper-button:after,.md .stepper.color-white.stepper-fill .stepper-button:before,.md .stepper.color-white.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-white.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-white.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-white.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-white.stepper-fill-md .stepper-button:after,.md .stepper.color-white.stepper-fill-md .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-value{color:#000}.md .stepper.color-black .stepper-input-wrap input{color:#000}.md .stepper.color-black.stepper-fill .stepper-button,.md .stepper.color-black.stepper-fill .stepper-button-minus,.md .stepper.color-black.stepper-fill .stepper-button-plus,.md .stepper.color-black.stepper-fill-md .stepper-button,.md .stepper.color-black.stepper-fill-md .stepper-button-minus,.md .stepper.color-black.stepper-fill-md .stepper-button-plus{background-color:#000;color:#fff}.md .stepper.color-black.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-black.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-black.stepper-fill .stepper-button.active-state,.md .stepper.color-black.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-black.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-black.stepper-fill-md .stepper-button.active-state{background:#000}.md .stepper.color-black.stepper-fill .stepper-button-minus:after,.md .stepper.color-black.stepper-fill .stepper-button-minus:before,.md .stepper.color-black.stepper-fill .stepper-button-plus:after,.md .stepper.color-black.stepper-fill .stepper-button-plus:before,.md .stepper.color-black.stepper-fill .stepper-button:after,.md .stepper.color-black.stepper-fill .stepper-button:before,.md .stepper.color-black.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-black.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-black.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-black.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-black.stepper-fill-md .stepper-button:after,.md .stepper.color-black.stepper-fill-md .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 span{color:#fff}.calendar-day.calendar-day-has-events span:after{content:'';width:4px;height:4px;border-radius:50%;position:absolute;margin-left:-2px;left:50%;bottom:1px}.calendar-day span{display:inline-block;border-radius:100%;position:relative}.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 span{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 span,.calendar-year-selector span{-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 span{color:#2196f3}.md .calendar-day.calendar-day-has-events span:after{background:#2196f3}.md .calendar-day.calendar-day-has-events.calendar-day-selected span:after{background-color:#fff}.md .calendar-day.calendar-day-selected span{background:#2196f3;color:#fff}.md .calendar-day span{width:36px;height:36px;line-height:36px}.md .calendar-range .calendar-day.calendar-day-selected span{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 span,.md .color-theme-red .calendar-day.calendar-day-today span{color:#f44336}.md .color-red .calendar-day.calendar-day-has-events span:after,.md .color-theme-red .calendar-day.calendar-day-has-events span:after{background:#f44336}.md .color-red .calendar-day.calendar-day-selected span,.md .color-theme-red .calendar-day.calendar-day-selected span{background:#f44336;color:#fff}.md .color-red .calendar-day.calendar-day-selected span:after,.md .color-theme-red .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-green .calendar-header,.md .color-theme-green .calendar-header{background:#4caf50}.md .color-green .calendar-day.calendar-day-today span,.md .color-theme-green .calendar-day.calendar-day-today span{color:#4caf50}.md .color-green .calendar-day.calendar-day-has-events span:after,.md .color-theme-green .calendar-day.calendar-day-has-events span:after{background:#4caf50}.md .color-green .calendar-day.calendar-day-selected span,.md .color-theme-green .calendar-day.calendar-day-selected span{background:#4caf50;color:#fff}.md .color-green .calendar-day.calendar-day-selected span:after,.md .color-theme-green .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-blue .calendar-header,.md .color-theme-blue .calendar-header{background:#2196f3}.md .color-blue .calendar-day.calendar-day-today span,.md .color-theme-blue .calendar-day.calendar-day-today span{color:#2196f3}.md .color-blue .calendar-day.calendar-day-has-events span:after,.md .color-theme-blue .calendar-day.calendar-day-has-events span:after{background:#2196f3}.md .color-blue .calendar-day.calendar-day-selected span,.md .color-theme-blue .calendar-day.calendar-day-selected span{background:#2196f3;color:#fff}.md .color-blue .calendar-day.calendar-day-selected span:after,.md .color-theme-blue .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-pink .calendar-header,.md .color-theme-pink .calendar-header{background:#e91e63}.md .color-pink .calendar-day.calendar-day-today span,.md .color-theme-pink .calendar-day.calendar-day-today span{color:#e91e63}.md .color-pink .calendar-day.calendar-day-has-events span:after,.md .color-theme-pink .calendar-day.calendar-day-has-events span:after{background:#e91e63}.md .color-pink .calendar-day.calendar-day-selected span,.md .color-theme-pink .calendar-day.calendar-day-selected span{background:#e91e63;color:#fff}.md .color-pink .calendar-day.calendar-day-selected span:after,.md .color-theme-pink .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-theme-yellow .calendar-header,.md .color-yellow .calendar-header{background:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-today span,.md .color-yellow .calendar-day.calendar-day-today span{color:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-has-events span:after,.md .color-yellow .calendar-day.calendar-day-has-events span:after{background:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-selected span,.md .color-yellow .calendar-day.calendar-day-selected span{background:#ffeb3b;color:#fff}.md .color-theme-yellow .calendar-day.calendar-day-selected span:after,.md .color-yellow .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-orange .calendar-header,.md .color-theme-orange .calendar-header{background:#ff9800}.md .color-orange .calendar-day.calendar-day-today span,.md .color-theme-orange .calendar-day.calendar-day-today span{color:#ff9800}.md .color-orange .calendar-day.calendar-day-has-events span:after,.md .color-theme-orange .calendar-day.calendar-day-has-events span:after{background:#ff9800}.md .color-orange .calendar-day.calendar-day-selected span,.md .color-theme-orange .calendar-day.calendar-day-selected span{background:#ff9800;color:#fff}.md .color-orange .calendar-day.calendar-day-selected span:after,.md .color-theme-orange .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-gray .calendar-header,.md .color-theme-gray .calendar-header{background:#9e9e9e}.md .color-gray .calendar-day.calendar-day-today span,.md .color-theme-gray .calendar-day.calendar-day-today span{color:#9e9e9e}.md .color-gray .calendar-day.calendar-day-has-events span:after,.md .color-theme-gray .calendar-day.calendar-day-has-events span:after{background:#9e9e9e}.md .color-gray .calendar-day.calendar-day-selected span,.md .color-theme-gray .calendar-day.calendar-day-selected span{background:#9e9e9e;color:#fff}.md .color-gray .calendar-day.calendar-day-selected span:after,.md .color-theme-gray .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-theme-white .calendar-header,.md .color-white .calendar-header{background:#fff}.md .color-theme-white .calendar-day.calendar-day-today span,.md .color-white .calendar-day.calendar-day-today span{color:#fff}.md .color-theme-white .calendar-day.calendar-day-has-events span:after,.md .color-white .calendar-day.calendar-day-has-events span:after{background:#fff}.md .color-theme-white .calendar-day.calendar-day-selected span,.md .color-white .calendar-day.calendar-day-selected span{background:#fff;color:#fff}.md .color-theme-white .calendar-day.calendar-day-selected span:after,.md .color-white .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-black .calendar-header,.md .color-theme-black .calendar-header{background:#000}.md .color-black .calendar-day.calendar-day-today span,.md .color-theme-black .calendar-day.calendar-day-today span{color:#000}.md .color-black .calendar-day.calendar-day-has-events span:after,.md .color-theme-black .calendar-day.calendar-day-has-events span:after{background:#000}.md .color-black .calendar-day.calendar-day-selected span,.md .color-theme-black .calendar-day.calendar-day-selected span{background:#000;color:#fff}.md .color-black .calendar-day.calendar-day-selected span:after,.md .color-theme-black .calendar-day.calendar-day-selected span:after{background-color:#fff}.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(0);transform:translate3d(0,0,0) rotateX(0)}.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:0;height:0;position:absolute;left:-5px;bottom:0;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(0) scale(1);transform:translate3d(-50%,-50%,0) rotate(0) 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(0) scale(1);transform:translate3d(-50%,-50%,0) rotate(0) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1)!important;transform:translate3d(0,0,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,0,0) scale(.3);transform:translate3d(8px,0,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:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 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:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 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:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 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 .searchbar-disable-button{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled .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(0,0,0);transform:translate3d(0,0,0);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:0 0 2px rgba(0,0,0,.2);box-shadow:0 0 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:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 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(0,0,0);transform:translate3d(0,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-invisible-blank-slide{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:0;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(0,-50%,0);transform:translate3d(0,-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,0,0);transform:translate3d(0,0,0)}.md .toolbar~.photo-browser-captions.photo-browser-captions-exposed{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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:0;-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:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.elevation-1{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.elevation-2{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.elevation-3{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.elevation-4{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.elevation-5{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.elevation-6{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.elevation-7{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.elevation-8{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.elevation-9{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.elevation-10{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.elevation-11{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.elevation-12{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.elevation-13{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.elevation-14{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.elevation-15{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.elevation-16{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.elevation-17{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.elevation-18{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.elevation-19{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.elevation-20{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.elevation-21{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.elevation-22{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.elevation-23{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.elevation-24{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-0:hover{-webkit-box-shadow:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.device-desktop .elevation-hover-1:hover{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-2:hover{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-3:hover{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-4:hover{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-5:hover{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-6:hover{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-7:hover{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-8:hover{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-9:hover{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-10:hover{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-11:hover{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-12:hover{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-13:hover{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-14:hover{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-15:hover{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-16:hover{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-17:hover{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-18:hover{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-19:hover{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-20:hover{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-21:hover{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-22:hover{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-23:hover{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-24:hover{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{-webkit-box-shadow:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 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..8b3402a --- /dev/null +++ b/framework7/css/framework7.rtl.min.css @@ -0,0 +1,12 @@ +/** + * Framework7 3.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2018 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: July 5, 2018 + */ +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 UI Text,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,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,0,0);transform:translate3d(0,0,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,0,0);transform:translate3d(0,0,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:0}.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>.item-content>.item-inner:after,.list li:last-child>.item-inner:after,.list li:last-child>.item-link>.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}li.list-group-title{position:relative;position:-webkit-sticky;position:sticky;top:0;margin-top:0;z-index:20}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}.item-after .ios .badge{min-width: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(0,0,0) scale(0);transform:translate3d(0,0,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}.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}.md .dialog{width:280px;margin-left:-140px;border-radius:4px;color:#757575;background:#fff;font-size:16px;-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 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:0 20px 44px rgba(0,0,0,.5);box-shadow:0 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}.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}.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}.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}.md .popover{background:#fff;border-radius:4px;-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 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}.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(0 - constant(safe-area-inset-bottom)),0);transform:translate3d(0,calc(0 - constant(safe-area-inset-bottom)),0);-webkit-transform:translate3d(0,calc(0 - env(safe-area-inset-bottom)),0);transform:translate3d(0,calc(0 - env(safe-area-inset-bottom)),0)}.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:10500}.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}.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}.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))}}.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}.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:13500;-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)}}.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)}}.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)}}.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)}.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:0 2px 8px rgba(0,0,0,.6);box-shadow:0 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))}}.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)}.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}.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}.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")}.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}.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}.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}.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}.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}.ios .timeline{margin:35px 0;padding:0 15px}.ios .block-strong .timeline{padding:0;margin:0}.ios .timeline-item{padding:2px 0 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:0 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}.md .timeline{margin:32px 0;padding:0 16px}.md .block-strong .timeline{padding:0;margin:0}.md .timeline-item{padding:2px 0 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:0 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(0,0,0);transform:translate3d(0,0,0)}html.with-panel-right-cover .panel-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,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}.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:0 0 20px rgba(0,0,0,.5);box-shadow:0 0 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:0 0 20px rgba(0,0,0,.5);box-shadow:0 0 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}.ios .card .list ul,.ios .cards-list ul{background:0 0}.ios .card{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 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}.md .card .list ul,.md .cards-list ul{background:0 0}.md .card{margin:8px;-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 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}.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}.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}.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}.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{color:transparent!important}.md .item-floating-label~.item-input-wrap input:-ms-input-placeholder,.md .item-floating-label~.item-input-wrap textarea:-ms-input-placeholder{color:transparent!important}.md .item-floating-label~.item-input-wrap input::-ms-input-placeholder,.md .item-floating-label~.item-input-wrap textarea::-ms-input-placeholder{color:transparent!important}.md .item-floating-label~.item-input-wrap input::placeholder,.md .item-floating-label~.item-input-wrap textarea::placeholder{color:transparent!important}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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:#f44336}.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}.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}.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}.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(0);transform:translateX(0);-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}.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)}.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}.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:0;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}.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 .stepper-button,.ios .color-theme-red .stepper .stepper-button-minus,.ios .color-theme-red .stepper .stepper-button-plus{border-color:#ff3b30;color:#ff3b30}.ios .color-theme-red .stepper .stepper-button-minus.active-state,.ios .color-theme-red .stepper .stepper-button-plus.active-state,.ios .color-theme-red .stepper .stepper-button.active-state{background-color:rgba(255,59,48,.15)}.ios .color-theme-red .stepper .stepper-button-minus:after,.ios .color-theme-red .stepper .stepper-button-minus:before,.ios .color-theme-red .stepper .stepper-button-plus:after,.ios .color-theme-red .stepper .stepper-button-plus:before{background-color:#ff3b30}.ios .color-theme-red .stepper .stepper-input-wrap,.ios .color-theme-red .stepper .stepper-value{border-top-color:#ff3b30;border-bottom-color:#ff3b30}.ios .color-theme-red .stepper .stepper-value{color:#ff3b30}.ios .color-theme-red .stepper .stepper-input-wrap input{color:#ff3b30}.ios .color-theme-red .stepper.stepper-fill .stepper-button,.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus{background-color:#ff3b30}.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-red .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-red .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-red .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#ff3b30;border-color:#ff3b30;background-color:transparent}.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-red .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-red .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff3b30}.ios .color-theme-green .stepper .stepper-button,.ios .color-theme-green .stepper .stepper-button-minus,.ios .color-theme-green .stepper .stepper-button-plus{border-color:#4cd964;color:#4cd964}.ios .color-theme-green .stepper .stepper-button-minus.active-state,.ios .color-theme-green .stepper .stepper-button-plus.active-state,.ios .color-theme-green .stepper .stepper-button.active-state{background-color:rgba(76,217,100,.15)}.ios .color-theme-green .stepper .stepper-button-minus:after,.ios .color-theme-green .stepper .stepper-button-minus:before,.ios .color-theme-green .stepper .stepper-button-plus:after,.ios .color-theme-green .stepper .stepper-button-plus:before{background-color:#4cd964}.ios .color-theme-green .stepper .stepper-input-wrap,.ios .color-theme-green .stepper .stepper-value{border-top-color:#4cd964;border-bottom-color:#4cd964}.ios .color-theme-green .stepper .stepper-value{color:#4cd964}.ios .color-theme-green .stepper .stepper-input-wrap input{color:#4cd964}.ios .color-theme-green .stepper.stepper-fill .stepper-button,.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus{background-color:#4cd964}.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-green .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-green .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-green .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#4cd964;border-color:#4cd964;background-color:transparent}.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-green .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-green .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#4cd964}.ios .color-theme-blue .stepper .stepper-button,.ios .color-theme-blue .stepper .stepper-button-minus,.ios .color-theme-blue .stepper .stepper-button-plus{border-color:#007aff;color:#007aff}.ios .color-theme-blue .stepper .stepper-button-minus.active-state,.ios .color-theme-blue .stepper .stepper-button-plus.active-state,.ios .color-theme-blue .stepper .stepper-button.active-state{background-color:rgba(0,122,255,.15)}.ios .color-theme-blue .stepper .stepper-button-minus:after,.ios .color-theme-blue .stepper .stepper-button-minus:before,.ios .color-theme-blue .stepper .stepper-button-plus:after,.ios .color-theme-blue .stepper .stepper-button-plus:before{background-color:#007aff}.ios .color-theme-blue .stepper .stepper-input-wrap,.ios .color-theme-blue .stepper .stepper-value{border-top-color:#007aff;border-bottom-color:#007aff}.ios .color-theme-blue .stepper .stepper-value{color:#007aff}.ios .color-theme-blue .stepper .stepper-input-wrap input{color:#007aff}.ios .color-theme-blue .stepper.stepper-fill .stepper-button,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus{background-color:#007aff}.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-blue .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-blue .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#007aff;border-color:#007aff;background-color:transparent}.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-blue .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-blue .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#007aff}.ios .color-theme-pink .stepper .stepper-button,.ios .color-theme-pink .stepper .stepper-button-minus,.ios .color-theme-pink .stepper .stepper-button-plus{border-color:#ff2d55;color:#ff2d55}.ios .color-theme-pink .stepper .stepper-button-minus.active-state,.ios .color-theme-pink .stepper .stepper-button-plus.active-state,.ios .color-theme-pink .stepper .stepper-button.active-state{background-color:rgba(255,45,85,.15)}.ios .color-theme-pink .stepper .stepper-button-minus:after,.ios .color-theme-pink .stepper .stepper-button-minus:before,.ios .color-theme-pink .stepper .stepper-button-plus:after,.ios .color-theme-pink .stepper .stepper-button-plus:before{background-color:#ff2d55}.ios .color-theme-pink .stepper .stepper-input-wrap,.ios .color-theme-pink .stepper .stepper-value{border-top-color:#ff2d55;border-bottom-color:#ff2d55}.ios .color-theme-pink .stepper .stepper-value{color:#ff2d55}.ios .color-theme-pink .stepper .stepper-input-wrap input{color:#ff2d55}.ios .color-theme-pink .stepper.stepper-fill .stepper-button,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus{background-color:#ff2d55}.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-pink .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-pink .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#ff2d55;border-color:#ff2d55;background-color:transparent}.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-pink .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-pink .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff2d55}.ios .color-theme-yellow .stepper .stepper-button,.ios .color-theme-yellow .stepper .stepper-button-minus,.ios .color-theme-yellow .stepper .stepper-button-plus{border-color:#fc0;color:#fc0}.ios .color-theme-yellow .stepper .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper .stepper-button.active-state{background-color:rgba(255,204,0,.15)}.ios .color-theme-yellow .stepper .stepper-button-minus:after,.ios .color-theme-yellow .stepper .stepper-button-minus:before,.ios .color-theme-yellow .stepper .stepper-button-plus:after,.ios .color-theme-yellow .stepper .stepper-button-plus:before{background-color:#fc0}.ios .color-theme-yellow .stepper .stepper-input-wrap,.ios .color-theme-yellow .stepper .stepper-value{border-top-color:#fc0;border-bottom-color:#fc0}.ios .color-theme-yellow .stepper .stepper-value{color:#fc0}.ios .color-theme-yellow .stepper .stepper-input-wrap input{color:#fc0}.ios .color-theme-yellow .stepper.stepper-fill .stepper-button,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus{background-color:#fc0}.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-yellow .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-yellow .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#fc0;border-color:#fc0;background-color:transparent}.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-yellow .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-yellow .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#fc0}.ios .color-theme-orange .stepper .stepper-button,.ios .color-theme-orange .stepper .stepper-button-minus,.ios .color-theme-orange .stepper .stepper-button-plus{border-color:#ff9500;color:#ff9500}.ios .color-theme-orange .stepper .stepper-button-minus.active-state,.ios .color-theme-orange .stepper .stepper-button-plus.active-state,.ios .color-theme-orange .stepper .stepper-button.active-state{background-color:rgba(255,149,0,.15)}.ios .color-theme-orange .stepper .stepper-button-minus:after,.ios .color-theme-orange .stepper .stepper-button-minus:before,.ios .color-theme-orange .stepper .stepper-button-plus:after,.ios .color-theme-orange .stepper .stepper-button-plus:before{background-color:#ff9500}.ios .color-theme-orange .stepper .stepper-input-wrap,.ios .color-theme-orange .stepper .stepper-value{border-top-color:#ff9500;border-bottom-color:#ff9500}.ios .color-theme-orange .stepper .stepper-value{color:#ff9500}.ios .color-theme-orange .stepper .stepper-input-wrap input{color:#ff9500}.ios .color-theme-orange .stepper.stepper-fill .stepper-button,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus{background-color:#ff9500}.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-orange .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-orange .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#ff9500;border-color:#ff9500;background-color:transparent}.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-orange .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-orange .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff9500}.ios .color-theme-gray .stepper .stepper-button,.ios .color-theme-gray .stepper .stepper-button-minus,.ios .color-theme-gray .stepper .stepper-button-plus{border-color:#8e8e93;color:#8e8e93}.ios .color-theme-gray .stepper .stepper-button-minus.active-state,.ios .color-theme-gray .stepper .stepper-button-plus.active-state,.ios .color-theme-gray .stepper .stepper-button.active-state{background-color:rgba(142,142,147,.15)}.ios .color-theme-gray .stepper .stepper-button-minus:after,.ios .color-theme-gray .stepper .stepper-button-minus:before,.ios .color-theme-gray .stepper .stepper-button-plus:after,.ios .color-theme-gray .stepper .stepper-button-plus:before{background-color:#8e8e93}.ios .color-theme-gray .stepper .stepper-input-wrap,.ios .color-theme-gray .stepper .stepper-value{border-top-color:#8e8e93;border-bottom-color:#8e8e93}.ios .color-theme-gray .stepper .stepper-value{color:#8e8e93}.ios .color-theme-gray .stepper .stepper-input-wrap input{color:#8e8e93}.ios .color-theme-gray .stepper.stepper-fill .stepper-button,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus{background-color:#8e8e93}.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-gray .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-gray .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#8e8e93;border-color:#8e8e93;background-color:transparent}.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-gray .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-gray .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#8e8e93}.ios .color-theme-white .stepper .stepper-button,.ios .color-theme-white .stepper .stepper-button-minus,.ios .color-theme-white .stepper .stepper-button-plus{border-color:#fff;color:#fff}.ios .color-theme-white .stepper .stepper-button-minus.active-state,.ios .color-theme-white .stepper .stepper-button-plus.active-state,.ios .color-theme-white .stepper .stepper-button.active-state{background-color:rgba(255,255,255,.15)}.ios .color-theme-white .stepper .stepper-button-minus:after,.ios .color-theme-white .stepper .stepper-button-minus:before,.ios .color-theme-white .stepper .stepper-button-plus:after,.ios .color-theme-white .stepper .stepper-button-plus:before{background-color:#fff}.ios .color-theme-white .stepper .stepper-input-wrap,.ios .color-theme-white .stepper .stepper-value{border-top-color:#fff;border-bottom-color:#fff}.ios .color-theme-white .stepper .stepper-value{color:#fff}.ios .color-theme-white .stepper .stepper-input-wrap input{color:#fff}.ios .color-theme-white .stepper.stepper-fill .stepper-button,.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus{background-color:#fff}.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-white .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-white .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-white .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#fff;border-color:#fff;background-color:transparent}.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-white .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-white .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#fff}.ios .color-theme-black .stepper .stepper-button,.ios .color-theme-black .stepper .stepper-button-minus,.ios .color-theme-black .stepper .stepper-button-plus{border-color:#000;color:#000}.ios .color-theme-black .stepper .stepper-button-minus.active-state,.ios .color-theme-black .stepper .stepper-button-plus.active-state,.ios .color-theme-black .stepper .stepper-button.active-state{background-color:rgba(0,0,0,.15)}.ios .color-theme-black .stepper .stepper-button-minus:after,.ios .color-theme-black .stepper .stepper-button-minus:before,.ios .color-theme-black .stepper .stepper-button-plus:after,.ios .color-theme-black .stepper .stepper-button-plus:before{background-color:#000}.ios .color-theme-black .stepper .stepper-input-wrap,.ios .color-theme-black .stepper .stepper-value{border-top-color:#000;border-bottom-color:#000}.ios .color-theme-black .stepper .stepper-value{color:#000}.ios .color-theme-black .stepper .stepper-input-wrap input{color:#000}.ios .color-theme-black .stepper.stepper-fill .stepper-button,.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus,.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus{background-color:#000}.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus:after,.ios .color-theme-black .stepper.stepper-fill .stepper-button-minus:before,.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus:after,.ios .color-theme-black .stepper.stepper-fill .stepper-button-plus:before,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-black .stepper.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button.active-state{color:#000;border-color:#000;background-color:transparent}.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-black .stepper.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-black .stepper.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-black .stepper.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-value{color:#ff3b30}.ios .stepper.color-red .stepper-input-wrap input{color:#ff3b30}.ios .stepper.color-red.stepper-fill .stepper-button,.ios .stepper.color-red.stepper-fill .stepper-button-minus,.ios .stepper.color-red.stepper-fill .stepper-button-plus,.ios .stepper.color-red.stepper-fill-ios .stepper-button,.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus{background-color:#ff3b30}.ios .stepper.color-red.stepper-fill .stepper-button-minus:after,.ios .stepper.color-red.stepper-fill .stepper-button-minus:before,.ios .stepper.color-red.stepper-fill .stepper-button-plus:after,.ios .stepper.color-red.stepper-fill .stepper-button-plus:before,.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-red.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-red.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button.active-state{color:#ff3b30;border-color:#ff3b30;background-color:transparent}.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-red.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-red.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-red.stepper-small.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-value{color:#4cd964}.ios .stepper.color-green .stepper-input-wrap input{color:#4cd964}.ios .stepper.color-green.stepper-fill .stepper-button,.ios .stepper.color-green.stepper-fill .stepper-button-minus,.ios .stepper.color-green.stepper-fill .stepper-button-plus,.ios .stepper.color-green.stepper-fill-ios .stepper-button,.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus{background-color:#4cd964}.ios .stepper.color-green.stepper-fill .stepper-button-minus:after,.ios .stepper.color-green.stepper-fill .stepper-button-minus:before,.ios .stepper.color-green.stepper-fill .stepper-button-plus:after,.ios .stepper.color-green.stepper-fill .stepper-button-plus:before,.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-green.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-green.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button.active-state{color:#4cd964;border-color:#4cd964;background-color:transparent}.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-green.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-green.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-green.stepper-small.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-value{color:#007aff}.ios .stepper.color-blue .stepper-input-wrap input{color:#007aff}.ios .stepper.color-blue.stepper-fill .stepper-button,.ios .stepper.color-blue.stepper-fill .stepper-button-minus,.ios .stepper.color-blue.stepper-fill .stepper-button-plus,.ios .stepper.color-blue.stepper-fill-ios .stepper-button,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus{background-color:#007aff}.ios .stepper.color-blue.stepper-fill .stepper-button-minus:after,.ios .stepper.color-blue.stepper-fill .stepper-button-minus:before,.ios .stepper.color-blue.stepper-fill .stepper-button-plus:after,.ios .stepper.color-blue.stepper-fill .stepper-button-plus:before,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-blue.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button.active-state{color:#007aff;border-color:#007aff;background-color:transparent}.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-blue.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-blue.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-blue.stepper-small.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-value{color:#ff2d55}.ios .stepper.color-pink .stepper-input-wrap input{color:#ff2d55}.ios .stepper.color-pink.stepper-fill .stepper-button,.ios .stepper.color-pink.stepper-fill .stepper-button-minus,.ios .stepper.color-pink.stepper-fill .stepper-button-plus,.ios .stepper.color-pink.stepper-fill-ios .stepper-button,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus{background-color:#ff2d55}.ios .stepper.color-pink.stepper-fill .stepper-button-minus:after,.ios .stepper.color-pink.stepper-fill .stepper-button-minus:before,.ios .stepper.color-pink.stepper-fill .stepper-button-plus:after,.ios .stepper.color-pink.stepper-fill .stepper-button-plus:before,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-pink.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button.active-state{color:#ff2d55;border-color:#ff2d55;background-color:transparent}.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-pink.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-pink.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-pink.stepper-small.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-value{color:#fc0}.ios .stepper.color-yellow .stepper-input-wrap input{color:#fc0}.ios .stepper.color-yellow.stepper-fill .stepper-button,.ios .stepper.color-yellow.stepper-fill .stepper-button-minus,.ios .stepper.color-yellow.stepper-fill .stepper-button-plus,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus{background-color:#fc0}.ios .stepper.color-yellow.stepper-fill .stepper-button-minus:after,.ios .stepper.color-yellow.stepper-fill .stepper-button-minus:before,.ios .stepper.color-yellow.stepper-fill .stepper-button-plus:after,.ios .stepper.color-yellow.stepper-fill .stepper-button-plus:before,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-yellow.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button.active-state{color:#fc0;border-color:#fc0;background-color:transparent}.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-yellow.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-yellow.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-yellow.stepper-small.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-value{color:#ff9500}.ios .stepper.color-orange .stepper-input-wrap input{color:#ff9500}.ios .stepper.color-orange.stepper-fill .stepper-button,.ios .stepper.color-orange.stepper-fill .stepper-button-minus,.ios .stepper.color-orange.stepper-fill .stepper-button-plus,.ios .stepper.color-orange.stepper-fill-ios .stepper-button,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus{background-color:#ff9500}.ios .stepper.color-orange.stepper-fill .stepper-button-minus:after,.ios .stepper.color-orange.stepper-fill .stepper-button-minus:before,.ios .stepper.color-orange.stepper-fill .stepper-button-plus:after,.ios .stepper.color-orange.stepper-fill .stepper-button-plus:before,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-orange.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button.active-state{color:#ff9500;border-color:#ff9500;background-color:transparent}.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-orange.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-orange.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-orange.stepper-small.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-value{color:#8e8e93}.ios .stepper.color-gray .stepper-input-wrap input{color:#8e8e93}.ios .stepper.color-gray.stepper-fill .stepper-button,.ios .stepper.color-gray.stepper-fill .stepper-button-minus,.ios .stepper.color-gray.stepper-fill .stepper-button-plus,.ios .stepper.color-gray.stepper-fill-ios .stepper-button,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus{background-color:#8e8e93}.ios .stepper.color-gray.stepper-fill .stepper-button-minus:after,.ios .stepper.color-gray.stepper-fill .stepper-button-minus:before,.ios .stepper.color-gray.stepper-fill .stepper-button-plus:after,.ios .stepper.color-gray.stepper-fill .stepper-button-plus:before,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-gray.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button.active-state{color:#8e8e93;border-color:#8e8e93;background-color:transparent}.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-gray.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-gray.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-gray.stepper-small.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-value{color:#fff}.ios .stepper.color-white .stepper-input-wrap input{color:#fff}.ios .stepper.color-white.stepper-fill .stepper-button,.ios .stepper.color-white.stepper-fill .stepper-button-minus,.ios .stepper.color-white.stepper-fill .stepper-button-plus,.ios .stepper.color-white.stepper-fill-ios .stepper-button,.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus{background-color:#fff}.ios .stepper.color-white.stepper-fill .stepper-button-minus:after,.ios .stepper.color-white.stepper-fill .stepper-button-minus:before,.ios .stepper.color-white.stepper-fill .stepper-button-plus:after,.ios .stepper.color-white.stepper-fill .stepper-button-plus:before,.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-white.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-white.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button.active-state{color:#fff;border-color:#fff;background-color:transparent}.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-white.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-white.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-white.stepper-small.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-value{color:#000}.ios .stepper.color-black .stepper-input-wrap input{color:#000}.ios .stepper.color-black.stepper-fill .stepper-button,.ios .stepper.color-black.stepper-fill .stepper-button-minus,.ios .stepper.color-black.stepper-fill .stepper-button-plus,.ios .stepper.color-black.stepper-fill-ios .stepper-button,.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus,.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus{background-color:#000}.ios .stepper.color-black.stepper-fill .stepper-button-minus:after,.ios .stepper.color-black.stepper-fill .stepper-button-minus:before,.ios .stepper.color-black.stepper-fill .stepper-button-plus:after,.ios .stepper.color-black.stepper-fill .stepper-button-plus:before,.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus:after,.ios .stepper.color-black.stepper-fill-ios .stepper-button-minus:before,.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus:after,.ios .stepper.color-black.stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button.active-state{color:#000;border-color:#000;background-color:transparent}.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-black.stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper.color-black.stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#000}.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-value{color:#f44336}.md .color-theme-red .stepper .stepper-input-wrap input{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-value{color:#4caf50}.md .color-theme-green .stepper .stepper-input-wrap input{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-value{color:#2196f3}.md .color-theme-blue .stepper .stepper-input-wrap input{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-value{color:#e91e63}.md .color-theme-pink .stepper .stepper-input-wrap input{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-value{color:#ffeb3b}.md .color-theme-yellow .stepper .stepper-input-wrap input{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-value{color:#ff9800}.md .color-theme-orange .stepper .stepper-input-wrap input{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-value{color:#9e9e9e}.md .color-theme-gray .stepper .stepper-input-wrap input{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-value{color:#fff}.md .color-theme-white .stepper .stepper-input-wrap input{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-value{color:#000}.md .color-theme-black .stepper .stepper-input-wrap input{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-value{color:#f44336}.md .stepper.color-red .stepper-input-wrap input{color:#f44336}.md .stepper.color-red.stepper-fill .stepper-button,.md .stepper.color-red.stepper-fill .stepper-button-minus,.md .stepper.color-red.stepper-fill .stepper-button-plus,.md .stepper.color-red.stepper-fill-md .stepper-button,.md .stepper.color-red.stepper-fill-md .stepper-button-minus,.md .stepper.color-red.stepper-fill-md .stepper-button-plus{background-color:#f44336;color:#fff}.md .stepper.color-red.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-red.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-red.stepper-fill .stepper-button.active-state,.md .stepper.color-red.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-red.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-red.stepper-fill-md .stepper-button.active-state{background:#f21f0f}.md .stepper.color-red.stepper-fill .stepper-button-minus:after,.md .stepper.color-red.stepper-fill .stepper-button-minus:before,.md .stepper.color-red.stepper-fill .stepper-button-plus:after,.md .stepper.color-red.stepper-fill .stepper-button-plus:before,.md .stepper.color-red.stepper-fill .stepper-button:after,.md .stepper.color-red.stepper-fill .stepper-button:before,.md .stepper.color-red.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-red.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-red.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-red.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-red.stepper-fill-md .stepper-button:after,.md .stepper.color-red.stepper-fill-md .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-value{color:#4caf50}.md .stepper.color-green .stepper-input-wrap input{color:#4caf50}.md .stepper.color-green.stepper-fill .stepper-button,.md .stepper.color-green.stepper-fill .stepper-button-minus,.md .stepper.color-green.stepper-fill .stepper-button-plus,.md .stepper.color-green.stepper-fill-md .stepper-button,.md .stepper.color-green.stepper-fill-md .stepper-button-minus,.md .stepper.color-green.stepper-fill-md .stepper-button-plus{background-color:#4caf50;color:#fff}.md .stepper.color-green.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-green.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-green.stepper-fill .stepper-button.active-state,.md .stepper.color-green.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-green.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-green.stepper-fill-md .stepper-button.active-state{background:#409343}.md .stepper.color-green.stepper-fill .stepper-button-minus:after,.md .stepper.color-green.stepper-fill .stepper-button-minus:before,.md .stepper.color-green.stepper-fill .stepper-button-plus:after,.md .stepper.color-green.stepper-fill .stepper-button-plus:before,.md .stepper.color-green.stepper-fill .stepper-button:after,.md .stepper.color-green.stepper-fill .stepper-button:before,.md .stepper.color-green.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-green.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-green.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-green.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-green.stepper-fill-md .stepper-button:after,.md .stepper.color-green.stepper-fill-md .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-value{color:#2196f3}.md .stepper.color-blue .stepper-input-wrap input{color:#2196f3}.md .stepper.color-blue.stepper-fill .stepper-button,.md .stepper.color-blue.stepper-fill .stepper-button-minus,.md .stepper.color-blue.stepper-fill .stepper-button-plus,.md .stepper.color-blue.stepper-fill-md .stepper-button,.md .stepper.color-blue.stepper-fill-md .stepper-button-minus,.md .stepper.color-blue.stepper-fill-md .stepper-button-plus{background-color:#2196f3;color:#fff}.md .stepper.color-blue.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-blue.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-blue.stepper-fill .stepper-button.active-state,.md .stepper.color-blue.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-blue.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-blue.stepper-fill-md .stepper-button.active-state{background:#0c82df}.md .stepper.color-blue.stepper-fill .stepper-button-minus:after,.md .stepper.color-blue.stepper-fill .stepper-button-minus:before,.md .stepper.color-blue.stepper-fill .stepper-button-plus:after,.md .stepper.color-blue.stepper-fill .stepper-button-plus:before,.md .stepper.color-blue.stepper-fill .stepper-button:after,.md .stepper.color-blue.stepper-fill .stepper-button:before,.md .stepper.color-blue.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-blue.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-blue.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-blue.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-blue.stepper-fill-md .stepper-button:after,.md .stepper.color-blue.stepper-fill-md .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-value{color:#e91e63}.md .stepper.color-pink .stepper-input-wrap input{color:#e91e63}.md .stepper.color-pink.stepper-fill .stepper-button,.md .stepper.color-pink.stepper-fill .stepper-button-minus,.md .stepper.color-pink.stepper-fill .stepper-button-plus,.md .stepper.color-pink.stepper-fill-md .stepper-button,.md .stepper.color-pink.stepper-fill-md .stepper-button-minus,.md .stepper.color-pink.stepper-fill-md .stepper-button-plus{background-color:#e91e63;color:#fff}.md .stepper.color-pink.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-pink.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-pink.stepper-fill .stepper-button.active-state,.md .stepper.color-pink.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-pink.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-pink.stepper-fill-md .stepper-button.active-state{background:#ca1452}.md .stepper.color-pink.stepper-fill .stepper-button-minus:after,.md .stepper.color-pink.stepper-fill .stepper-button-minus:before,.md .stepper.color-pink.stepper-fill .stepper-button-plus:after,.md .stepper.color-pink.stepper-fill .stepper-button-plus:before,.md .stepper.color-pink.stepper-fill .stepper-button:after,.md .stepper.color-pink.stepper-fill .stepper-button:before,.md .stepper.color-pink.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-pink.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-pink.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-pink.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-pink.stepper-fill-md .stepper-button:after,.md .stepper.color-pink.stepper-fill-md .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-value{color:#ffeb3b}.md .stepper.color-yellow .stepper-input-wrap input{color:#ffeb3b}.md .stepper.color-yellow.stepper-fill .stepper-button,.md .stepper.color-yellow.stepper-fill .stepper-button-minus,.md .stepper.color-yellow.stepper-fill .stepper-button-plus,.md .stepper.color-yellow.stepper-fill-md .stepper-button,.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus,.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus{background-color:#ffeb3b;color:#fff}.md .stepper.color-yellow.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-yellow.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-yellow.stepper-fill .stepper-button.active-state,.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-yellow.stepper-fill-md .stepper-button.active-state{background:#ffe712}.md .stepper.color-yellow.stepper-fill .stepper-button-minus:after,.md .stepper.color-yellow.stepper-fill .stepper-button-minus:before,.md .stepper.color-yellow.stepper-fill .stepper-button-plus:after,.md .stepper.color-yellow.stepper-fill .stepper-button-plus:before,.md .stepper.color-yellow.stepper-fill .stepper-button:after,.md .stepper.color-yellow.stepper-fill .stepper-button:before,.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-yellow.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-yellow.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-yellow.stepper-fill-md .stepper-button:after,.md .stepper.color-yellow.stepper-fill-md .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-value{color:#ff9800}.md .stepper.color-orange .stepper-input-wrap input{color:#ff9800}.md .stepper.color-orange.stepper-fill .stepper-button,.md .stepper.color-orange.stepper-fill .stepper-button-minus,.md .stepper.color-orange.stepper-fill .stepper-button-plus,.md .stepper.color-orange.stepper-fill-md .stepper-button,.md .stepper.color-orange.stepper-fill-md .stepper-button-minus,.md .stepper.color-orange.stepper-fill-md .stepper-button-plus{background-color:#ff9800;color:#fff}.md .stepper.color-orange.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-orange.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-orange.stepper-fill .stepper-button.active-state,.md .stepper.color-orange.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-orange.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-orange.stepper-fill-md .stepper-button.active-state{background:#d68000}.md .stepper.color-orange.stepper-fill .stepper-button-minus:after,.md .stepper.color-orange.stepper-fill .stepper-button-minus:before,.md .stepper.color-orange.stepper-fill .stepper-button-plus:after,.md .stepper.color-orange.stepper-fill .stepper-button-plus:before,.md .stepper.color-orange.stepper-fill .stepper-button:after,.md .stepper.color-orange.stepper-fill .stepper-button:before,.md .stepper.color-orange.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-orange.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-orange.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-orange.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-orange.stepper-fill-md .stepper-button:after,.md .stepper.color-orange.stepper-fill-md .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-value{color:#9e9e9e}.md .stepper.color-gray .stepper-input-wrap input{color:#9e9e9e}.md .stepper.color-gray.stepper-fill .stepper-button,.md .stepper.color-gray.stepper-fill .stepper-button-minus,.md .stepper.color-gray.stepper-fill .stepper-button-plus,.md .stepper.color-gray.stepper-fill-md .stepper-button,.md .stepper.color-gray.stepper-fill-md .stepper-button-minus,.md .stepper.color-gray.stepper-fill-md .stepper-button-plus{background-color:#9e9e9e;color:#fff}.md .stepper.color-gray.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-gray.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-gray.stepper-fill .stepper-button.active-state,.md .stepper.color-gray.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-gray.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-gray.stepper-fill-md .stepper-button.active-state{background:#8a8a8a}.md .stepper.color-gray.stepper-fill .stepper-button-minus:after,.md .stepper.color-gray.stepper-fill .stepper-button-minus:before,.md .stepper.color-gray.stepper-fill .stepper-button-plus:after,.md .stepper.color-gray.stepper-fill .stepper-button-plus:before,.md .stepper.color-gray.stepper-fill .stepper-button:after,.md .stepper.color-gray.stepper-fill .stepper-button:before,.md .stepper.color-gray.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-gray.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-gray.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-gray.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-gray.stepper-fill-md .stepper-button:after,.md .stepper.color-gray.stepper-fill-md .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-value{color:#fff}.md .stepper.color-white .stepper-input-wrap input{color:#fff}.md .stepper.color-white.stepper-fill .stepper-button,.md .stepper.color-white.stepper-fill .stepper-button-minus,.md .stepper.color-white.stepper-fill .stepper-button-plus,.md .stepper.color-white.stepper-fill-md .stepper-button,.md .stepper.color-white.stepper-fill-md .stepper-button-minus,.md .stepper.color-white.stepper-fill-md .stepper-button-plus{background-color:#fff;color:#fff}.md .stepper.color-white.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-white.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-white.stepper-fill .stepper-button.active-state,.md .stepper.color-white.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-white.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-white.stepper-fill-md .stepper-button.active-state{background:#ebebeb}.md .stepper.color-white.stepper-fill .stepper-button-minus:after,.md .stepper.color-white.stepper-fill .stepper-button-minus:before,.md .stepper.color-white.stepper-fill .stepper-button-plus:after,.md .stepper.color-white.stepper-fill .stepper-button-plus:before,.md .stepper.color-white.stepper-fill .stepper-button:after,.md .stepper.color-white.stepper-fill .stepper-button:before,.md .stepper.color-white.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-white.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-white.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-white.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-white.stepper-fill-md .stepper-button:after,.md .stepper.color-white.stepper-fill-md .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-value{color:#000}.md .stepper.color-black .stepper-input-wrap input{color:#000}.md .stepper.color-black.stepper-fill .stepper-button,.md .stepper.color-black.stepper-fill .stepper-button-minus,.md .stepper.color-black.stepper-fill .stepper-button-plus,.md .stepper.color-black.stepper-fill-md .stepper-button,.md .stepper.color-black.stepper-fill-md .stepper-button-minus,.md .stepper.color-black.stepper-fill-md .stepper-button-plus{background-color:#000;color:#fff}.md .stepper.color-black.stepper-fill .stepper-button-minus.active-state,.md .stepper.color-black.stepper-fill .stepper-button-plus.active-state,.md .stepper.color-black.stepper-fill .stepper-button.active-state,.md .stepper.color-black.stepper-fill-md .stepper-button-minus.active-state,.md .stepper.color-black.stepper-fill-md .stepper-button-plus.active-state,.md .stepper.color-black.stepper-fill-md .stepper-button.active-state{background:#000}.md .stepper.color-black.stepper-fill .stepper-button-minus:after,.md .stepper.color-black.stepper-fill .stepper-button-minus:before,.md .stepper.color-black.stepper-fill .stepper-button-plus:after,.md .stepper.color-black.stepper-fill .stepper-button-plus:before,.md .stepper.color-black.stepper-fill .stepper-button:after,.md .stepper.color-black.stepper-fill .stepper-button:before,.md .stepper.color-black.stepper-fill-md .stepper-button-minus:after,.md .stepper.color-black.stepper-fill-md .stepper-button-minus:before,.md .stepper.color-black.stepper-fill-md .stepper-button-plus:after,.md .stepper.color-black.stepper-fill-md .stepper-button-plus:before,.md .stepper.color-black.stepper-fill-md .stepper-button:after,.md .stepper.color-black.stepper-fill-md .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}.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}.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%}.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%}}.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 span{color:#fff}.calendar-day.calendar-day-has-events span:after{content:'';width:4px;height:4px;border-radius:50%;position:absolute;margin-left:-2px;left:50%;bottom:1px}.calendar-day span{display:inline-block;border-radius:100%;position:relative}.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 span{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 span,.calendar-year-selector span{-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 span{background:#e3e3e3}.ios .calendar-day.calendar-day-has-events span:after{background:#007aff}.ios .calendar-day.calendar-day-has-events.calendar-day-selected span:after{background-color:#fff}.ios .calendar-day.calendar-day-selected span{background:#007aff}.ios .calendar-day span{width:30px;height:30px;line-height:30px}.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) span{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 span,.ios .color-theme-red .calendar-day.calendar-day-selected span{background:#ff3b30}.ios .color-green .calendar-day.calendar-day-selected span,.ios .color-theme-green .calendar-day.calendar-day-selected span{background:#4cd964}.ios .color-blue .calendar-day.calendar-day-selected span,.ios .color-theme-blue .calendar-day.calendar-day-selected span{background:#007aff}.ios .color-pink .calendar-day.calendar-day-selected span,.ios .color-theme-pink .calendar-day.calendar-day-selected span{background:#ff2d55}.ios .color-theme-yellow .calendar-day.calendar-day-selected span,.ios .color-yellow .calendar-day.calendar-day-selected span{background:#fc0}.ios .color-orange .calendar-day.calendar-day-selected span,.ios .color-theme-orange .calendar-day.calendar-day-selected span{background:#ff9500}.ios .color-gray .calendar-day.calendar-day-selected span,.ios .color-theme-gray .calendar-day.calendar-day-selected span{background:#8e8e93}.ios .color-theme-white .calendar-day.calendar-day-selected span,.ios .color-white .calendar-day.calendar-day-selected span{background:#fff}.ios .color-black .calendar-day.calendar-day-selected span,.ios .color-theme-black .calendar-day.calendar-day-selected span{background:#000}.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 span{color:#2196f3}.md .calendar-day.calendar-day-has-events span:after{background:#2196f3}.md .calendar-day.calendar-day-has-events.calendar-day-selected span:after{background-color:#fff}.md .calendar-day.calendar-day-selected span{background:#2196f3;color:#fff}.md .calendar-day span{width:36px;height:36px;line-height:36px}.md .calendar-range .calendar-day.calendar-day-selected span{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 span,.md .color-theme-red .calendar-day.calendar-day-today span{color:#f44336}.md .color-red .calendar-day.calendar-day-has-events span:after,.md .color-theme-red .calendar-day.calendar-day-has-events span:after{background:#f44336}.md .color-red .calendar-day.calendar-day-selected span,.md .color-theme-red .calendar-day.calendar-day-selected span{background:#f44336;color:#fff}.md .color-red .calendar-day.calendar-day-selected span:after,.md .color-theme-red .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-green .calendar-header,.md .color-theme-green .calendar-header{background:#4caf50}.md .color-green .calendar-day.calendar-day-today span,.md .color-theme-green .calendar-day.calendar-day-today span{color:#4caf50}.md .color-green .calendar-day.calendar-day-has-events span:after,.md .color-theme-green .calendar-day.calendar-day-has-events span:after{background:#4caf50}.md .color-green .calendar-day.calendar-day-selected span,.md .color-theme-green .calendar-day.calendar-day-selected span{background:#4caf50;color:#fff}.md .color-green .calendar-day.calendar-day-selected span:after,.md .color-theme-green .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-blue .calendar-header,.md .color-theme-blue .calendar-header{background:#2196f3}.md .color-blue .calendar-day.calendar-day-today span,.md .color-theme-blue .calendar-day.calendar-day-today span{color:#2196f3}.md .color-blue .calendar-day.calendar-day-has-events span:after,.md .color-theme-blue .calendar-day.calendar-day-has-events span:after{background:#2196f3}.md .color-blue .calendar-day.calendar-day-selected span,.md .color-theme-blue .calendar-day.calendar-day-selected span{background:#2196f3;color:#fff}.md .color-blue .calendar-day.calendar-day-selected span:after,.md .color-theme-blue .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-pink .calendar-header,.md .color-theme-pink .calendar-header{background:#e91e63}.md .color-pink .calendar-day.calendar-day-today span,.md .color-theme-pink .calendar-day.calendar-day-today span{color:#e91e63}.md .color-pink .calendar-day.calendar-day-has-events span:after,.md .color-theme-pink .calendar-day.calendar-day-has-events span:after{background:#e91e63}.md .color-pink .calendar-day.calendar-day-selected span,.md .color-theme-pink .calendar-day.calendar-day-selected span{background:#e91e63;color:#fff}.md .color-pink .calendar-day.calendar-day-selected span:after,.md .color-theme-pink .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-theme-yellow .calendar-header,.md .color-yellow .calendar-header{background:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-today span,.md .color-yellow .calendar-day.calendar-day-today span{color:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-has-events span:after,.md .color-yellow .calendar-day.calendar-day-has-events span:after{background:#ffeb3b}.md .color-theme-yellow .calendar-day.calendar-day-selected span,.md .color-yellow .calendar-day.calendar-day-selected span{background:#ffeb3b;color:#fff}.md .color-theme-yellow .calendar-day.calendar-day-selected span:after,.md .color-yellow .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-orange .calendar-header,.md .color-theme-orange .calendar-header{background:#ff9800}.md .color-orange .calendar-day.calendar-day-today span,.md .color-theme-orange .calendar-day.calendar-day-today span{color:#ff9800}.md .color-orange .calendar-day.calendar-day-has-events span:after,.md .color-theme-orange .calendar-day.calendar-day-has-events span:after{background:#ff9800}.md .color-orange .calendar-day.calendar-day-selected span,.md .color-theme-orange .calendar-day.calendar-day-selected span{background:#ff9800;color:#fff}.md .color-orange .calendar-day.calendar-day-selected span:after,.md .color-theme-orange .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-gray .calendar-header,.md .color-theme-gray .calendar-header{background:#9e9e9e}.md .color-gray .calendar-day.calendar-day-today span,.md .color-theme-gray .calendar-day.calendar-day-today span{color:#9e9e9e}.md .color-gray .calendar-day.calendar-day-has-events span:after,.md .color-theme-gray .calendar-day.calendar-day-has-events span:after{background:#9e9e9e}.md .color-gray .calendar-day.calendar-day-selected span,.md .color-theme-gray .calendar-day.calendar-day-selected span{background:#9e9e9e;color:#fff}.md .color-gray .calendar-day.calendar-day-selected span:after,.md .color-theme-gray .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-theme-white .calendar-header,.md .color-white .calendar-header{background:#fff}.md .color-theme-white .calendar-day.calendar-day-today span,.md .color-white .calendar-day.calendar-day-today span{color:#fff}.md .color-theme-white .calendar-day.calendar-day-has-events span:after,.md .color-white .calendar-day.calendar-day-has-events span:after{background:#fff}.md .color-theme-white .calendar-day.calendar-day-selected span,.md .color-white .calendar-day.calendar-day-selected span{background:#fff;color:#fff}.md .color-theme-white .calendar-day.calendar-day-selected span:after,.md .color-white .calendar-day.calendar-day-selected span:after{background-color:#fff}.md .color-black .calendar-header,.md .color-theme-black .calendar-header{background:#000}.md .color-black .calendar-day.calendar-day-today span,.md .color-theme-black .calendar-day.calendar-day-today span{color:#000}.md .color-black .calendar-day.calendar-day-has-events span:after,.md .color-theme-black .calendar-day.calendar-day-has-events span:after{background:#000}.md .color-black .calendar-day.calendar-day-selected span,.md .color-theme-black .calendar-day.calendar-day-selected span{background:#000;color:#fff}.md .color-black .calendar-day.calendar-day-selected span:after,.md .color-theme-black .calendar-day.calendar-day-selected span:after{background-color:#fff}.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(0);transform:translate3d(0,0,0) rotateX(0)}.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}.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}.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-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(0) translate3d(0,0,0);transform:rotate(0) 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}.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:0;height:0;position:absolute;left:-5px;bottom:0;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")}.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}.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(0) scale(1);transform:translate3d(-50%,-50%,0) rotate(0) 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(0) scale(1);transform:translate3d(-50%,-50%,0) rotate(0) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1)!important;transform:translate3d(0,0,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,0,0) scale(.3);transform:translate3d(8px,0,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:0 2px 4px rgba(0,0,0,.4);box-shadow:0 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:0 2px 4px rgba(0,0,0,.4);box-shadow:0 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:0 1px 2px rgba(0,0,0,.4);box-shadow:0 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))}}.md .fab-buttons a,.md .fab>a{background:#2196f3;width:56px;height:56px;border-radius:28px;color:#fff;-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 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:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 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:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 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}.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))}}.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 .searchbar-disable-button{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);pointer-events:auto;opacity:1}.md .searchbar-enabled .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(0,0,0);transform:translate3d(0,0,0);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)}}.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:0}.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:0}.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:0}.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}}.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:0 0 2px rgba(0,0,0,.2);box-shadow:0 0 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}.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:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 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(0,0,0);transform:translate3d(0,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-invisible-blank-slide{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:0;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(0,-50%,0);transform:translate3d(0,-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}.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}}.ios .toolbar~.photo-browser-captions{bottom:44px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ios .toolbar~.photo-browser-captions.photo-browser-captions-exposed{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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))}.md .toolbar~.photo-browser-captions{bottom:48px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.md .toolbar~.photo-browser-captions.photo-browser-captions-exposed{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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)}.ios .notification{left:8px;top:8px;width:calc(100% - 16px);background:rgba(250,250,250,.95);border-radius:12px;-webkit-box-shadow:0 5px 25px -10px rgba(0,0,0,.7);box-shadow:0 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}.md .notification{left:0;top:0;width:100%;background:#fff;border-radius:0;-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%}.ios .autocomplete-dropdown{-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2);box-shadow:0 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}.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:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.elevation-1{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.elevation-2{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.elevation-3{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.elevation-4{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.elevation-5{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.elevation-6{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.elevation-7{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.elevation-8{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.elevation-9{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.elevation-10{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.elevation-11{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.elevation-12{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.elevation-13{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.elevation-14{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.elevation-15{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.elevation-16{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.elevation-17{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.elevation-18{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.elevation-19{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.elevation-20{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.elevation-21{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.elevation-22{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.elevation-23{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.elevation-24{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-0:hover{-webkit-box-shadow:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.device-desktop .elevation-hover-1:hover{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-2:hover{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-3:hover{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-4:hover{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-5:hover{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-6:hover{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-7:hover{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-8:hover{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-9:hover{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-10:hover{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-11:hover{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-12:hover{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-13:hover{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-14:hover{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-15:hover{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-16:hover{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-17:hover{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-18:hover{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-19:hover{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-20:hover{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-21:hover{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-22:hover{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-23:hover{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.device-desktop .elevation-hover-24:hover{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{-webkit-box-shadow:0 0 0 0 transparent!important;box-shadow:0 0 0 0 transparent!important}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{-webkit-box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 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}.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/js/framework7.js b/framework7/js/framework7.js new file mode 100644 index 0000000..cafe5fb --- /dev/null +++ b/framework7/js/framework7.js @@ -0,0 +1,31312 @@ +/** + * Framework7 3.0.0 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2018 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: July 5, 2018 + */ + +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : + typeof define === 'function' && define.amd ? define(factory) : + (global.Framework7 = factory()); +}(this, (function () { 'use strict'; + + /** + * Template7 1.3.6 + * Mobile-first HTML template engine + * + * http://www.idangero.us/template7/ + * + * Copyright 2018, Vladimir Kharlampidi + * The iDangero.us + * http://www.idangero.us/ + * + * Licensed under MIT + * + * Released on: June 11, 2018 + */ + 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) { + return (typeof Template7Context !== 'undefined' && Template7Context.escape) ? + Template7Context.escape(string) : + string + .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).map(function (part) { + if (part.indexOf(replace) < 0) { return part; } + if (!object) { return JSON.stringify(''); } + 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'; } + return variable; + }).join(''); + }, + parseJsParents: function parseJsParents(expression, parents) { + return expression.split(/([+ -*^])/g).map(function (part) { + if (part.indexOf('../') < 0) { return part; } + if (!parents || parents.length === 0) { return JSON.stringify(''); } + 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 (variable[partName]) { variable = variable[partName]; } + else { variable = 'undefined'; } + }); + return JSON.stringify(variable); + }).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 script = Template7Context.document.createElement('script'); + Template7Context.document.head.appendChild(script); + + 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.0 + * Better handling for window object in SSR environment + * https://github.com/nolimits4web/ssr-window + * + * Copyright 2018, Vladimir Kharlampidi + * + * Licensed under MIT + * + * Released on: February 10, 2018 + */ + var d; + if (typeof document === 'undefined') { + d = { + 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: '' }, + }; + } else { + // eslint-disable-next-line + d = document; + } + + var doc = d; + + var w; + if (typeof window === 'undefined') { + w = { + 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() {}, + }; + } else { + // eslint-disable-next-line + w = window; + } + + var win = w; + + /** + * Dom7 2.0.7 + * 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: June 14, 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 $$1(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); + } + + $$1.fn = Dom7.prototype; + $$1.Class = Dom7; + $$1.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) { + var this$1 = this; + + 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$1[j] !== 'undefined' && typeof this$1[j].classList !== 'undefined') { this$1[j].classList.add(classes[i]); } + } + } + return this; + } + function removeClass(className) { + var this$1 = 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$1[j] !== 'undefined' && typeof this$1[j].classList !== 'undefined') { this$1[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 this$1 = 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$1[j] !== 'undefined' && typeof this$1[j].classList !== 'undefined') { this$1[j].classList.toggle(classes[i]); } + } + } + return this; + } + function attr(attrs, value) { + var arguments$1 = arguments; + var this$1 = this; + + 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$1[i].setAttribute(attrs, value); + } else { + // Object + // eslint-disable-next-line + for (var attrName in attrs) { + this$1[i][attrName] = attrs[attrName]; + this$1[i].setAttribute(attrName, attrs[attrName]); + } + } + } + return this; + } + // eslint-disable-next-line + function removeAttr(attr) { + var this$1 = this; + + for (var i = 0; i < this.length; i += 1) { + this$1[i].removeAttribute(attr); + } + return this; + } + // eslint-disable-next-line + function prop(props, value) { + var arguments$1 = arguments; + var this$1 = this; + + 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$1[i][props] = value; + } else { + // Object + // eslint-disable-next-line + for (var propName in props) { + this$1[i][propName] = props[propName]; + } + } + } + return this; + } + } + function data(key, value) { + var this$1 = this; + + 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$1[i]; + if (!el.dom7ElementDataStorage) { el.dom7ElementDataStorage = {}; } + el.dom7ElementDataStorage[key] = value; + } + return this; + } + function removeData(key) { + var this$1 = this; + + for (var i = 0; i < this.length; i += 1) { + var el = this$1[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) { + var this$1 = this; + + for (var i = 0; i < this.length; i += 1) { + var elStyle = this$1[i].style; + elStyle.webkitTransform = transform; + elStyle.transform = transform; + } + return this; + } + function transition(duration) { + var this$1 = this; + + if (typeof duration !== 'string') { + duration = duration + "ms"; // eslint-disable-line + } + for (var i = 0; i < this.length; i += 1) { + var elStyle = this$1[i].style; + elStyle.webkitTransitionDuration = duration; + elStyle.transitionDuration = duration; + } + return this; + } + // Events + function on() { + var this$1 = this; + 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 ($$1(target).is(targetSelector)) { listener.apply(target, eventData); } + else { + var parents = $$1(target).parents(); // eslint-disable-line + for (var k = 0; k < parents.length; k += 1) { + if ($$1(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$1[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 this$1 = this; + 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$1[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 this$1 = this; + 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$1[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() { + var this$1 = this; + + for (var i = 0; i < this.length; i += 1) { + this$1[i].style.display = 'none'; + } + return this; + } + function show() { + var this$1 = this; + + for (var i = 0; i < this.length; i += 1) { + var el = this$1[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 this$1 = this; + + 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$1[i].style[prop] = props[prop]; + } + } + return this; + } + } + if (arguments.length === 2 && typeof props === 'string') { + for (i = 0; i < this.length; i += 1) { + this$1[i].style[props] = value; + } + return this; + } + return this; + } + + // Dom manipulation + function toArray() { + var this$1 = this; + + var arr = []; + for (var i = 0; i < this.length; i += 1) { + arr.push(this$1[i]); + } + return arr; + } + // Iterate over the collection passing elements to `callback` + function each(callback) { + var this$1 = this; + + // 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$1[i], i, this$1[i]) === false) { + // End the loop early + return this$1; + } + } + // Return `this` to allow chained DOM operations + return this; + } + function forEach(callback) { + var this$1 = this; + + // 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$1[i], this$1[i], i) === false) { + // End the loop early + return this$1; + } + } + // 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) { + var this$1 = this; + + if (typeof html === 'undefined') { + return this[0] ? this[0].innerHTML : undefined; + } + + for (var i = 0; i < this.length; i += 1) { + this$1[i].innerHTML = html; + } + return this; + } + // eslint-disable-next-line + function text(text) { + var this$1 = this; + + if (typeof text === 'undefined') { + if (this[0]) { + return this[0].textContent.trim(); + } + return null; + } + + for (var i = 0; i < this.length; i += 1) { + this$1[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 = $$1(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) { + var this$1 = this; + + for (var i = 0; i < this.length; i += 1) { + if (this$1[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 this$1 = this; + 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$1[i].appendChild(tempDiv.firstChild); + } + } else if (newChild instanceof Dom7) { + for (var j = 0; j < newChild.length; j += 1) { + this$1[i].appendChild(newChild[j]); + } + } else { + this$1[i].appendChild(newChild); + } + } + } + + return this; + } + // eslint-disable-next-line + function appendTo(parent) { + $$1(parent).append(this); + return this; + } + function prepend(newChild) { + var this$1 = this; + + 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$1[i].insertBefore(tempDiv.childNodes[j], this$1[i].childNodes[0]); + } + } else if (newChild instanceof Dom7) { + for (j = 0; j < newChild.length; j += 1) { + this$1[i].insertBefore(newChild[j], this$1[i].childNodes[0]); + } + } else { + this$1[i].insertBefore(newChild, this$1[i].childNodes[0]); + } + } + return this; + } + // eslint-disable-next-line + function prependTo(parent) { + $$1(parent).prepend(this); + return this; + } + function insertBefore(selector) { + var this$1 = this; + + var before = $$1(selector); + for (var i = 0; i < this.length; i += 1) { + if (before.length === 1) { + before[0].parentNode.insertBefore(this$1[i], before[0]); + } else if (before.length > 1) { + for (var j = 0; j < before.length; j += 1) { + before[j].parentNode.insertBefore(this$1[i].cloneNode(true), before[j]); + } + } + } + } + function insertAfter(selector) { + var this$1 = this; + + var after = $$1(selector); + for (var i = 0; i < this.length; i += 1) { + if (after.length === 1) { + after[0].parentNode.insertBefore(this$1[i], after[0].nextSibling); + } else if (after.length > 1) { + for (var j = 0; j < after.length; j += 1) { + after[j].parentNode.insertBefore(this$1[i].cloneNode(true), after[j].nextSibling); + } + } + } + } + function next(selector) { + if (this.length > 0) { + if (selector) { + if (this[0].nextElementSibling && $$1(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 ($$1(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 && $$1(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 ($$1(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 this$1 = this; + + var parents = []; // eslint-disable-line + for (var i = 0; i < this.length; i += 1) { + if (this$1[i].parentNode !== null) { + if (selector) { + if ($$1(this$1[i].parentNode).is(selector)) { parents.push(this$1[i].parentNode); } + } else { + parents.push(this$1[i].parentNode); + } + } + } + return $$1(unique(parents)); + } + function parents(selector) { + var this$1 = this; + + var parents = []; // eslint-disable-line + for (var i = 0; i < this.length; i += 1) { + var parent = this$1[i].parentNode; // eslint-disable-line + while (parent) { + if (selector) { + if ($$1(parent).is(selector)) { parents.push(parent); } + } else { + parents.push(parent); + } + parent = parent.parentNode; + } + } + return $$1(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 this$1 = this; + + var foundElements = []; + for (var i = 0; i < this.length; i += 1) { + var found = this$1[i].querySelectorAll(selector); + for (var j = 0; j < found.length; j += 1) { + foundElements.push(found[j]); + } + } + return new Dom7(foundElements); + } + function children(selector) { + var this$1 = this; + + var children = []; // eslint-disable-line + for (var i = 0; i < this.length; i += 1) { + var childNodes = this$1[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 && $$1(childNodes[j]).is(selector)) { + children.push(childNodes[j]); + } + } + } + return new Dom7(unique(children)); + } + function remove() { + var this$1 = this; + + for (var i = 0; i < this.length; i += 1) { + if (this$1[i].parentNode) { this$1[i].parentNode.removeChild(this$1[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 = $$1(args[i]); + for (j = 0; j < toAdd.length; j += 1) { + dom[dom.length] = toAdd[j]; + dom.length += 1; + } + } + return dom; + } + function empty() { + var this$1 = this; + + for (var i = 0; i < this.length; i += 1) { + var el = this$1[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 = 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 = 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 = Object.freeze({ + animate: animate, + stop: stop + }); + + var noTrigger = ('resize scroll').split(' '); + function eventShortcut(name) { + var this$1 = this; + 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$1[i]) { this$1[i][name](); } + else { + $$1(this$1[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 = 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) { + $$1.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 Utils = { + 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(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[1]) || ''; + } + } + 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, + macos: false, + windows: false, + cordova: !!(win.cordova || win.phonegap), + phonegap: !!(win.cordova || win.phonegap), + }; + + 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 && win.screen.width === 375 && win.screen.height === 812; + var ie = ua.indexOf('MSIE ') >= 0 || ua.indexOf('Trident/') >= 0; + var edge = ua.indexOf('Edge/') >= 0; + var macos = platform === 'MacIntel'; + var windows = platform === 'Win32'; + + device.ie = ie; + device.edge = edge; + + // Windows + if (windowsPhone) { + device.os = 'windows'; + device.osVersion = windows[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); + device.webview = 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 { + 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; + }; + + 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.useModules = function useModules (modulesParams) { + if ( modulesParams === void 0 ) modulesParams = {}; + + var instance = this; + if (!instance.modules) { return; } + Object.keys(instance.modules).forEach(function (moduleName) { + var module = instance.modules[moduleName]; + var moduleParams = modulesParams[moduleName] || {}; + // 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]); + }); + } + + // Module create callback + if (module.create) { + module.create.bind(instance)(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 ); + + var Framework7 = (function (Framework7Class$$1) { + function Framework7(params) { + Framework7Class$$1.call(this, params); + + var passedParams = Utils.extend({}, params); + + // App Instance + var app = this; + + // Default + var defaults = { + version: '1.0.0', + id: 'io.framework7.testapp', + root: 'body', + theme: 'auto', + language: win.navigator.language, + routes: [], + name: 'Framework7', + 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 = $$1(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 + if (app.params.init) { + if (Device.cordova && app.params.initOnDeviceReady) { + $$1(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.init = function init () { + var app = this; + if (app.initialized) { return app; } + + app.root.addClass('framework7-initializing'); + + // RTL attr + if (app.rtl) { + $$1('html').attr('dir', 'rtl'); + } + + // Root class + app.root.addClass('framework7-root'); + + // Theme class + $$1('html').removeClass('ios md').addClass(app.theme); + + // 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]; + } + }); + } + // 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 + prototypeAccessors.$.get = function () { + return $$1; + }; + // eslint-disable-next-line + prototypeAccessors.t7.get = function () { + return Template7; + }; + + staticAccessors.Dom7.get = function () { + return $$1; + }; + + staticAccessors.$.get = function () { + return $$1; + }; + + 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)); + + 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.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 !!(('ontouchstart' in win) || (win.DocumentTouch && doc instanceof win.DocumentTouch)); + }()), + + pointerEvents: !!(win.navigator.pointerEnabled || win.PointerEvent), + 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 { + 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 = $$1(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 = $$1(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.is(params.fastClicksExclude)) { 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 = $$1(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 = $$1(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 () { + $$1('.active-state').removeClass('active-state'); + }, 0); + } + if (useRipple) { + touchStartX = e.pageX; + touchStartY = e.pageY; + rippleTouchStart(e.target, e.pageX, e.pageY); + } + } + function handleMouseMove() { + $$1('.active-state').removeClass('active-state'); + if (useRipple) { + rippleTouchMove(); + } + } + function handleMouseUp() { + $$1('.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(); + $$1(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; + $$1(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(); + } + } + 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); + 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 = '/'; + var DEFAULT_DELIMITERS = './'; + + /** + * 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, "?"] + // "/route(\\d+)" => [undefined, 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 delimiters = (options && options.delimiters) || DEFAULT_DELIMITERS; + 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 next = str[index]; + 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; + + if (delimiters.indexOf(path[k]) > -1) { + prev = path[k]; + path = path.slice(0, k); + } + } + + // Push the current path onto the tokens. + if (path) { + tokens.push(path); + path = ''; + pathEscaped = false; + } + + var partial = prev !== '' && next !== undefined && next !== prev; + var repeat = modifier === '+' || modifier === '*'; + var optional = modifier === '?' || modifier === '*'; + var delimiter = prev || defaultDelimiter; + var pattern = capture || group; + + tokens.push({ + name: name || key++, + prefix: prev, + delimiter: delimiter, + optional: optional, + repeat: repeat, + partial: partial, + pattern: pattern ? escapeGroup(pattern) : '[^' + escapeString(delimiter) + ']+?' + }); + } + + // 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]); + + 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)); + + 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) { + // Prepend partial segment prefixes. + if (token.partial) { path += token.prefix; } + + 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, + partial: 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 end = options.end !== false; + var delimiter = escapeString(options.delimiter || DEFAULT_DELIMITER); + var delimiters = options.delimiters || DEFAULT_DELIMITERS; + var endsWith = [].concat(options.endsWith || []).map(escapeString).concat('$').join('|'); + var route = ''; + var isEndDelimited = false; + + // 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); + isEndDelimited = i === tokens.length - 1 && delimiters.indexOf(token[token.length - 1]) > -1; + } else { + var prefix = escapeString(token.prefix); + var capture = token.repeat + ? '(?:' + token.pattern + ')(?:' + prefix + '(?:' + token.pattern + '))*' + : token.pattern; + + if (keys) { keys.push(token); } + + if (token.optional) { + if (token.partial) { + route += prefix + '(' + capture + ')?'; + } else { + route += '(?:' + prefix + '(' + capture + '))?'; + } + } else { + route += prefix + '(' + capture + ')'; + } + } + } + + if (end) { + if (!strict) { route += '(?:' + delimiter + ')?'; } + + route += endsWith === '$' ? '$' : '(?=' + endsWith + ')'; + } else { + if (!strict) { route += '(?:' + delimiter + '(?=' + endsWith + '))?'; } + if (!isEndDelimited) { route += '(?=' + 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 tempDom = doc.createElement('div'); + + var Framework7Component = function Framework7Component(opts, extendContext) { + if ( extendContext === void 0 ) extendContext = {}; + + var options = Utils.extend({}, opts); + var component = Utils.merge(this, extendContext, { $options: options }); + + // Apply context + ('beforeCreate created beforeMount mounted beforeDestroy destroyed').split(' ').forEach(function (cycleKey) { + if (options[cycleKey]) { options[cycleKey] = options[cycleKey].bind(component); } + }); + + if (options.data) { + options.data = options.data.bind(component); + // Data + Utils.extend(component, options.data()); + } + if (options.render) { options.render = options.render.bind(component); } + if (options.methods) { + Object.keys(options.methods).forEach(function (methodName) { + component[methodName] = options.methods[methodName].bind(component); + }); + } + + // Bind Events + if (options.on) { + Object.keys(options.on).forEach(function (eventName) { + options.on[eventName] = options.on[eventName].bind(component); + }); + } + if (options.once) { + Object.keys(options.once).forEach(function (eventName) { + options.once[eventName] = options.once[eventName].bind(component); + }); + } + + if (options.beforeCreate) { options.beforeCreate(); } + + // Watchers + if (options.watch) { + Object.keys(options.watch).forEach(function (watchKey) { + var dataKeyValue = component[watchKey]; + Object.defineProperty(component, watchKey, { + enumerable: true, + configurable: true, + set: function set(newValue) { + var previousValue = dataKeyValue; + dataKeyValue = newValue; + if (previousValue === newValue) { return; } + options.watch[watchKey].call(component, newValue, previousValue); + }, + get: function get() { + return dataKeyValue; + }, + }); + }); + } + + // Render template + + function render() { + var html = ''; + if (options.render) { + html = options.render(); + } else if (options.template) { + if (typeof options.template === 'string') { + try { + html = Template7.compile(options.template)(component); + } catch (err) { + throw err; + } + } else { + // Supposed to be function + html = options.template(component); + } + } + return html; + } + + var html = render(); + + // Make Dom + if (html && typeof html === 'string') { + html = html.trim(); + tempDom.innerHTML = html; + } else if (html) { + tempDom.innerHTML = ''; + tempDom.appendChild(html); + } + + // Extend component with $el + var el = tempDom.children[0]; + var $el = $$1(el); + component.$el = $el; + component.el = el; + component.el = el; + + // Find Events + var events = []; + $$1(tempDom).find('*').each(function (index, element) { + var attrs = []; + for (var i = 0; i < element.attributes.length; i += 1) { + var attr = element.attributes[i]; + if (attr.name.indexOf('@') === 0) { + attrs.push({ + name: attr.name, + value: attr.value, + }); + } + } + attrs.forEach(function (attr) { + element.removeAttribute(attr.name); + var event = attr.name.replace('@', ''); + var name = event; + var stop = false; + var prevent = false; + var once = false; + if (event.indexOf('.') >= 0) { + event.split('.').forEach(function (eventNamePart, eventNameIndex) { + if (eventNameIndex === 0) { name = eventNamePart; } + else { + if (eventNamePart === 'stop') { stop = true; } + if (eventNamePart === 'prevent') { prevent = true; } + if (eventNamePart === 'once') { once = true; } + } + }); + } + var value = attr.value.toString(); + events.push({ + el: element, + name: name, + once: once, + handler: function handler() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + var e = args[0]; + if (stop) { e.stopPropagation(); } + if (prevent) { e.preventDefault(); } + var methodName; + var method; + var customArgs = []; + if (value.indexOf('(') < 0) { + customArgs = args; + methodName = value; + } else { + methodName = value.split('(')[0]; + value.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 = component; } + deepArg = deepArg[path]; + }); + arg = deepArg; + } else { + arg = component[arg]; + } + customArgs.push(arg); + }); + } + if (methodName.indexOf('.') >= 0) { + methodName.split('.').forEach(function (path, pathIndex) { + if (!method) { method = component; } + if (method[path]) { method = method[path]; } + else { + throw new Error(("Component doesn't have method \"" + (methodName.split('.').slice(0, pathIndex + 1).join('.')) + "\"")); + } + }); + } else { + if (!component[methodName]) { + throw new Error(("Component doesn't have method \"" + methodName + "\"")); + } + method = component[methodName]; + } + method.apply(void 0, customArgs); + }, + }); + }); + }); + + // Set styles scope ID + var styleEl; + if (options.style) { + styleEl = doc.createElement('style'); + styleEl.innerHTML = options.style; + } + if (options.styleScopeId) { + el.setAttribute('data-scope', options.styleScopeId); + } + + // Attach events + function attachEvents() { + 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]); + }); + } + events.forEach(function (event) { + $$1(event.el)[event.once ? 'once' : 'on'](event.name, event.handler); + }); + } + + function detachEvents() { + 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]); + }); + } + events.forEach(function (event) { + $$1(event.el).off(event.name, event.handler); + }); + } + + attachEvents(); + + // Created callback + if (options.created) { options.created(); } + + // Mount + component.$mount = function mount(mountMethod) { + if (options.beforeMount) { options.beforeMount(); } + if (styleEl) { $$1('head').append(styleEl); } + if (mountMethod) { mountMethod(el); } + if (options.mounted) { options.mounted(); } + }; + + // Destroy + component.$destroy = function destroy() { + if (options.beforeDestroy) { options.beforeDestroy(); } + if (styleEl) { $$1(styleEl).remove(); } + detachEvents(); + if (options.destroyed) { options.destroyed(); } + // Delete component instance + if (el && el.f7Component) { + el.f7Component = null; + delete el.f7Component; + } + Utils.deleteProps(component); + component = null; + }; + + // Store component instance + for (var i = 0; i < tempDom.children.length; i += 1) { + tempDom.children[i].f7Component = component; + } + + return component; + }; + + + var Component = { + parse: function parse(componentString) { + var callbackName = "f7_component_callback_" + (new Date().getTime()); + + // Template + var template; + if (componentString.indexOf('