diff --git a/Gruntfile.js b/Gruntfile.js index 0520c715fc..d69c17f84c 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -1,42 +1,10 @@ +const path = require('path'); const sass = require('sass'); +const webpackConfig = require('./webpack.config.js'); module.exports = function(grunt) { - const concatFile = 'temp/js/materialize_concat.js.map'; - const jsFiles = [ - 'js/cash.js', - 'js/waves.js', - 'js/component.js', - 'js/global.js', - 'js/anime.min.js', - 'js/collapsible.js', - 'js/dropdown.js', - 'js/modal.js', - 'js/materialbox.js', - 'js/parallax.js', - 'js/tabs.js', - 'js/tooltip.js', - 'js/toasts.js', - 'js/sidenav.js', - 'js/scrollspy.js', - 'js/autocomplete.js', - 'js/forms.js', - 'js/slider.js', - 'js/cards.js', - 'js/chips.js', - 'js/pushpin.js', - 'js/buttons.js', - 'js/datepicker.js', - 'js/timepicker.js', - 'js/characterCounter.js', - 'js/carousel.js', - 'js/tapTarget.js', - 'js/select.js', - 'js/range.js' - ]; - // configure the tasks const config = { - // Jasmine jasmine: { components: { src: ['bin/materialize.js'], @@ -60,13 +28,11 @@ module.exports = function(grunt) { } }, - // Sass sass: { // Global options options: { implementation: sass }, - // Task expanded: { // Target options @@ -112,7 +78,6 @@ module.exports = function(grunt) { } }, - // PostCss Autoprefixer postcss: { options: { processors: [ @@ -141,34 +106,46 @@ module.exports = function(grunt) { } }, - babel: { + webpack: { options: { - sourceMap: false, - plugins: [ - 'transform-es2015-arrow-functions', - 'transform-es2015-block-scoping', - 'transform-es2015-classes', - 'transform-es2015-template-literals', - 'transform-es2015-object-super', - 'babel-plugin-transform-object-rest-spread' - ] + /*stats: !process.env.NODE_ENV || process.env.NODE_ENV === "development",*/ }, - bin: { - options: { - sourceMap: true + + dev: Object.assign({}, webpackConfig, { + mode: 'development' + }), + + dev_watch: Object.assign({}, webpackConfig, { + mode: 'development', + watch: true, + }), + + dev_dist: Object.assign({}, webpackConfig, { + mode: 'development', + devtool: false, + optimization: { + minimize: false }, - files: { - 'bin/materialize.js': 'temp/js/materialize_concat.js' + output: { + filename: 'materialize.js', + path: path.resolve(__dirname, 'dist/js'), + libraryTarget: 'var', + library: 'M' } - }, - dist: { - files: { - 'dist/js/materialize.js': 'temp/js/materialize.js' + }), + + prod_min: Object.assign({}, webpackConfig, { + mode: 'production', + devtool: 'source-map', + output: { + filename: 'materialize.min.js', + path: path.resolve(__dirname, 'dist/js'), + libraryTarget: 'var', + library: 'M' } - } - }, + }), + }, - // Browser Sync integration browserSync: { bsFiles: ['bin/*', 'css/ghpages-materialize.css', '!**/node_modules/**/*'], options: { @@ -186,55 +163,6 @@ module.exports = function(grunt) { } }, - // Concat - concat: { - options: { - separator: ';' - }, - dist: { - // the files to concatenate - src: jsFiles, - // the location of the resulting JS file - dest: 'temp/js/materialize.js' - }, - temp: { - // the files to concatenate - options: { - sourceMap: true, - sourceMapStyle: 'link' - }, - src: jsFiles, - // the location of the resulting JS file - dest: 'temp/js/materialize_concat.js' - } - }, - - // Uglify - uglify: { - options: { - // Use these options when debugging - // mangle: false, - // compress: false, - // beautify: true - }, - dist: { - files: { - 'dist/js/materialize.min.js': ['dist/js/materialize.js'] - } - }, - bin: { - files: { - 'bin/materialize.min.js': ['bin/materialize.js'] - } - }, - extras: { - files: { - 'extras/noUiSlider/nouislider.min.js': ['extras/noUiSlider/nouislider.js'] - } - } - }, - - // Compress compress: { main: { options: { @@ -255,42 +183,7 @@ module.exports = function(grunt) { files: [ { expand: true, cwd: 'sass/', src: ['materialize.scss'], dest: 'materialize-src/sass/' }, { expand: true, cwd: 'sass/', src: ['components/**/*'], dest: 'materialize-src/sass/' }, - { - expand: true, - cwd: 'js/', - src: [ - 'anime.min.js', - 'cash.js', - 'component.js', - 'global.js', - 'collapsible.js', - 'dropdown.js', - 'modal.js', - 'materialbox.js', - 'parallax.js', - 'tabs.js', - 'tooltip.js', - 'waves.js', - 'toasts.js', - 'sidenav.js', - 'scrollspy.js', - 'autocomplete.js', - 'forms.js', - 'slider.js', - 'cards.js', - 'chips.js', - 'pushpin.js', - 'buttons.js', - 'datepicker.js', - 'timepicker.js', - 'characterCounter.js', - 'carousel.js', - 'tapTarget.js', - 'select.js', - 'range.js' - ], - dest: 'materialize-src/js/' - }, + { expand: true, cwd: 'src/', src: ['**/*'], dest: 'materialize-src/ts/' }, { expand: true, cwd: 'dist/js/', src: ['**/*'], dest: 'materialize-src/js/bin/' }, { expand: true, cwd: './', src: ['LICENSE', 'README.md'], dest: 'materialize-src/' } ] @@ -353,14 +246,6 @@ module.exports = function(grunt) { } }, - // Clean - clean: { - temp: { - src: ['temp/'] - } - }, - - // Pug pug: { compile: { options: { @@ -372,7 +257,7 @@ module.exports = function(grunt) { files: [{ expand: true, cwd: 'pug/', - src: ['*.pug'], + src: ['*.pug', '!**/pug/includes/*.*'], dest: 'docs/', rename: function (dest, src) { return dest + src.split('.', 2)[0] + '.html'; @@ -381,7 +266,6 @@ module.exports = function(grunt) { } }, - // Watch Files watch: { pug: { files: ['pug/**/*'], @@ -391,16 +275,14 @@ module.exports = function(grunt) { spawn: false } }, - - js: { - files: ['js/**/*', '!js/init.js'], - tasks: ['js_compile'], + copydocs: { + files: ['bin/*.js'], + tasks: ['copy:docs_js'], options: { interrupt: false, spawn: false } }, - sass: { files: ['sass/**/*'], tasks: ['sass_compile'], @@ -411,7 +293,6 @@ module.exports = function(grunt) { } }, - // Concurrent concurrent: { options: { logConcurrentOutput: true, @@ -419,71 +300,17 @@ module.exports = function(grunt) { }, monitor: { tasks: [ + 'webpack:dev_watch', 'pug_compile', 'sass_compile', - 'js_compile', 'watch:pug', - 'watch:js', 'watch:sass', - 'notify:watching', + 'watch:copydocs', 'server' ] } }, - // Notifications - notify: { - watching: { - options: { - enabled: true, - message: 'Watching Files!', - title: 'Materialize', // defaults to the name in package.json, or will use project directory's name - success: true, // whether successful grunt executions should be notified automatically - duration: 1 // the duration of notification in seconds, for `notify-send only - } - }, - - sass_compile: { - options: { - enabled: true, - message: 'Sass Compiled!', - title: 'Materialize', - success: true, - duration: 1 - } - }, - - js_compile: { - options: { - enabled: true, - message: 'JS Compiled!', - title: 'Materialize', - success: true, - duration: 1 - } - }, - - pug_compile: { - options: { - enabled: true, - message: 'Pug Compiled!', - title: 'Materialize', - success: true, - duration: 1 - } - }, - - server: { - options: { - enabled: true, - message: 'Server Running!', - title: 'Materialize', - success: true, - duration: 1 - } - } - }, - // Replace text to update the version string replace: { version: { @@ -537,17 +364,16 @@ module.exports = function(grunt) { } }, - // Rename files rename: { rename_src: { - src: 'bin/materialize-src' + '.zip', + src: 'bin/materialize-src.zip', dest: 'bin/materialize-src-v' + grunt.option('newver') + '.zip', options: { ignore: true } }, rename_compiled: { - src: 'bin/materialize' + '.zip', + src: 'bin/materialize.zip', dest: 'bin/materialize-v' + grunt.option('newver') + '.zip', options: { ignore: true @@ -593,20 +419,16 @@ module.exports = function(grunt) { // grunt.loadNpmTasks('grunt-gitinfo'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.loadNpmTasks('grunt-sass'); - grunt.loadNpmTasks('grunt-contrib-concat'); - grunt.loadNpmTasks('grunt-contrib-uglify'); grunt.loadNpmTasks('grunt-contrib-compress'); - grunt.loadNpmTasks('grunt-contrib-clean'); grunt.loadNpmTasks('grunt-contrib-pug'); grunt.loadNpmTasks('grunt-concurrent'); - grunt.loadNpmTasks('grunt-notify'); grunt.loadNpmTasks('grunt-text-replace'); grunt.loadNpmTasks('grunt-banner'); grunt.loadNpmTasks('grunt-rename-util'); grunt.loadNpmTasks('grunt-browser-sync'); grunt.loadNpmTasks('grunt-contrib-jasmine'); grunt.loadNpmTasks('grunt-postcss'); - grunt.loadNpmTasks('grunt-babel'); + grunt.loadNpmTasks('grunt-webpack'); grunt.loadNpmTasks('grunt-contrib-connect'); grunt.loadNpmTasks('grunt-contrib-copy'); @@ -616,10 +438,8 @@ module.exports = function(grunt) { 'sass:min', 'postcss:expanded', 'postcss:min', - 'concat:dist', - 'babel:dist', - 'uglify:dist', - 'uglify:extras', + 'webpack:dev_dist', + 'webpack:prod_min', 'usebanner:release', 'compress:main', 'compress:src', @@ -629,30 +449,12 @@ module.exports = function(grunt) { 'replace:package_json', 'rename:rename_src', 'rename:rename_compiled', - 'clean:temp' ]); - - grunt.task.registerTask('configureBabel', 'configures babel options', function() { - config.babel.bin.options.inputSourceMap = grunt.file.readJSON(concatFile); - }); - - grunt.registerTask('pug_compile', ['pug', 'notify:pug_compile']); - grunt.registerTask('js_compile', [ - 'concat:temp', - 'configureBabel', - 'babel:bin', - 'clean:temp', - 'copy:docs_js' - ]); - grunt.registerTask('sass_compile', [ - 'sass:gh', - 'sass:bin', - 'postcss:gh', - 'postcss:bin', - 'notify:sass_compile' - ]); - grunt.registerTask('server', ['browserSync', 'notify:server']); - grunt.registerTask('monitor', ['concurrent:monitor']); + grunt.registerTask('pug_compile', ['pug']); + grunt.registerTask('js_compile', ['webpack:dev', 'copy:docs_js']); + grunt.registerTask('sass_compile', ['sass:gh', 'sass:bin', 'postcss:gh', 'postcss:bin']); + grunt.registerTask('server', ['browserSync']); + grunt.registerTask('monitor', ['concurrent:monitor']); // DEV grunt.registerTask('test', ['js_compile', 'sass_compile', 'connect', 'jasmine']); grunt.registerTask('jas_test', ['connect', 'jasmine']); grunt.registerTask('test_repeat', function() { @@ -661,7 +463,6 @@ module.exports = function(grunt) { for (let i = 0; i < n; i++) { tasks.push('jasmine'); } - grunt.task.run(tasks); }); grunt.registerTask('docs', [ diff --git a/README.md b/README.md index 595c6e2c78..fbf41755a2 100644 --- a/README.md +++ b/README.md @@ -4,10 +4,10 @@
-
- Materialize, a CSS Framework based on material design.
+ Materialize, a CSS Framework based on Material Design.
-- Browse the docs --
diff --git a/docs/css/ghpages-materialize.css b/docs/css/ghpages-materialize.css
index 3f7b381d31..88eeccc52f 100644
--- a/docs/css/ghpages-materialize.css
+++ b/docs/css/ghpages-materialize.css
@@ -1,7 +1 @@
-.materialize-red{background-color:#e51c23 !important}.materialize-red-text{color:#e51c23 !important}.materialize-red.lighten-5{background-color:#fdeaeb !important}.materialize-red-text.text-lighten-5{color:#fdeaeb !important}.materialize-red.lighten-4{background-color:#f8c1c3 !important}.materialize-red-text.text-lighten-4{color:#f8c1c3 !important}.materialize-red.lighten-3{background-color:#f3989b !important}.materialize-red-text.text-lighten-3{color:#f3989b !important}.materialize-red.lighten-2{background-color:#ee6e73 !important}.materialize-red-text.text-lighten-2{color:#ee6e73 !important}.materialize-red.lighten-1{background-color:#ea454b !important}.materialize-red-text.text-lighten-1{color:#ea454b !important}.materialize-red.darken-1{background-color:#d0181e !important}.materialize-red-text.text-darken-1{color:#d0181e !important}.materialize-red.darken-2{background-color:#b9151b !important}.materialize-red-text.text-darken-2{color:#b9151b !important}.materialize-red.darken-3{background-color:#a21318 !important}.materialize-red-text.text-darken-3{color:#a21318 !important}.materialize-red.darken-4{background-color:#8b1014 !important}.materialize-red-text.text-darken-4{color:#8b1014 !important}.red{background-color:#f44336 !important}.red-text{color:#f44336 !important}.red.lighten-5{background-color:#ffebee !important}.red-text.text-lighten-5{color:#ffebee !important}.red.lighten-4{background-color:#ffcdd2 !important}.red-text.text-lighten-4{color:#ffcdd2 !important}.red.lighten-3{background-color:#ef9a9a !important}.red-text.text-lighten-3{color:#ef9a9a !important}.red.lighten-2{background-color:#e57373 !important}.red-text.text-lighten-2{color:#e57373 !important}.red.lighten-1{background-color:#ef5350 !important}.red-text.text-lighten-1{color:#ef5350 !important}.red.darken-1{background-color:#e53935 !important}.red-text.text-darken-1{color:#e53935 !important}.red.darken-2{background-color:#d32f2f !important}.red-text.text-darken-2{color:#d32f2f !important}.red.darken-3{background-color:#c62828 !important}.red-text.text-darken-3{color:#c62828 !important}.red.darken-4{background-color:#b71c1c !important}.red-text.text-darken-4{color:#b71c1c !important}.red.accent-1{background-color:#ff8a80 !important}.red-text.text-accent-1{color:#ff8a80 !important}.red.accent-2{background-color:#ff5252 !important}.red-text.text-accent-2{color:#ff5252 !important}.red.accent-3{background-color:#ff1744 !important}.red-text.text-accent-3{color:#ff1744 !important}.red.accent-4{background-color:#d50000 !important}.red-text.text-accent-4{color:#d50000 !important}.pink{background-color:#e91e63 !important}.pink-text{color:#e91e63 !important}.pink.lighten-5{background-color:#fce4ec !important}.pink-text.text-lighten-5{color:#fce4ec !important}.pink.lighten-4{background-color:#f8bbd0 !important}.pink-text.text-lighten-4{color:#f8bbd0 !important}.pink.lighten-3{background-color:#f48fb1 !important}.pink-text.text-lighten-3{color:#f48fb1 !important}.pink.lighten-2{background-color:#f06292 !important}.pink-text.text-lighten-2{color:#f06292 !important}.pink.lighten-1{background-color:#ec407a !important}.pink-text.text-lighten-1{color:#ec407a !important}.pink.darken-1{background-color:#d81b60 !important}.pink-text.text-darken-1{color:#d81b60 !important}.pink.darken-2{background-color:#c2185b !important}.pink-text.text-darken-2{color:#c2185b !important}.pink.darken-3{background-color:#ad1457 !important}.pink-text.text-darken-3{color:#ad1457 !important}.pink.darken-4{background-color:#880e4f !important}.pink-text.text-darken-4{color:#880e4f !important}.pink.accent-1{background-color:#ff80ab !important}.pink-text.text-accent-1{color:#ff80ab !important}.pink.accent-2{background-color:#ff4081 !important}.pink-text.text-accent-2{color:#ff4081 !important}.pink.accent-3{background-color:#f50057 !important}.pink-text.text-accent-3{color:#f50057 !important}.pink.accent-4{background-color:#c51162 !important}.pink-text.text-accent-4{color:#c51162 !important}.purple{background-color:#9c27b0 !important}.purple-text{color:#9c27b0 !important}.purple.lighten-5{background-color:#f3e5f5 !important}.purple-text.text-lighten-5{color:#f3e5f5 !important}.purple.lighten-4{background-color:#e1bee7 !important}.purple-text.text-lighten-4{color:#e1bee7 !important}.purple.lighten-3{background-color:#ce93d8 !important}.purple-text.text-lighten-3{color:#ce93d8 !important}.purple.lighten-2{background-color:#ba68c8 !important}.purple-text.text-lighten-2{color:#ba68c8 !important}.purple.lighten-1{background-color:#ab47bc !important}.purple-text.text-lighten-1{color:#ab47bc !important}.purple.darken-1{background-color:#8e24aa !important}.purple-text.text-darken-1{color:#8e24aa !important}.purple.darken-2{background-color:#7b1fa2 !important}.purple-text.text-darken-2{color:#7b1fa2 !important}.purple.darken-3{background-color:#6a1b9a !important}.purple-text.text-darken-3{color:#6a1b9a !important}.purple.darken-4{background-color:#4a148c !important}.purple-text.text-darken-4{color:#4a148c !important}.purple.accent-1{background-color:#ea80fc !important}.purple-text.text-accent-1{color:#ea80fc !important}.purple.accent-2{background-color:#e040fb !important}.purple-text.text-accent-2{color:#e040fb !important}.purple.accent-3{background-color:#d500f9 !important}.purple-text.text-accent-3{color:#d500f9 !important}.purple.accent-4{background-color:#a0f !important}.purple-text.text-accent-4{color:#a0f !important}.deep-purple{background-color:#673ab7 !important}.deep-purple-text{color:#673ab7 !important}.deep-purple.lighten-5{background-color:#ede7f6 !important}.deep-purple-text.text-lighten-5{color:#ede7f6 !important}.deep-purple.lighten-4{background-color:#d1c4e9 !important}.deep-purple-text.text-lighten-4{color:#d1c4e9 !important}.deep-purple.lighten-3{background-color:#b39ddb !important}.deep-purple-text.text-lighten-3{color:#b39ddb !important}.deep-purple.lighten-2{background-color:#9575cd !important}.deep-purple-text.text-lighten-2{color:#9575cd !important}.deep-purple.lighten-1{background-color:#7e57c2 !important}.deep-purple-text.text-lighten-1{color:#7e57c2 !important}.deep-purple.darken-1{background-color:#5e35b1 !important}.deep-purple-text.text-darken-1{color:#5e35b1 !important}.deep-purple.darken-2{background-color:#512da8 !important}.deep-purple-text.text-darken-2{color:#512da8 !important}.deep-purple.darken-3{background-color:#4527a0 !important}.deep-purple-text.text-darken-3{color:#4527a0 !important}.deep-purple.darken-4{background-color:#311b92 !important}.deep-purple-text.text-darken-4{color:#311b92 !important}.deep-purple.accent-1{background-color:#b388ff !important}.deep-purple-text.text-accent-1{color:#b388ff !important}.deep-purple.accent-2{background-color:#7c4dff !important}.deep-purple-text.text-accent-2{color:#7c4dff !important}.deep-purple.accent-3{background-color:#651fff !important}.deep-purple-text.text-accent-3{color:#651fff !important}.deep-purple.accent-4{background-color:#6200ea !important}.deep-purple-text.text-accent-4{color:#6200ea !important}.indigo{background-color:#3f51b5 !important}.indigo-text{color:#3f51b5 !important}.indigo.lighten-5{background-color:#e8eaf6 !important}.indigo-text.text-lighten-5{color:#e8eaf6 !important}.indigo.lighten-4{background-color:#c5cae9 !important}.indigo-text.text-lighten-4{color:#c5cae9 !important}.indigo.lighten-3{background-color:#9fa8da !important}.indigo-text.text-lighten-3{color:#9fa8da !important}.indigo.lighten-2{background-color:#7986cb !important}.indigo-text.text-lighten-2{color:#7986cb !important}.indigo.lighten-1{background-color:#5c6bc0 !important}.indigo-text.text-lighten-1{color:#5c6bc0 !important}.indigo.darken-1{background-color:#3949ab !important}.indigo-text.text-darken-1{color:#3949ab !important}.indigo.darken-2{background-color:#303f9f !important}.indigo-text.text-darken-2{color:#303f9f !important}.indigo.darken-3{background-color:#283593 !important}.indigo-text.text-darken-3{color:#283593 !important}.indigo.darken-4{background-color:#1a237e !important}.indigo-text.text-darken-4{color:#1a237e !important}.indigo.accent-1{background-color:#8c9eff !important}.indigo-text.text-accent-1{color:#8c9eff !important}.indigo.accent-2{background-color:#536dfe !important}.indigo-text.text-accent-2{color:#536dfe !important}.indigo.accent-3{background-color:#3d5afe !important}.indigo-text.text-accent-3{color:#3d5afe !important}.indigo.accent-4{background-color:#304ffe !important}.indigo-text.text-accent-4{color:#304ffe !important}.blue{background-color:#2196f3 !important}.blue-text{color:#2196f3 !important}.blue.lighten-5{background-color:#e3f2fd !important}.blue-text.text-lighten-5{color:#e3f2fd !important}.blue.lighten-4{background-color:#bbdefb !important}.blue-text.text-lighten-4{color:#bbdefb !important}.blue.lighten-3{background-color:#90caf9 !important}.blue-text.text-lighten-3{color:#90caf9 !important}.blue.lighten-2{background-color:#64b5f6 !important}.blue-text.text-lighten-2{color:#64b5f6 !important}.blue.lighten-1{background-color:#42a5f5 !important}.blue-text.text-lighten-1{color:#42a5f5 !important}.blue.darken-1{background-color:#1e88e5 !important}.blue-text.text-darken-1{color:#1e88e5 !important}.blue.darken-2{background-color:#1976d2 !important}.blue-text.text-darken-2{color:#1976d2 !important}.blue.darken-3{background-color:#1565c0 !important}.blue-text.text-darken-3{color:#1565c0 !important}.blue.darken-4{background-color:#0d47a1 !important}.blue-text.text-darken-4{color:#0d47a1 !important}.blue.accent-1{background-color:#82b1ff !important}.blue-text.text-accent-1{color:#82b1ff !important}.blue.accent-2{background-color:#448aff !important}.blue-text.text-accent-2{color:#448aff !important}.blue.accent-3{background-color:#2979ff !important}.blue-text.text-accent-3{color:#2979ff !important}.blue.accent-4{background-color:#2962ff !important}.blue-text.text-accent-4{color:#2962ff !important}.light-blue{background-color:#03a9f4 !important}.light-blue-text{color:#03a9f4 !important}.light-blue.lighten-5{background-color:#e1f5fe !important}.light-blue-text.text-lighten-5{color:#e1f5fe !important}.light-blue.lighten-4{background-color:#b3e5fc !important}.light-blue-text.text-lighten-4{color:#b3e5fc !important}.light-blue.lighten-3{background-color:#81d4fa !important}.light-blue-text.text-lighten-3{color:#81d4fa !important}.light-blue.lighten-2{background-color:#4fc3f7 !important}.light-blue-text.text-lighten-2{color:#4fc3f7 !important}.light-blue.lighten-1{background-color:#29b6f6 !important}.light-blue-text.text-lighten-1{color:#29b6f6 !important}.light-blue.darken-1{background-color:#039be5 !important}.light-blue-text.text-darken-1{color:#039be5 !important}.light-blue.darken-2{background-color:#0288d1 !important}.light-blue-text.text-darken-2{color:#0288d1 !important}.light-blue.darken-3{background-color:#0277bd !important}.light-blue-text.text-darken-3{color:#0277bd !important}.light-blue.darken-4{background-color:#01579b !important}.light-blue-text.text-darken-4{color:#01579b !important}.light-blue.accent-1{background-color:#80d8ff !important}.light-blue-text.text-accent-1{color:#80d8ff !important}.light-blue.accent-2{background-color:#40c4ff !important}.light-blue-text.text-accent-2{color:#40c4ff !important}.light-blue.accent-3{background-color:#00b0ff !important}.light-blue-text.text-accent-3{color:#00b0ff !important}.light-blue.accent-4{background-color:#0091ea !important}.light-blue-text.text-accent-4{color:#0091ea !important}.cyan{background-color:#00bcd4 !important}.cyan-text{color:#00bcd4 !important}.cyan.lighten-5{background-color:#e0f7fa !important}.cyan-text.text-lighten-5{color:#e0f7fa !important}.cyan.lighten-4{background-color:#b2ebf2 !important}.cyan-text.text-lighten-4{color:#b2ebf2 !important}.cyan.lighten-3{background-color:#80deea !important}.cyan-text.text-lighten-3{color:#80deea !important}.cyan.lighten-2{background-color:#4dd0e1 !important}.cyan-text.text-lighten-2{color:#4dd0e1 !important}.cyan.lighten-1{background-color:#26c6da !important}.cyan-text.text-lighten-1{color:#26c6da !important}.cyan.darken-1{background-color:#00acc1 !important}.cyan-text.text-darken-1{color:#00acc1 !important}.cyan.darken-2{background-color:#0097a7 !important}.cyan-text.text-darken-2{color:#0097a7 !important}.cyan.darken-3{background-color:#00838f !important}.cyan-text.text-darken-3{color:#00838f !important}.cyan.darken-4{background-color:#006064 !important}.cyan-text.text-darken-4{color:#006064 !important}.cyan.accent-1{background-color:#84ffff !important}.cyan-text.text-accent-1{color:#84ffff !important}.cyan.accent-2{background-color:#18ffff !important}.cyan-text.text-accent-2{color:#18ffff !important}.cyan.accent-3{background-color:#00e5ff !important}.cyan-text.text-accent-3{color:#00e5ff !important}.cyan.accent-4{background-color:#00b8d4 !important}.cyan-text.text-accent-4{color:#00b8d4 !important}.teal{background-color:#009688 !important}.teal-text{color:#009688 !important}.teal.lighten-5{background-color:#e0f2f1 !important}.teal-text.text-lighten-5{color:#e0f2f1 !important}.teal.lighten-4{background-color:#b2dfdb !important}.teal-text.text-lighten-4{color:#b2dfdb !important}.teal.lighten-3{background-color:#80cbc4 !important}.teal-text.text-lighten-3{color:#80cbc4 !important}.teal.lighten-2{background-color:#4db6ac !important}.teal-text.text-lighten-2{color:#4db6ac !important}.teal.lighten-1{background-color:#26a69a !important}.teal-text.text-lighten-1{color:#26a69a !important}.teal.darken-1{background-color:#00897b !important}.teal-text.text-darken-1{color:#00897b !important}.teal.darken-2{background-color:#00796b !important}.teal-text.text-darken-2{color:#00796b !important}.teal.darken-3{background-color:#00695c !important}.teal-text.text-darken-3{color:#00695c !important}.teal.darken-4{background-color:#004d40 !important}.teal-text.text-darken-4{color:#004d40 !important}.teal.accent-1{background-color:#a7ffeb !important}.teal-text.text-accent-1{color:#a7ffeb !important}.teal.accent-2{background-color:#64ffda !important}.teal-text.text-accent-2{color:#64ffda !important}.teal.accent-3{background-color:#1de9b6 !important}.teal-text.text-accent-3{color:#1de9b6 !important}.teal.accent-4{background-color:#00bfa5 !important}.teal-text.text-accent-4{color:#00bfa5 !important}.green{background-color:#4caf50 !important}.green-text{color:#4caf50 !important}.green.lighten-5{background-color:#e8f5e9 !important}.green-text.text-lighten-5{color:#e8f5e9 !important}.green.lighten-4{background-color:#c8e6c9 !important}.green-text.text-lighten-4{color:#c8e6c9 !important}.green.lighten-3{background-color:#a5d6a7 !important}.green-text.text-lighten-3{color:#a5d6a7 !important}.green.lighten-2{background-color:#81c784 !important}.green-text.text-lighten-2{color:#81c784 !important}.green.lighten-1{background-color:#66bb6a !important}.green-text.text-lighten-1{color:#66bb6a !important}.green.darken-1{background-color:#43a047 !important}.green-text.text-darken-1{color:#43a047 !important}.green.darken-2{background-color:#388e3c !important}.green-text.text-darken-2{color:#388e3c !important}.green.darken-3{background-color:#2e7d32 !important}.green-text.text-darken-3{color:#2e7d32 !important}.green.darken-4{background-color:#1b5e20 !important}.green-text.text-darken-4{color:#1b5e20 !important}.green.accent-1{background-color:#b9f6ca !important}.green-text.text-accent-1{color:#b9f6ca !important}.green.accent-2{background-color:#69f0ae !important}.green-text.text-accent-2{color:#69f0ae !important}.green.accent-3{background-color:#00e676 !important}.green-text.text-accent-3{color:#00e676 !important}.green.accent-4{background-color:#00c853 !important}.green-text.text-accent-4{color:#00c853 !important}.light-green{background-color:#8bc34a !important}.light-green-text{color:#8bc34a !important}.light-green.lighten-5{background-color:#f1f8e9 !important}.light-green-text.text-lighten-5{color:#f1f8e9 !important}.light-green.lighten-4{background-color:#dcedc8 !important}.light-green-text.text-lighten-4{color:#dcedc8 !important}.light-green.lighten-3{background-color:#c5e1a5 !important}.light-green-text.text-lighten-3{color:#c5e1a5 !important}.light-green.lighten-2{background-color:#aed581 !important}.light-green-text.text-lighten-2{color:#aed581 !important}.light-green.lighten-1{background-color:#9ccc65 !important}.light-green-text.text-lighten-1{color:#9ccc65 !important}.light-green.darken-1{background-color:#7cb342 !important}.light-green-text.text-darken-1{color:#7cb342 !important}.light-green.darken-2{background-color:#689f38 !important}.light-green-text.text-darken-2{color:#689f38 !important}.light-green.darken-3{background-color:#558b2f !important}.light-green-text.text-darken-3{color:#558b2f !important}.light-green.darken-4{background-color:#33691e !important}.light-green-text.text-darken-4{color:#33691e !important}.light-green.accent-1{background-color:#ccff90 !important}.light-green-text.text-accent-1{color:#ccff90 !important}.light-green.accent-2{background-color:#b2ff59 !important}.light-green-text.text-accent-2{color:#b2ff59 !important}.light-green.accent-3{background-color:#76ff03 !important}.light-green-text.text-accent-3{color:#76ff03 !important}.light-green.accent-4{background-color:#64dd17 !important}.light-green-text.text-accent-4{color:#64dd17 !important}.lime{background-color:#cddc39 !important}.lime-text{color:#cddc39 !important}.lime.lighten-5{background-color:#f9fbe7 !important}.lime-text.text-lighten-5{color:#f9fbe7 !important}.lime.lighten-4{background-color:#f0f4c3 !important}.lime-text.text-lighten-4{color:#f0f4c3 !important}.lime.lighten-3{background-color:#e6ee9c !important}.lime-text.text-lighten-3{color:#e6ee9c !important}.lime.lighten-2{background-color:#dce775 !important}.lime-text.text-lighten-2{color:#dce775 !important}.lime.lighten-1{background-color:#d4e157 !important}.lime-text.text-lighten-1{color:#d4e157 !important}.lime.darken-1{background-color:#c0ca33 !important}.lime-text.text-darken-1{color:#c0ca33 !important}.lime.darken-2{background-color:#afb42b !important}.lime-text.text-darken-2{color:#afb42b !important}.lime.darken-3{background-color:#9e9d24 !important}.lime-text.text-darken-3{color:#9e9d24 !important}.lime.darken-4{background-color:#827717 !important}.lime-text.text-darken-4{color:#827717 !important}.lime.accent-1{background-color:#f4ff81 !important}.lime-text.text-accent-1{color:#f4ff81 !important}.lime.accent-2{background-color:#eeff41 !important}.lime-text.text-accent-2{color:#eeff41 !important}.lime.accent-3{background-color:#c6ff00 !important}.lime-text.text-accent-3{color:#c6ff00 !important}.lime.accent-4{background-color:#aeea00 !important}.lime-text.text-accent-4{color:#aeea00 !important}.yellow{background-color:#ffeb3b !important}.yellow-text{color:#ffeb3b !important}.yellow.lighten-5{background-color:#fffde7 !important}.yellow-text.text-lighten-5{color:#fffde7 !important}.yellow.lighten-4{background-color:#fff9c4 !important}.yellow-text.text-lighten-4{color:#fff9c4 !important}.yellow.lighten-3{background-color:#fff59d !important}.yellow-text.text-lighten-3{color:#fff59d !important}.yellow.lighten-2{background-color:#fff176 !important}.yellow-text.text-lighten-2{color:#fff176 !important}.yellow.lighten-1{background-color:#ffee58 !important}.yellow-text.text-lighten-1{color:#ffee58 !important}.yellow.darken-1{background-color:#fdd835 !important}.yellow-text.text-darken-1{color:#fdd835 !important}.yellow.darken-2{background-color:#fbc02d !important}.yellow-text.text-darken-2{color:#fbc02d !important}.yellow.darken-3{background-color:#f9a825 !important}.yellow-text.text-darken-3{color:#f9a825 !important}.yellow.darken-4{background-color:#f57f17 !important}.yellow-text.text-darken-4{color:#f57f17 !important}.yellow.accent-1{background-color:#ffff8d !important}.yellow-text.text-accent-1{color:#ffff8d !important}.yellow.accent-2{background-color:#ff0 !important}.yellow-text.text-accent-2{color:#ff0 !important}.yellow.accent-3{background-color:#ffea00 !important}.yellow-text.text-accent-3{color:#ffea00 !important}.yellow.accent-4{background-color:#ffd600 !important}.yellow-text.text-accent-4{color:#ffd600 !important}.amber{background-color:#ffc107 !important}.amber-text{color:#ffc107 !important}.amber.lighten-5{background-color:#fff8e1 !important}.amber-text.text-lighten-5{color:#fff8e1 !important}.amber.lighten-4{background-color:#ffecb3 !important}.amber-text.text-lighten-4{color:#ffecb3 !important}.amber.lighten-3{background-color:#ffe082 !important}.amber-text.text-lighten-3{color:#ffe082 !important}.amber.lighten-2{background-color:#ffd54f !important}.amber-text.text-lighten-2{color:#ffd54f !important}.amber.lighten-1{background-color:#ffca28 !important}.amber-text.text-lighten-1{color:#ffca28 !important}.amber.darken-1{background-color:#ffb300 !important}.amber-text.text-darken-1{color:#ffb300 !important}.amber.darken-2{background-color:#ffa000 !important}.amber-text.text-darken-2{color:#ffa000 !important}.amber.darken-3{background-color:#ff8f00 !important}.amber-text.text-darken-3{color:#ff8f00 !important}.amber.darken-4{background-color:#ff6f00 !important}.amber-text.text-darken-4{color:#ff6f00 !important}.amber.accent-1{background-color:#ffe57f !important}.amber-text.text-accent-1{color:#ffe57f !important}.amber.accent-2{background-color:#ffd740 !important}.amber-text.text-accent-2{color:#ffd740 !important}.amber.accent-3{background-color:#ffc400 !important}.amber-text.text-accent-3{color:#ffc400 !important}.amber.accent-4{background-color:#ffab00 !important}.amber-text.text-accent-4{color:#ffab00 !important}.orange{background-color:#ff9800 !important}.orange-text{color:#ff9800 !important}.orange.lighten-5{background-color:#fff3e0 !important}.orange-text.text-lighten-5{color:#fff3e0 !important}.orange.lighten-4{background-color:#ffe0b2 !important}.orange-text.text-lighten-4{color:#ffe0b2 !important}.orange.lighten-3{background-color:#ffcc80 !important}.orange-text.text-lighten-3{color:#ffcc80 !important}.orange.lighten-2{background-color:#ffb74d !important}.orange-text.text-lighten-2{color:#ffb74d !important}.orange.lighten-1{background-color:#ffa726 !important}.orange-text.text-lighten-1{color:#ffa726 !important}.orange.darken-1{background-color:#fb8c00 !important}.orange-text.text-darken-1{color:#fb8c00 !important}.orange.darken-2{background-color:#f57c00 !important}.orange-text.text-darken-2{color:#f57c00 !important}.orange.darken-3{background-color:#ef6c00 !important}.orange-text.text-darken-3{color:#ef6c00 !important}.orange.darken-4{background-color:#e65100 !important}.orange-text.text-darken-4{color:#e65100 !important}.orange.accent-1{background-color:#ffd180 !important}.orange-text.text-accent-1{color:#ffd180 !important}.orange.accent-2{background-color:#ffab40 !important}.orange-text.text-accent-2{color:#ffab40 !important}.orange.accent-3{background-color:#ff9100 !important}.orange-text.text-accent-3{color:#ff9100 !important}.orange.accent-4{background-color:#ff6d00 !important}.orange-text.text-accent-4{color:#ff6d00 !important}.deep-orange{background-color:#ff5722 !important}.deep-orange-text{color:#ff5722 !important}.deep-orange.lighten-5{background-color:#fbe9e7 !important}.deep-orange-text.text-lighten-5{color:#fbe9e7 !important}.deep-orange.lighten-4{background-color:#ffccbc !important}.deep-orange-text.text-lighten-4{color:#ffccbc !important}.deep-orange.lighten-3{background-color:#ffab91 !important}.deep-orange-text.text-lighten-3{color:#ffab91 !important}.deep-orange.lighten-2{background-color:#ff8a65 !important}.deep-orange-text.text-lighten-2{color:#ff8a65 !important}.deep-orange.lighten-1{background-color:#ff7043 !important}.deep-orange-text.text-lighten-1{color:#ff7043 !important}.deep-orange.darken-1{background-color:#f4511e !important}.deep-orange-text.text-darken-1{color:#f4511e !important}.deep-orange.darken-2{background-color:#e64a19 !important}.deep-orange-text.text-darken-2{color:#e64a19 !important}.deep-orange.darken-3{background-color:#d84315 !important}.deep-orange-text.text-darken-3{color:#d84315 !important}.deep-orange.darken-4{background-color:#bf360c !important}.deep-orange-text.text-darken-4{color:#bf360c !important}.deep-orange.accent-1{background-color:#ff9e80 !important}.deep-orange-text.text-accent-1{color:#ff9e80 !important}.deep-orange.accent-2{background-color:#ff6e40 !important}.deep-orange-text.text-accent-2{color:#ff6e40 !important}.deep-orange.accent-3{background-color:#ff3d00 !important}.deep-orange-text.text-accent-3{color:#ff3d00 !important}.deep-orange.accent-4{background-color:#dd2c00 !important}.deep-orange-text.text-accent-4{color:#dd2c00 !important}.brown{background-color:#795548 !important}.brown-text{color:#795548 !important}.brown.lighten-5{background-color:#efebe9 !important}.brown-text.text-lighten-5{color:#efebe9 !important}.brown.lighten-4{background-color:#d7ccc8 !important}.brown-text.text-lighten-4{color:#d7ccc8 !important}.brown.lighten-3{background-color:#bcaaa4 !important}.brown-text.text-lighten-3{color:#bcaaa4 !important}.brown.lighten-2{background-color:#a1887f !important}.brown-text.text-lighten-2{color:#a1887f !important}.brown.lighten-1{background-color:#8d6e63 !important}.brown-text.text-lighten-1{color:#8d6e63 !important}.brown.darken-1{background-color:#6d4c41 !important}.brown-text.text-darken-1{color:#6d4c41 !important}.brown.darken-2{background-color:#5d4037 !important}.brown-text.text-darken-2{color:#5d4037 !important}.brown.darken-3{background-color:#4e342e !important}.brown-text.text-darken-3{color:#4e342e !important}.brown.darken-4{background-color:#3e2723 !important}.brown-text.text-darken-4{color:#3e2723 !important}.blue-grey{background-color:#607d8b !important}.blue-grey-text{color:#607d8b !important}.blue-grey.lighten-5{background-color:#eceff1 !important}.blue-grey-text.text-lighten-5{color:#eceff1 !important}.blue-grey.lighten-4{background-color:#cfd8dc !important}.blue-grey-text.text-lighten-4{color:#cfd8dc !important}.blue-grey.lighten-3{background-color:#b0bec5 !important}.blue-grey-text.text-lighten-3{color:#b0bec5 !important}.blue-grey.lighten-2{background-color:#90a4ae !important}.blue-grey-text.text-lighten-2{color:#90a4ae !important}.blue-grey.lighten-1{background-color:#78909c !important}.blue-grey-text.text-lighten-1{color:#78909c !important}.blue-grey.darken-1{background-color:#546e7a !important}.blue-grey-text.text-darken-1{color:#546e7a !important}.blue-grey.darken-2{background-color:#455a64 !important}.blue-grey-text.text-darken-2{color:#455a64 !important}.blue-grey.darken-3{background-color:#37474f !important}.blue-grey-text.text-darken-3{color:#37474f !important}.blue-grey.darken-4{background-color:#263238 !important}.blue-grey-text.text-darken-4{color:#263238 !important}.grey{background-color:#9e9e9e !important}.grey-text{color:#9e9e9e !important}.grey.lighten-5{background-color:#fafafa !important}.grey-text.text-lighten-5{color:#fafafa !important}.grey.lighten-4{background-color:#f5f5f5 !important}.grey-text.text-lighten-4{color:#f5f5f5 !important}.grey.lighten-3{background-color:#eee !important}.grey-text.text-lighten-3{color:#eee !important}.grey.lighten-2{background-color:#e0e0e0 !important}.grey-text.text-lighten-2{color:#e0e0e0 !important}.grey.lighten-1{background-color:#bdbdbd !important}.grey-text.text-lighten-1{color:#bdbdbd !important}.grey.darken-1{background-color:#757575 !important}.grey-text.text-darken-1{color:#757575 !important}.grey.darken-2{background-color:#616161 !important}.grey-text.text-darken-2{color:#616161 !important}.grey.darken-3{background-color:#424242 !important}.grey-text.text-darken-3{color:#424242 !important}.grey.darken-4{background-color:#212121 !important}.grey-text.text-darken-4{color:#212121 !important}.black{background-color:#000 !important}.black-text{color:#000 !important}.white{background-color:#fff !important}.white-text{color:#fff !important}.transparent{background-color:rgba(0,0,0,0) !important}.transparent-text{color:rgba(0,0,0,0) !important}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}button,input,optgroup,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}ul:not(.browser-default){padding-left:0;list-style-type:none}ul:not(.browser-default)>li{list-style-type:none}a{color:#039be5;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.valign-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.clearfix{clear:both}.z-depth-0{-webkit-box-shadow:none !important;box-shadow:none !important}.z-depth-1,.sidenav,.collapsible,.dropdown-content,.btn-floating,.btn,.btn-small,.btn-large,.toast,.card,.card-panel,nav{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.z-depth-1-half,.btn-floating:focus,.btn-floating:hover,.btn:focus,.btn-small:focus,.btn-large:focus,.btn:hover,.btn-small:hover,.btn-large:hover{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2)}.z-depth-2{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3);box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3)}.z-depth-3{-webkit-box-shadow:0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);box-shadow:0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}.z-depth-4{-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -7px rgba(0,0,0,.2);box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -7px rgba(0,0,0,.2)}.z-depth-5,.modal{-webkit-box-shadow:0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12),0 11px 15px -7px rgba(0,0,0,.2);box-shadow:0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12),0 11px 15px -7px rgba(0,0,0,.2)}.hoverable{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s}.hoverable:hover{-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.divider{height:1px;overflow:hidden;background-color:var(--separator-color)}blockquote{margin:20px 0;padding-left:1.5rem;border-left:5px solid var(--primary-color)}i{line-height:inherit}i.left{float:left;margin-right:15px}i.right{float:right;margin-left:15px}i.tiny{font-size:1rem}i.small{font-size:2rem}i.medium{font-size:4rem}i.large{font-size:6rem}img.responsive-img,video.responsive-video{max-width:100%;height:auto}.pagination li{display:inline-block;border-radius:2px;text-align:center;vertical-align:top;height:30px}.pagination li a{color:var(--font-color-medium);display:inline-block;font-size:1.2rem;padding:0 10px;line-height:30px}.pagination li:hover:not(.disabled){background-color:var(--primary-color-hover-opaque)}.pagination li.active a{color:var(--font-on-primary-color-main)}.pagination li.active,.pagination li.active:hover{background-color:var(--primary-color)}.pagination li.disabled a{cursor:default;color:var(--font-color-disabled)}.pagination li i{font-size:2rem}.pagination li.pages ul li{display:inline-block;float:none}@media only screen and (max-width : 992.99px){.pagination{width:100%}.pagination li.prev,.pagination li.next{width:10%}.pagination li.pages{width:80%;overflow:hidden;white-space:nowrap}}.breadcrumb{display:inline-block;font-size:18px;color:var(--font-on-primary-color-medium)}.breadcrumb i,.breadcrumb [class^=mdi-],.breadcrumb [class*=mdi-],.breadcrumb i.material-icons{display:inline-block;float:left;font-size:24px}.breadcrumb:before{content:"";color:var(--font-on-primary-color-medium);vertical-align:top;display:inline-block;font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:25px;margin:0 10px 0 8px;-webkit-font-smoothing:antialiased;float:left}.breadcrumb:first-child:before{display:none}.breadcrumb:last-child{color:var(--font-on-primary-color-main)}.parallax-container{position:relative;overflow:hidden;height:500px}.parallax-container .parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.parallax-container .parallax img{opacity:0;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pin-top,.pin-bottom{position:relative}.pinned{position:fixed !important}ul.staggered-list li{opacity:0}.fade-in{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%}@media only screen and (max-width : 600.99px){.hide-on-small-only,.tabs-wrapper,.hide-on-small-and-down{display:none !important}}@media only screen and (max-width : 992.99px){.hide-on-med-and-down{display:none !important}}@media only screen and (min-width : 601px){.hide-on-med-and-up{display:none !important}}@media only screen and (min-width: 601px)and (max-width: 992.99px){.hide-on-med-only{display:none !important}}@media only screen and (min-width : 993px){.hide-on-large-only{display:none !important}}@media only screen and (min-width : 1201px){.hide-on-extra-large-only{display:none !important}}@media only screen and (min-width : 1201px){.show-on-extra-large{display:block !important}}@media only screen and (min-width : 993px){.show-on-large{display:block !important}}@media only screen and (min-width: 601px)and (max-width: 992.99px){.show-on-medium{display:block !important}}@media only screen and (max-width : 600.99px){.show-on-small{display:block !important}}@media only screen and (min-width : 601px){.show-on-medium-and-up{display:block !important}}@media only screen and (max-width : 992.99px){.show-on-medium-and-down{display:block !important}}@media only screen and (max-width : 600.99px){.center-on-small-only{text-align:center}}.page-footer{padding-top:20px;color:var(--font-on-primary-color-main);background-color:var(--primary-color)}.page-footer a{color:var(--font-on-primary-color-main)}.page-footer .footer-copyright,.page-footer .footer-copyright a{overflow:hidden;min-height:50px;display:-webkit-box;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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0px;color:var(--font-on-primary-color-dark-medium);background-color:var(--primary-color-dark)}table,th,td{border:none}table{width:100%;display:table;border-collapse:collapse;border-spacing:0}table.striped tr{border-bottom:none}table.striped tbody>tr:nth-child(odd){background-color:var(--background-color-slight-emphasis)}table.highlight>tbody>tr{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}table.highlight>tbody>tr:hover{background-color:var(--hover-color)}table thead{color:var(--font-color-medium)}table.centered thead tr th,table.centered tbody tr td{text-align:center}tr{border-bottom:1px solid var(--separator-color)}td,th{padding:15px 5px;display:table-cell;text-align:left;vertical-align:middle;border-radius:0}@media only screen and (max-width : 992.99px){table.responsive-table{width:100%;border-collapse:collapse;border-spacing:0;display:block;position:relative}table.responsive-table td:empty:before{content:" "}table.responsive-table th,table.responsive-table td{margin:0;vertical-align:top}table.responsive-table th{text-align:left}table.responsive-table thead{display:block;float:left}table.responsive-table thead tr{display:block;padding:0 10px 0 0}table.responsive-table thead tr th::before{content:" "}table.responsive-table tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap}table.responsive-table tbody tr{display:inline-block;vertical-align:top}table.responsive-table th{display:block;text-align:right}table.responsive-table td{display:block;min-height:1.25em;text-align:left}table.responsive-table tr{border-bottom:none;padding:0 10px}table.responsive-table thead{border:0;border-right:1px solid var(--separator-color)}}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.progress{position:relative;height:4px;display:block;width:100%;background-color:rgba(var(--primary-color-numeric), 40%);border-radius:2px;margin:.5rem 0 1rem 0;overflow:hidden}.progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:var(--primary-color);-webkit-transition:width .3s linear;transition:width .3s linear}.progress .indeterminate{background-color:var(--primary-color)}.progress .indeterminate:before{content:"";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite}.progress .indeterminate:after{content:"";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@-webkit-keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}.hide{display:none !important}.left-align{text-align:left}.right-align{text-align:right}.center,.center-align{text-align:center}.left{float:left !important}.right{float:right !important}.no-select,input[type=range],input[type=range]+.thumb{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.circle{border-radius:50%}.center-block{display:block;margin-left:auto;margin-right:auto}.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-padding{padding:0 !important}.collection{margin:.5rem 0 1rem 0;border:1px solid var(--separator-color);border-radius:2px;overflow:hidden;position:relative}.collection .collection-item{background-color:rgba(0,0,0,0);line-height:1.5rem;padding:10px 20px;margin:0;border-bottom:1px solid var(--separator-color)}.collection .collection-item.avatar{min-height:84px;padding-left:72px;position:relative}.collection .collection-item.avatar:not(.circle-clipper)>.circle,.collection .collection-item.avatar :not(.circle-clipper)>.circle{position:absolute;width:42px;height:42px;overflow:hidden;left:15px;display:inline-block;vertical-align:middle}.collection .collection-item.avatar i.circle{font-size:18px;line-height:42px;color:#fff;background-color:var(--slider-track-color);text-align:center}.collection .collection-item.avatar .title{font-size:16px}.collection .collection-item.avatar p{margin:0}.collection .collection-item.avatar .secondary-content{position:absolute;top:16px;right:16px}.collection .collection-item:last-child{border-bottom:none}.collection .collection-item.active{background-color:var(--primary-color);color:var(--font-on-primary-color-main)}.collection .collection-item.active .secondary-content{color:var(--font-on-primary-color-main)}.collection a.collection-item{display:block;-webkit-transition:.25s;transition:.25s;color:var(--primary-color)}.collection a.collection-item:not(.active):hover{background-color:var(--hover-color)}.collection.with-header .collection-header{background-color:rgba(0,0,0,0);border-bottom:1px solid var(--separator-color);padding:10px 20px}.collection.with-header .collection-item{padding-left:30px}.collection.with-header .collection-item.avatar{padding-left:72px}.secondary-content{float:right;color:var(--primary-color)}.collapsible .collection{margin:0;border:none}span.badge{min-width:3rem;padding:0 6px;margin-left:14px;text-align:center;font-size:1rem;line-height:22px;height:22px;color:var(--font-color-medium);float:right;-webkit-box-sizing:border-box;box-sizing:border-box}span.badge.new{font-weight:300;font-size:.8rem;color:var(--font-on-primary-color-main);background-color:var(--primary-color);border-radius:2px}span.badge.new:after{content:" new"}span.badge[data-badge-caption]::after{content:" " attr(data-badge-caption)}.active span.badge{color:var(--font-on-primary-color-main)}nav ul a span.badge{display:inline-block;float:none;margin-left:4px;line-height:22px;height:22px;-webkit-font-smoothing:auto}.collection-item span.badge{margin-top:calc(0.75rem - 11px)}.collapsible span.badge{margin-left:auto}.collapsible .active span.badge:not(.new){color:var(--font-color-medium)}.sidenav span.badge{margin-top:calc(24px - 11px)}table span.badge{display:inline-block;float:none;margin-left:auto}.material-icons{text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga";font-feature-settings:"liga"}.container{margin:0 auto;max-width:1280px;width:90%}@media only screen and (min-width : 601px){.container{width:85%}}@media only screen and (min-width : 993px){.container{width:70%}}.col .row{margin-left:-0.75rem;margin-right:-0.75rem}.section{padding-top:1rem;padding-bottom:1rem}.section.no-pad{padding:0}.section.no-pad-bot{padding-bottom:0}.section.no-pad-top{padding-top:0}.row{margin-left:auto;margin-right:auto;margin-bottom:20px}.row:after{content:"";display:table;clear:both}.row .col{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .75rem;min-height:1px}.row .col[class*=push-],.row .col[class*=pull-]{position:relative}.row .col.s1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.s4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.s7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.s10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-s1{margin-left:8.3333333333%}.row .col.pull-s1{right:8.3333333333%}.row .col.push-s1{left:8.3333333333%}.row .col.offset-s2{margin-left:16.6666666667%}.row .col.pull-s2{right:16.6666666667%}.row .col.push-s2{left:16.6666666667%}.row .col.offset-s3{margin-left:25%}.row .col.pull-s3{right:25%}.row .col.push-s3{left:25%}.row .col.offset-s4{margin-left:33.3333333333%}.row .col.pull-s4{right:33.3333333333%}.row .col.push-s4{left:33.3333333333%}.row .col.offset-s5{margin-left:41.6666666667%}.row .col.pull-s5{right:41.6666666667%}.row .col.push-s5{left:41.6666666667%}.row .col.offset-s6{margin-left:50%}.row .col.pull-s6{right:50%}.row .col.push-s6{left:50%}.row .col.offset-s7{margin-left:58.3333333333%}.row .col.pull-s7{right:58.3333333333%}.row .col.push-s7{left:58.3333333333%}.row .col.offset-s8{margin-left:66.6666666667%}.row .col.pull-s8{right:66.6666666667%}.row .col.push-s8{left:66.6666666667%}.row .col.offset-s9{margin-left:75%}.row .col.pull-s9{right:75%}.row .col.push-s9{left:75%}.row .col.offset-s10{margin-left:83.3333333333%}.row .col.pull-s10{right:83.3333333333%}.row .col.push-s10{left:83.3333333333%}.row .col.offset-s11{margin-left:91.6666666667%}.row .col.pull-s11{right:91.6666666667%}.row .col.push-s11{left:91.6666666667%}.row .col.offset-s12{margin-left:100%}.row .col.pull-s12{right:100%}.row .col.push-s12{left:100%}@media only screen and (min-width : 601px){.row .col.m1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.m4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.m7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.m10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-m1{margin-left:8.3333333333%}.row .col.pull-m1{right:8.3333333333%}.row .col.push-m1{left:8.3333333333%}.row .col.offset-m2{margin-left:16.6666666667%}.row .col.pull-m2{right:16.6666666667%}.row .col.push-m2{left:16.6666666667%}.row .col.offset-m3{margin-left:25%}.row .col.pull-m3{right:25%}.row .col.push-m3{left:25%}.row .col.offset-m4{margin-left:33.3333333333%}.row .col.pull-m4{right:33.3333333333%}.row .col.push-m4{left:33.3333333333%}.row .col.offset-m5{margin-left:41.6666666667%}.row .col.pull-m5{right:41.6666666667%}.row .col.push-m5{left:41.6666666667%}.row .col.offset-m6{margin-left:50%}.row .col.pull-m6{right:50%}.row .col.push-m6{left:50%}.row .col.offset-m7{margin-left:58.3333333333%}.row .col.pull-m7{right:58.3333333333%}.row .col.push-m7{left:58.3333333333%}.row .col.offset-m8{margin-left:66.6666666667%}.row .col.pull-m8{right:66.6666666667%}.row .col.push-m8{left:66.6666666667%}.row .col.offset-m9{margin-left:75%}.row .col.pull-m9{right:75%}.row .col.push-m9{left:75%}.row .col.offset-m10{margin-left:83.3333333333%}.row .col.pull-m10{right:83.3333333333%}.row .col.push-m10{left:83.3333333333%}.row .col.offset-m11{margin-left:91.6666666667%}.row .col.pull-m11{right:91.6666666667%}.row .col.push-m11{left:91.6666666667%}.row .col.offset-m12{margin-left:100%}.row .col.pull-m12{right:100%}.row .col.push-m12{left:100%}}@media only screen and (min-width : 993px){.row .col.l1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.l4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.l7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.l10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-l1{margin-left:8.3333333333%}.row .col.pull-l1{right:8.3333333333%}.row .col.push-l1{left:8.3333333333%}.row .col.offset-l2{margin-left:16.6666666667%}.row .col.pull-l2{right:16.6666666667%}.row .col.push-l2{left:16.6666666667%}.row .col.offset-l3{margin-left:25%}.row .col.pull-l3{right:25%}.row .col.push-l3{left:25%}.row .col.offset-l4{margin-left:33.3333333333%}.row .col.pull-l4{right:33.3333333333%}.row .col.push-l4{left:33.3333333333%}.row .col.offset-l5{margin-left:41.6666666667%}.row .col.pull-l5{right:41.6666666667%}.row .col.push-l5{left:41.6666666667%}.row .col.offset-l6{margin-left:50%}.row .col.pull-l6{right:50%}.row .col.push-l6{left:50%}.row .col.offset-l7{margin-left:58.3333333333%}.row .col.pull-l7{right:58.3333333333%}.row .col.push-l7{left:58.3333333333%}.row .col.offset-l8{margin-left:66.6666666667%}.row .col.pull-l8{right:66.6666666667%}.row .col.push-l8{left:66.6666666667%}.row .col.offset-l9{margin-left:75%}.row .col.pull-l9{right:75%}.row .col.push-l9{left:75%}.row .col.offset-l10{margin-left:83.3333333333%}.row .col.pull-l10{right:83.3333333333%}.row .col.push-l10{left:83.3333333333%}.row .col.offset-l11{margin-left:91.6666666667%}.row .col.pull-l11{right:91.6666666667%}.row .col.push-l11{left:91.6666666667%}.row .col.offset-l12{margin-left:100%}.row .col.pull-l12{right:100%}.row .col.push-l12{left:100%}}@media only screen and (min-width : 1201px){.row .col.xl1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.xl4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.xl7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.xl10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-xl1{margin-left:8.3333333333%}.row .col.pull-xl1{right:8.3333333333%}.row .col.push-xl1{left:8.3333333333%}.row .col.offset-xl2{margin-left:16.6666666667%}.row .col.pull-xl2{right:16.6666666667%}.row .col.push-xl2{left:16.6666666667%}.row .col.offset-xl3{margin-left:25%}.row .col.pull-xl3{right:25%}.row .col.push-xl3{left:25%}.row .col.offset-xl4{margin-left:33.3333333333%}.row .col.pull-xl4{right:33.3333333333%}.row .col.push-xl4{left:33.3333333333%}.row .col.offset-xl5{margin-left:41.6666666667%}.row .col.pull-xl5{right:41.6666666667%}.row .col.push-xl5{left:41.6666666667%}.row .col.offset-xl6{margin-left:50%}.row .col.pull-xl6{right:50%}.row .col.push-xl6{left:50%}.row .col.offset-xl7{margin-left:58.3333333333%}.row .col.pull-xl7{right:58.3333333333%}.row .col.push-xl7{left:58.3333333333%}.row .col.offset-xl8{margin-left:66.6666666667%}.row .col.pull-xl8{right:66.6666666667%}.row .col.push-xl8{left:66.6666666667%}.row .col.offset-xl9{margin-left:75%}.row .col.pull-xl9{right:75%}.row .col.push-xl9{left:75%}.row .col.offset-xl10{margin-left:83.3333333333%}.row .col.pull-xl10{right:83.3333333333%}.row .col.push-xl10{left:83.3333333333%}.row .col.offset-xl11{margin-left:91.6666666667%}.row .col.pull-xl11{right:91.6666666667%}.row .col.push-xl11{left:91.6666666667%}.row .col.offset-xl12{margin-left:100%}.row .col.pull-xl12{right:100%}.row .col.push-xl12{left:100%}}nav{color:var(--font-on-primary-color-main);background-color:var(--primary-color);width:100%;height:56px;line-height:56px}nav.nav-extended{height:auto}nav.nav-extended .nav-wrapper{min-height:56px;height:auto}nav.nav-extended .nav-content{position:relative;line-height:normal}nav a{color:var(--font-on-primary-color-main)}nav i,nav [class^=mdi-],nav [class*=mdi-],nav i.material-icons{display:block;font-size:24px;height:56px;line-height:56px}nav .nav-wrapper{position:relative;height:100%}@media only screen and (min-width : 993px){nav a.sidenav-trigger{display:none}}nav .sidenav-trigger{float:left;position:relative;z-index:1;height:56px;margin:0 18px}nav .sidenav-trigger i{height:56px;line-height:56px}nav .brand-logo{position:absolute;color:var(--font-on-primary-color-main);display:inline-block;font-size:2.1rem;padding:0}nav .brand-logo.center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width : 992.99px){nav .brand-logo{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}nav .brand-logo.left,nav .brand-logo.right{padding:0;-webkit-transform:none;transform:none}nav .brand-logo.left{left:.5rem}nav .brand-logo.right{right:.5rem;left:auto}}nav .brand-logo.right{right:.5rem;padding:0}nav .brand-logo i,nav .brand-logo [class^=mdi-],nav .brand-logo [class*=mdi-],nav .brand-logo i.material-icons{float:left;margin-right:15px}nav .nav-title{display:inline-block;font-size:32px;padding:28px 0}nav ul:not(.dropdown-content){margin:0}nav ul:not(.dropdown-content) li{-webkit-transition:background-color .3s;transition:background-color .3s;float:left;padding:0}nav ul:not(.dropdown-content) a{-webkit-transition:background-color .3s;transition:background-color .3s;font-size:1rem;color:var(--font-on-primary-color-main);display:block;padding:0 15px;cursor:pointer}nav ul:not(.dropdown-content) a.active{background-color:var(--primary-color-raised-focus-solid)}nav ul:not(.dropdown-content) a:hover:not(.active){background-color:var(--primary-color-raised-hover-solid)}nav ul:not(.dropdown-content) a.btn,nav ul:not(.dropdown-content) a.btn-small,nav ul:not(.dropdown-content) a.btn-large,nav ul:not(.dropdown-content) a.btn-flat,nav ul:not(.dropdown-content) a.btn-floating{margin-top:-2px;margin-left:15px;margin-right:15px;display:inline-block}nav ul:not(.dropdown-content) a.btn>.material-icons,nav ul:not(.dropdown-content) a.btn-small>.material-icons,nav ul:not(.dropdown-content) a.btn-large>.material-icons,nav ul:not(.dropdown-content) a.btn-flat>.material-icons,nav ul:not(.dropdown-content) a.btn-floating>.material-icons{height:inherit;line-height:inherit}nav ul:not(.dropdown-content).left{float:left}nav form{height:100%}nav .input-field{margin:0;height:100%}nav .input-field input[type=search]{height:100%;font-size:1.2rem;border:none;padding-left:2rem;color:#888}nav .input-field input[type=search]:focus,nav .input-field input[type=search][type=text]:valid,nav .input-field input[type=search][type=password]:valid,nav .input-field input[type=search][type=email]:valid,nav .input-field input[type=search][type=url]:valid,nav .input-field input[type=search][type=date]:valid{border:none;-webkit-box-shadow:none;box-shadow:none}nav .input-field label{top:0;left:0}nav .input-field label i{color:var(--font-on-primary-color-medium);-webkit-transition:color .3s;transition:color .3s}nav .input-field label.active i{color:var(--font-on-primary-color-main)}.navbar-fixed{position:relative;height:56px;z-index:997}.navbar-fixed nav{position:fixed;right:0}@media only screen and (min-width : 601px){nav.nav-extended .nav-wrapper{min-height:64px}nav,nav .nav-wrapper i,nav a.sidenav-trigger,nav a.sidenav-trigger i{height:64px;line-height:64px}.navbar-fixed{height:64px}}a{text-decoration:none}html{line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-weight:normal;color:var(--font-color-main)}@media only screen and (min-width: 0){html{font-size:14px}}@media only screen and (min-width: 993px){html{font-size:14.5px}}@media only screen and (min-width: 1201px){html{font-size:15px}}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.3}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:4.2rem;line-height:110%;margin:2.8rem 0 1.68rem 0}h2{font-size:3.56rem;line-height:110%;margin:2.3733333333rem 0 1.424rem 0}h3{font-size:2.92rem;line-height:110%;margin:1.9466666667rem 0 1.168rem 0}h4{font-size:2.28rem;line-height:110%;margin:1.52rem 0 .912rem 0}h5{font-size:1.64rem;line-height:110%;margin:1.0933333333rem 0 .656rem 0}h6{font-size:1.15rem;line-height:110%;margin:.7666666667rem 0 .46rem 0}em{font-style:italic}strong{font-weight:500}small{font-size:75%}.light{font-weight:300}.thin{font-weight:200}@media only screen and (min-width: 360px){.flow-text{font-size:1.2rem}}@media only screen and (min-width: 390px){.flow-text{font-size:1.224rem}}@media only screen and (min-width: 420px){.flow-text{font-size:1.248rem}}@media only screen and (min-width: 450px){.flow-text{font-size:1.272rem}}@media only screen and (min-width: 480px){.flow-text{font-size:1.296rem}}@media only screen and (min-width: 510px){.flow-text{font-size:1.32rem}}@media only screen and (min-width: 540px){.flow-text{font-size:1.344rem}}@media only screen and (min-width: 570px){.flow-text{font-size:1.368rem}}@media only screen and (min-width: 600px){.flow-text{font-size:1.392rem}}@media only screen and (min-width: 630px){.flow-text{font-size:1.416rem}}@media only screen and (min-width: 660px){.flow-text{font-size:1.44rem}}@media only screen and (min-width: 690px){.flow-text{font-size:1.464rem}}@media only screen and (min-width: 720px){.flow-text{font-size:1.488rem}}@media only screen and (min-width: 750px){.flow-text{font-size:1.512rem}}@media only screen and (min-width: 780px){.flow-text{font-size:1.536rem}}@media only screen and (min-width: 810px){.flow-text{font-size:1.56rem}}@media only screen and (min-width: 840px){.flow-text{font-size:1.584rem}}@media only screen and (min-width: 870px){.flow-text{font-size:1.608rem}}@media only screen and (min-width: 900px){.flow-text{font-size:1.632rem}}@media only screen and (min-width: 930px){.flow-text{font-size:1.656rem}}@media only screen and (min-width: 960px){.flow-text{font-size:1.68rem}}@media only screen and (max-width: 360px){.flow-text{font-size:1.2rem}}.scale-transition{-webkit-transition:-webkit-transform .3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:-webkit-transform .3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform .3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform .3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform .3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important}.scale-transition.scale-out{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s !important;transition:-webkit-transform .2s !important;transition:transform .2s !important;transition:transform .2s, -webkit-transform .2s !important}.scale-transition.scale-in{-webkit-transform:scale(1);transform:scale(1)}.card-panel{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s;padding:24px;margin:.5rem 0 1rem 0;border-radius:2px;background-color:var(--background-color-card)}.card{position:relative;margin:.5rem 0 1rem 0;background-color:var(--background-color-card);-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s;border-radius:2px}.card .card-title{font-size:24px;font-weight:300}.card .card-title.activator{cursor:pointer}.card.small,.card.medium,.card.large{position:relative}.card.small .card-image,.card.medium .card-image,.card.large .card-image{max-height:60%;overflow:hidden}.card.small .card-image+.card-content,.card.medium .card-image+.card-content,.card.large .card-image+.card-content{max-height:40%}.card.small .card-content,.card.medium .card-content,.card.large .card-content{max-height:100%;overflow:hidden}.card.small .card-action,.card.medium .card-action,.card.large .card-action{position:absolute;bottom:0;left:0;right:0}.card.small{height:300px}.card.medium{height:400px}.card.large{height:500px}.card.horizontal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.card.horizontal.small .card-image,.card.horizontal.medium .card-image,.card.horizontal.large .card-image{height:100%;max-height:none;overflow:visible}.card.horizontal.small .card-image img,.card.horizontal.medium .card-image img,.card.horizontal.large .card-image img{height:100%}.card.horizontal .card-image{max-width:50%}.card.horizontal .card-image img{border-radius:2px 0 0 2px;max-width:100%;width:auto}.card.horizontal .card-stacked{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-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.card.horizontal .card-stacked .card-content{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.card.sticky-action .card-action{z-index:2}.card.sticky-action .card-reveal{z-index:1;padding-bottom:64px}.card .card-image{position:relative}.card .card-image img{display:block;border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%}.card .card-image .card-title{color:var(--background-color-card);position:absolute;bottom:0;left:0;max-width:100%;padding:24px}.card .card-content{padding:24px;border-radius:0 0 2px 2px}.card .card-content p{margin:0}.card .card-content .card-title{display:block;line-height:32px;margin-bottom:8px}.card .card-content .card-title i{line-height:32px}.card .card-action{border-top:1px solid var(--separator-color);position:relative;background-color:inherit}.card .card-action:last-child{border-radius:0 0 2px 2px}.card .card-action a{padding:16px 24px;display:inline-block}.card .card-action a:not(.btn):not(.btn-small):not(.btn-large):not(.btn-large):not(.btn-floating){color:var(--primary-color);-webkit-transition:color .3s ease;transition:color .3s ease;text-transform:uppercase}.card .card-action a:not(.btn):not(.btn-small):not(.btn-large):not(.btn-large):not(.btn-floating):hover{background-color:var(--primary-color-hover-opaque)}.card .card-reveal{padding:24px;position:absolute;background-color:var(--background-color-card);width:100%;overflow-y:auto;left:0;top:100%;height:100%;z-index:3;display:none}.card .card-reveal .card-title{cursor:pointer;display:block}#toast-container{display:block;position:fixed;z-index:10000}@media only screen and (max-width : 600.99px){#toast-container{min-width:100%;bottom:0%}}@media only screen and (min-width : 601px)and (max-width : 992.99px){#toast-container{left:5%;bottom:7%;max-width:90%}}@media only screen and (min-width : 993px){#toast-container{top:10%;right:7%;max-width:86%}}.toast{border-radius:2px;top:35px;width:auto;margin-top:10px;position:relative;max-width:100%;height:auto;min-height:48px;line-height:1.5em;background-color:var(--tooltip-background-color);padding:10px 25px;font-size:1rem;font-weight:400;color:var(--tooltip-font-color);display:-webkit-box;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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:default}.toast .toast-action{color:#eeff41;font-weight:500;margin-right:-25px;margin-left:3rem}.toast.rounded{border-radius:24px}@media only screen and (max-width : 600.99px){.toast{width:100%;border-radius:0}}.tabs{position:relative;overflow-x:auto;overflow-y:hidden;height:48px;width:100%;background-color:var(--surface-color);margin:0 auto;white-space:nowrap}.tabs.tabs-transparent{background-color:rgba(0,0,0,0)}.tabs.tabs-transparent .tab a{color:var(--font-on-primary-color-medium)}.tabs.tabs-transparent .tab.disabled a,.tabs.tabs-transparent .tab.disabled a:hover,.tabs.tabs-transparent .tab.disabled a:focus{color:var(--font-on-primary-color-disabled)}.tabs.tabs-transparent .tab a:hover{background-color:var(--hover-color)}.tabs.tabs-transparent .tab a.active,.tabs.tabs-transparent .tab a:focus{background-color:rgba(0,0,0,0)}.tabs.tabs-transparent .tab a:hover,.tabs.tabs-transparent .tab a.active,.tabs.tabs-transparent .tab a:focus{color:var(--font-on-primary-color-main)}.tabs.tabs-transparent .indicator{background-color:var(--font-on-primary-color-main)}.tabs.tabs-fixed-width{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tabs.tabs-fixed-width .tab{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.tabs .tab{display:inline-block;text-align:center;line-height:48px;height:48px;padding:0;margin:0;text-transform:uppercase}.tabs .tab a{color:var(--font-color-medium);display:block;width:100%;height:100%;padding:0 24px;font-size:14px;text-overflow:ellipsis;overflow:hidden;-webkit-transition:color .28s ease,background-color .28s ease;transition:color .28s ease,background-color .28s ease}.tabs .tab a.active{background-color:rgba(0,0,0,0)}.tabs .tab a.active,.tabs .tab a:focus,.tabs .tab a:hover{color:var(--primary-color)}.tabs .tab a:hover{background-color:var(--primary-color-hover-opaque)}.tabs .tab a:focus,.tabs .tab a.active{background-color:var(--primary-color-focus-opaque);outline:none}.tabs .tab.disabled a,.tabs .tab.disabled a:hover{color:var(--font-color-disabled);cursor:default;background-color:rgba(0,0,0,0)}.tabs .tab.disabled a:not(:focus),.tabs .tab.disabled a:hover:not(:focus){background-color:rgba(0,0,0,0)}.tabs .indicator{position:absolute;bottom:0;height:2px;background-color:var(--primary-color);will-change:left,right}@media only screen and (max-width : 992.99px){.tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tabs .tab{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.tabs .tab a{padding:0 12px}}.material-tooltip{padding:10px 8px;font-size:1rem;z-index:2000;border-radius:2px;color:var(--tooltip-font-color);min-height:36px;line-height:120%;opacity:0;position:absolute;text-align:center;max-width:calc(100% - 4px);overflow:hidden;left:0;top:0;pointer-events:none;visibility:hidden;background-color:var(--tooltip-background-color)}.backdrop{position:absolute;opacity:0;height:7px;width:14px;border-radius:0 0 50% 50%;background-color:var(--tooltip-background-color);z-index:-1;-webkit-transform-origin:50% 0;transform-origin:50% 0;visibility:hidden}.btn,.btn-small,.btn-large,.btn-flat{border:none;border-radius:2px;display:inline-block;height:36px;line-height:36px;padding:0 16px;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:rgba(0,0,0,0)}.btn.disabled,.btn-floating.disabled,.btn-large.disabled,.btn-small.disabled,.btn-flat.disabled,.btn:disabled,.btn-floating:disabled,.btn-large:disabled,.btn-small:disabled,.btn-flat:disabled,.btn[disabled],.btn-floating[disabled],.btn-large[disabled],.btn-small[disabled],.btn-flat[disabled]{pointer-events:none;background-color:var(--background-color-disabled) !important;-webkit-box-shadow:none;box-shadow:none;color:var(--font-color-disabled) !important;cursor:default}.btn.disabled:hover,.btn-floating.disabled:hover,.btn-large.disabled:hover,.btn-small.disabled:hover,.btn-flat.disabled:hover,.btn:disabled:hover,.btn-floating:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-flat:disabled:hover,.btn[disabled]:hover,.btn-floating[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover,.btn-flat[disabled]:hover{background-color:var(--background-color-disabled) !important;color:var(--font-color-disabled) !important}.btn,.btn-small,.btn-large,.btn-floating,.btn-flat{font-size:14px;outline:0}.btn i,.btn-floating i,.btn-large i,.btn-small i,.btn-flat i{font-size:1.3rem;line-height:inherit}.btn,.btn-small,.btn-large{text-decoration:none;color:var(--font-on-primary-color-main);background-color:var(--primary-color);text-align:center;letter-spacing:.5px;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;cursor:pointer}.btn:hover,.btn-small:hover,.btn-large:hover{background-color:var(--primary-color-raised-hover-solid)}.btn:focus,.btn-small:focus,.btn-large:focus{background-color:var(--primary-color-raised-focus-solid)}.btn-floating{display:inline-block;color:var(--font-on-secondary-color-main);position:relative;overflow:hidden;z-index:1;width:40px;height:40px;line-height:40px;padding:0;background-color:var(--secondary-color);border-radius:50%;-webkit-transition:background-color .3s;transition:background-color .3s;cursor:pointer;vertical-align:middle}.btn-floating:hover{background-color:var(--secondary-color-hover-solid)}.btn-floating:focus{background-color:var(--secondary-color-focus-solid)}.btn-floating:before{border-radius:0}.btn-floating.btn-large{width:56px;height:56px;padding:0}.btn-floating.btn-large.halfway-fab{bottom:-28px}.btn-floating.btn-large i{line-height:56px}.btn-floating.btn-small{width:32.4px;height:32.4px}.btn-floating.btn-small.halfway-fab{bottom:-16.2px}.btn-floating.btn-small i{line-height:32.4px}.btn-floating.halfway-fab{position:absolute;right:24px;bottom:-20px}.btn-floating.halfway-fab.left{right:auto;left:24px}.btn-floating i{width:inherit;display:inline-block;text-align:center;color:var(--font-on-secondary-color-main);font-size:1.6rem;line-height:40px}button.btn-floating{border:none}.fixed-action-btn{position:fixed;right:23px;bottom:23px;padding-top:15px;margin-bottom:0;z-index:997}.fixed-action-btn.active ul{visibility:visible}.fixed-action-btn.direction-left,.fixed-action-btn.direction-right{padding:0 0 0 15px}.fixed-action-btn.direction-left ul,.fixed-action-btn.direction-right ul{text-align:right;right:64px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;left:auto;width:500px}.fixed-action-btn.direction-left ul li,.fixed-action-btn.direction-right ul li{display:inline-block;margin:7.5px 15px 0 0}.fixed-action-btn.direction-right{padding:0 15px 0 0}.fixed-action-btn.direction-right ul{text-align:left;direction:rtl;left:64px;right:auto}.fixed-action-btn.direction-right ul li{margin:7.5px 0 0 15px}.fixed-action-btn.direction-bottom{padding:0 0 15px 0}.fixed-action-btn.direction-bottom ul{top:64px;bottom:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.fixed-action-btn.direction-bottom ul li{margin:15px 0 0 0}.fixed-action-btn.toolbar{padding:0;height:56px}.fixed-action-btn.toolbar.active>a i{opacity:0}.fixed-action-btn.toolbar ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;top:0;bottom:0;z-index:1}.fixed-action-btn.toolbar ul li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:inline-block;margin:0;height:100%;-webkit-transition:none;transition:none}.fixed-action-btn.toolbar ul li a{display:block;overflow:hidden;position:relative;width:100%;height:100%;background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;color:var(--font-on-secondary-color-main);line-height:56px;z-index:1}.fixed-action-btn.toolbar ul li a i{line-height:inherit}.fixed-action-btn ul{left:0;right:0;text-align:center;position:absolute;bottom:64px;margin:0;visibility:hidden}.fixed-action-btn ul li{margin-bottom:15px}.fixed-action-btn ul a.btn-floating{opacity:0}.fixed-action-btn .fab-backdrop{position:absolute;top:0;left:0;z-index:-1;width:40px;height:40px;background-color:var(--secondary-color);border-radius:50%;-webkit-transform:scale(0);transform:scale(0)}.btn-flat{-webkit-box-shadow:none;box-shadow:none;background-color:rgba(0,0,0,0);color:var(--font-color-medium);cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.btn-flat:focus,.btn-flat:hover{-webkit-box-shadow:none;box-shadow:none;background-color:var(--hover-color)}.btn-flat:focus{background-color:var(--focus-color)}.btn-flat.disabled,.btn-flat.btn-flat[disabled]{background-color:rgba(0,0,0,0) !important;color:var(--font-color-disabled) !important;cursor:default}.btn-large{height:54px;line-height:54px;font-size:15px;padding:0 28px}.btn-large i{font-size:1.6rem}.btn-small{height:32.4px;line-height:32.4px;font-size:13px}.btn-small i{font-size:1.2rem}.btn-block{display:block}.dropdown-content{background-color:var(--surface-color);margin:0;display:none;min-width:100px;overflow-y:auto;opacity:0;position:absolute;left:0;top:0;z-index:9999;-webkit-transform-origin:0 0;transform-origin:0 0}.dropdown-content:focus{outline:0}.dropdown-content li{clear:both;color:var(--font-color-main);cursor:pointer;min-height:50px;line-height:1.5rem;width:100%;text-align:left}.dropdown-content li:hover,.dropdown-content li.active{background-color:var(--hover-color)}.dropdown-content li:focus{outline:none}.dropdown-content li.divider{min-height:0;height:1px}.dropdown-content li>a,.dropdown-content li>span{font-size:16px;color:var(--primary-color);display:block;line-height:22px;padding:14px 16px}.dropdown-content li>span>label{top:1px;left:0;height:18px}.dropdown-content li>a>i{height:inherit;line-height:inherit;float:left;margin:0 24px 0 0;width:24px}body.keyboard-focused .dropdown-content li:focus{background-color:var(--focus-color)}.input-field.col .dropdown-content [type=checkbox]+label{top:1px;left:0;height:18px;-webkit-transform:none;transform:none}.dropdown-trigger{cursor:pointer}/*!
- * Waves v0.7.6
- * http://fian.my.id/Waves
- *
- * Copyright 2014-2018 Alfiana E. Sibuea and other contributors
- * Released under the MIT license
- * https://github.com/fians/Waves/blob/master/LICENSE */.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;opacity:0;background:rgba(0,0,0,.2);background:radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);-webkit-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transition-property:-webkit-transform,opacity;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform:scale(0) translate(0, 0);transform:scale(0) translate(0, 0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background:rgba(255,255,255,.4);background:radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)}.waves-effect.waves-classic .waves-ripple{background:rgba(0,0,0,.2)}.waves-effect.waves-classic.waves-light .waves-ripple{background:rgba(255,255,255,.4)}.waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,.45)}.waves-effect.waves-red .waves-ripple{background-color:rgba(244,67,54,.7)}.waves-effect.waves-yellow .waves-ripple{background-color:rgba(255,235,59,.7)}.waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,.7)}.waves-effect.waves-purple .waves-ripple{background-color:rgba(156,39,176,.7)}.waves-effect.waves-green .waves-ripple{background-color:rgba(76,175,80,.7)}.waves-effect.waves-teal .waves-ripple{background-color:rgba(0,150,136,.7)}.waves-effect.waves-primary .waves-ripple{background-color:rgba(var(--primary-color-numeric), 0.7)}.waves-effect input[type=button],.waves-effect input[type=reset],.waves-effect input[type=submit]{border:0;font-style:normal;font-size:inherit;text-transform:inherit;background:none}.waves-notransition{-webkit-transition:none !important;transition:none !important}.waves-button,.waves-circle{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle, white 100%, black 100%)}.waves-button,.waves-button:hover,.waves-button:visited,.waves-button-input{white-space:nowrap;vertical-align:middle;cursor:pointer;border:none;outline:none;color:inherit;background-color:rgba(0,0,0,0);font-size:1em;line-height:1em;text-align:center;text-decoration:none;z-index:1}.waves-button{padding:.85em 1.1em;border-radius:.2em}.waves-button-input{margin:0;padding:.85em 1.1em}.waves-input-wrapper{border-radius:.2em;vertical-align:bottom}.waves-input-wrapper.waves-button{padding:0}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%}.waves-float{-webkit-mask-image:none;-webkit-box-shadow:0px 1px 1.5px 1px rgba(0,0,0,.12);box-shadow:0px 1px 1.5px 1px rgba(0,0,0,.12);-webkit-transition:all 300ms;transition:all 300ms}.waves-float:active{-webkit-box-shadow:0px 8px 20px 1px rgba(0,0,0,.3);box-shadow:0px 8px 20px 1px rgba(0,0,0,.3)}.waves-block{display:block}.modal{display:none;position:fixed;left:0;right:0;background-color:var(--background-color-level-16dp-solid);padding:0;max-height:70%;width:55%;margin:auto;overflow-y:auto;border-radius:2px;will-change:top,opacity}.modal:focus{outline:none}@media only screen and (max-width : 992.99px){.modal{width:80%}}.modal h1,.modal h2,.modal h3,.modal h4{margin-top:0}.modal .modal-content{padding:24px;overflow-y:hidden}.modal .modal-close{cursor:pointer}.modal .modal-footer{border-radius:0 0 2px 2px;background-color:var(--background-color-level-16dp-solid);padding:4px 6px;height:56px;width:100%;text-align:right}.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-small,.modal .modal-footer .btn-flat{margin:6px 0}.modal-overlay{position:fixed;z-index:999;top:-25%;left:0;bottom:0;right:0;height:125%;width:100%;background:#000;display:none;will-change:opacity}.modal.modal-fixed-footer{padding:0;height:70%}.modal.modal-fixed-footer .modal-content{position:absolute;height:calc(100% - 56px);max-height:100%;width:100%;overflow-y:auto}.modal.modal-fixed-footer .modal-footer{border-top:1px solid var(--separator-color);position:absolute;bottom:0}.modal.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom,opacity}.collapsible{border-top:1px solid var(--separator-color);border-right:1px solid var(--separator-color);border-left:1px solid var(--separator-color);margin:.5rem 0 1rem 0}.collapsible-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);line-height:1.5;padding:1rem;border-bottom:1px solid var(--separator-color);background-color:var(--surface-color)}.collapsible-header:focus{outline:0}.collapsible-header i{width:2rem;font-size:1.6rem;display:inline-block;text-align:center;margin-right:1rem}.keyboard-focused .collapsible-header:focus{background-color:var(--focus-color)}.collapsible-body{display:none;border-bottom:1px solid var(--separator-color);-webkit-box-sizing:border-box;box-sizing:border-box;padding:2rem;background-color:var(--surface-color)}.sidenav .collapsible,.sidenav.sidenav-fixed .collapsible{border:none;-webkit-box-shadow:none;box-shadow:none}.sidenav .collapsible li,.sidenav.sidenav-fixed .collapsible li{padding:0}.sidenav>li:hover,.sidenav>li.active,.sidenav.sidenav-fixed>li:hover,.sidenav.sidenav-fixed>li.active{background-color:rgba(0,0,0,0)}.sidenav .collapsible-header,.sidenav.sidenav-fixed .collapsible-header{background-color:rgba(0,0,0,0);border:none;line-height:inherit;height:inherit;padding:0 16px}.sidenav .collapsible-header i,.sidenav.sidenav-fixed .collapsible-header i{line-height:inherit}.sidenav .collapsible-body,.sidenav.sidenav-fixed .collapsible-body{border:0;background-color:var(--surface-color)}.sidenav .collapsible-body li a,.sidenav.sidenav-fixed .collapsible-body li a{padding:0 23.5px 0 31px}.collapsible.popout{border:none;-webkit-box-shadow:none;box-shadow:none}.collapsible.popout>li{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);margin:0 24px;-webkit-transition:margin .35s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:margin .35s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.collapsible.popout>li.active{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);margin:16px 0}.chip{display:inline-block;height:32px;font-size:13px;font-weight:500;color:var(--font-color-medium);line-height:32px;padding:0 12px;border-radius:16px;background-color:var(--background-color-level-4dp);margin-bottom:5px;margin-right:5px}.chip:focus{outline:none;background-color:var(--primary-color);color:var(--font-on-primary-color-main)}.chip>img{float:left;margin:0 8px 0 -12px;height:32px;width:32px;border-radius:50%}.chip .close{cursor:pointer;float:right;font-size:16px;line-height:32px;padding-left:8px}.chips{border:none;border-bottom:1px solid var(--font-color-medium);-webkit-box-shadow:none;box-shadow:none;margin:0 0 8px 0;min-height:45px;outline:none;-webkit-transition:all .3s;transition:all .3s}.chips.focus{border-bottom:1px solid var(--primary-color);-webkit-box-shadow:0 1px 0 0 var(--primary-color);box-shadow:0 1px 0 0 var(--primary-color)}.chips:hover{cursor:text}.chips input:not([type]):not(.browser-default).input{background:none;border:0;color:var(--font-color-main);display:inline-block;font-size:16px;height:3rem;line-height:32px;outline:0;margin:0;padding:0;width:120px}.chips input:not([type]):not(.browser-default).input:focus{border:0;-webkit-box-shadow:none;box-shadow:none}.chips .autocomplete-content{margin-top:0;margin-bottom:0}.prefix~.chips{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.suffix~.chips{margin-right:3rem;width:92%;width:calc(100% - 3rem)}.chips:empty~label{font-size:.8rem;-webkit-transform:translateY(-140%);transform:translateY(-140%)}.materialboxed{display:block;cursor:-webkit-zoom-in;cursor:zoom-in;position:relative;-webkit-transition:opacity .4s;transition:opacity .4s;-webkit-backface-visibility:hidden}.materialboxed:hover:not(.active){opacity:.8}.materialboxed.active{cursor:-webkit-zoom-out;cursor:zoom-out}#materialbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#292929;z-index:1000;will-change:opacity}.materialbox-caption{position:fixed;display:none;color:#fff;line-height:50px;bottom:0;left:0;width:100%;text-align:center;padding:0% 15%;height:50px;z-index:1000;-webkit-font-smoothing:antialiased}select:focus{outline:1px solid var(--primary-color-raised-focus-solid)}button:focus{outline:none;background-color:var(--primary-color-raised-focus-solid)}label{font-size:.8rem;color:var(--font-color-medium)}::-webkit-input-placeholder{color:var(--font-color-medium)}::-moz-placeholder{color:var(--font-color-medium)}::-ms-input-placeholder{color:var(--font-color-medium)}::placeholder{color:var(--font-color-medium)}input:not([type]):not(.browser-default),input[type=text]:not(.browser-default),input[type=password]:not(.browser-default),input[type=email]:not(.browser-default),input[type=url]:not(.browser-default),input[type=time]:not(.browser-default),input[type=date]:not(.browser-default),input[type=datetime]:not(.browser-default),input[type=datetime-local]:not(.browser-default),input[type=month]:not(.browser-default),input[type=tel]:not(.browser-default),input[type=number]:not(.browser-default),input[type=search]:not(.browser-default),textarea.materialize-textarea{outline:none;color:var(--font-color-main);width:100%;font-size:16px;height:56px}.input-field{position:relative;clear:both}.input-field input,.input-field textarea{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 16px;padding-top:20px;background-color:var(--surface-color);border:none;border-radius:4px;border-bottom:1px solid var(--font-color-medium);border-bottom-left-radius:0;border-bottom-right-radius:0}.input-field input:focus:not([readonly]),.input-field textarea:focus:not([readonly]){border-bottom:2px solid var(--primary-color);padding-top:21px}.input-field input:disabled,.input-field input[readonly=readonly],.input-field textarea:disabled,.input-field textarea[readonly=readonly]{color:rgba(var(--md_sys_color_on-surface), 0.38);border-color:rgba(var(--md_sys_color_on-surface), 0.12);background-color:rgba(var(--md_sys_color_on-surface), 0.04)}.input-field input:focus:not([readonly])+label,.input-field textarea:focus:not([readonly])+label{color:var(--primary-color)}.input-field input:focus:not([readonly])+label,.input-field input:not(:placeholder-shown)+label,.input-field textarea:focus:not([readonly])+label,.input-field textarea:not(:placeholder-shown)+label{-webkit-transform:scale(0.75);transform:scale(0.75);top:8px}.input-field input:disabled+label,.input-field input[readonly=readonly]+label,.input-field textarea:disabled+label,.input-field textarea[readonly=readonly]+label{color:rgba(var(--md_sys_color_on-surface), 0.38)}.input-field input::-webkit-input-placeholder{-webkit-user-select:none;user-select:none}.input-field input::-moz-placeholder{-moz-user-select:none;user-select:none}.input-field input::-ms-input-placeholder{-ms-user-select:none;user-select:none}.input-field input::placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-field>label{color:var(--font-color-medium);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:16px;position:absolute;left:16px;top:16px;cursor:text;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:left .2s ease-out,top .2s ease-out,-webkit-transform .2s ease-out;transition:left .2s ease-out,top .2s ease-out,-webkit-transform .2s ease-out;transition:left .2s ease-out,top .2s ease-out,transform .2s ease-out;transition:left .2s ease-out,top .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out}.input-field .supporting-text{color:var(--font-color-medium);font-size:12px;padding:0 16px;margin-top:4px}.input-field .character-counter{color:var(--font-color-medium);font-size:12px;float:right;padding:0 16px;margin-top:4px}.input-field .prefix{position:absolute;left:12px;top:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.input-field .suffix{position:absolute;right:12px;top:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-field .prefix~input,.input-field .prefix~textarea{padding-left:52px}.input-field .suffix~input,.input-field .suffix~textarea{padding-right:52px}.input-field .prefix~label{left:52px}.input-field.outlined input,.input-field.outlined textarea{padding-top:0;background-color:var(--background-color);border:1px solid var(--font-color-medium);border-radius:4px}.input-field.outlined input:focus:not([readonly]),.input-field.outlined textarea:focus:not([readonly]){border:2px solid var(--primary-color);padding-top:0;margin-left:-1px}.input-field.outlined input:focus:not([readonly])+label,.input-field.outlined textarea:focus:not([readonly])+label{color:var(--primary-color)}.input-field.outlined input:focus:not([readonly])+label,.input-field.outlined input:not(:placeholder-shown)+label,.input-field.outlined textarea:focus:not([readonly])+label,.input-field.outlined textarea:not(:placeholder-shown)+label{top:-8px;left:16px;margin-left:-4px;padding:0 4px;background-color:var(--background-color)}.input-field.outlined input:disabled,.input-field.outlined input[readonly=readonly],.input-field.outlined textarea:disabled,.input-field.outlined textarea[readonly=readonly]{color:rgba(var(--md_sys_color_on-surface), 0.38);border-color:rgba(var(--md_sys_color_on-surface), 0.12)}.input-field.error input,.input-field.error textarea{border-color:var(--error-color)}.input-field.error input:focus:not([readonly]),.input-field.error textarea:focus:not([readonly]){border-color:var(--error-color)}.input-field.error input:focus:not([readonly])+label,.input-field.error textarea:focus:not([readonly])+label{color:var(--error-color)}.input-field.error label{color:var(--error-color)}.input-field.error .supporting-text{color:var(--error-color)}.input-field.error .suffix{color:var(--error-color)}.searchbar .prefix{position:absolute;padding-left:1rem;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.searchbar>input{border-width:0;background-color:rgba(0,0,0,0);padding-left:3rem}.searchbar.has-sidebar{margin-left:0}@media only screen and (min-width : 993px){.searchbar.has-sidebar{margin-left:300px}}textarea{width:100%;height:3rem;background-color:rgba(0,0,0,0)}textarea.materialize-textarea{line-height:normal;overflow-y:hidden;padding:.8rem 0 .8rem 0;resize:none;min-height:3rem;-webkit-box-sizing:border-box;box-sizing:border-box}.hiddendiv{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding-top:1.2rem;position:absolute;top:0;z-index:-1}.autocomplete-content li .highlight{color:var(--font-color-main)}.autocomplete-content li img{height:40px;width:40px;margin:5px 15px}[type=radio]:not(:checked),[type=radio]:checked{position:absolute;opacity:0;pointer-events:none}[type=radio]:not(:checked)+span,[type=radio]:checked+span{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-transition:.28s ease;transition:.28s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type=radio]+span:before,[type=radio]+span:after{content:"";position:absolute;left:0;top:0;margin:4px;width:16px;height:16px;z-index:0;-webkit-transition:.28s ease;transition:.28s ease}[type=radio]:not(:checked)+span:before,[type=radio]:not(:checked)+span:after,[type=radio]:checked+span:before,[type=radio]:checked+span:after,[type=radio].with-gap:checked+span:before,[type=radio].with-gap:checked+span:after{border-radius:50%}[type=radio]:not(:checked)+span:before,[type=radio]:not(:checked)+span:after{border:2px solid var(--font-color-medium)}[type=radio]:not(:checked)+span:after{-webkit-transform:scale(0);transform:scale(0)}[type=radio]:checked+span:before{border:2px solid rgba(0,0,0,0)}[type=radio]:checked+span:after,[type=radio].with-gap:checked+span:before,[type=radio].with-gap:checked+span:after{border:2px solid var(--primary-color)}[type=radio]:checked+span:after,[type=radio].with-gap:checked+span:after{background-color:var(--primary-color)}[type=radio]:checked+span:after{-webkit-transform:scale(1.02);transform:scale(1.02)}[type=radio].with-gap:checked+span:after{-webkit-transform:scale(0.5);transform:scale(0.5)}[type=radio].tabbed:focus+span:before{-webkit-box-shadow:0 0 0 10px var(--primary-color-focus-opaque);box-shadow:0 0 0 10px var(--primary-color-focus-opaque)}[type=radio].with-gap:disabled:checked+span:before{border:2px solid var(--font-color-disabled)}[type=radio].with-gap:disabled:checked+span:after{border:none;background-color:var(--font-color-disabled)}[type=radio]:disabled:not(:checked)+span:before,[type=radio]:disabled:checked+span:before{background-color:rgba(0,0,0,0);border-color:var(--font-color-disabled)}[type=radio]:disabled+span{color:var(--font-color-disabled)}[type=radio]:disabled:not(:checked)+span:before{border-color:var(--font-color-disabled)}[type=radio]:disabled:checked+span:after{background-color:var(--font-color-disabled);border-color:var(--font-color-disabled)}[type=checkbox]:not(:checked),[type=checkbox]:checked{position:absolute;opacity:0;pointer-events:none}[type=checkbox]+span:not(.lever){position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type=checkbox]+span:not(.lever):before,[type=checkbox]:not(.filled-in)+span:not(.lever):after{content:"";position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid var(--font-color-medium);border-radius:1px;margin-top:3px;-webkit-transition:.2s;transition:.2s}[type=checkbox]:not(.filled-in)+span:not(.lever):after{border:0;-webkit-transform:scale(0);transform:scale(0)}[type=checkbox]:not(:checked):disabled+span:not(.lever):before{border:none;background-color:var(--font-color-disabled)}[type=checkbox].tabbed:focus+span:not(.lever):after{-webkit-transform:scale(1);transform:scale(1);border:0;border-radius:50%;-webkit-box-shadow:0 0 0 10px var(--focus-color);box-shadow:0 0 0 10px var(--focus-color);background-color:var(--focus-color)}[type=checkbox]:checked+span:not(.lever):before{top:-4px;left:-5px;width:12px;height:22px;border-top:2px solid rgba(0,0,0,0);border-left:2px solid rgba(0,0,0,0);border-right:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox]:checked:disabled+span:before{border-right:2px solid var(--font-color-disabled);border-bottom:2px solid var(--font-color-disabled)}[type=checkbox]:indeterminate+span:not(.lever):before{top:-11px;left:-12px;width:10px;height:22px;border-top:none;border-left:none;border-right:2px solid var(--primary-color);border-bottom:none;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox]:indeterminate:disabled+span:not(.lever):before{border-right:2px solid var(--font-color-disabled);background-color:rgba(0,0,0,0)}[type=checkbox].filled-in+span:not(.lever):after{border-radius:2px}[type=checkbox].filled-in+span:not(.lever):before,[type=checkbox].filled-in+span:not(.lever):after{content:"";left:0;position:absolute;-webkit-transition:border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;transition:border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;z-index:1}[type=checkbox].filled-in:not(:checked)+span:not(.lever):before{width:0;height:0;border:3px solid rgba(0,0,0,0);left:6px;top:10px;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox].filled-in:not(:checked)+span:not(.lever):after{height:20px;width:20px;background-color:rgba(0,0,0,0);border:2px solid var(--font-color-medium);top:0px;z-index:0}[type=checkbox].filled-in:checked+span:not(.lever):before{top:0;left:1px;width:8px;height:13px;border-top:2px solid rgba(0,0,0,0);border-left:2px solid rgba(0,0,0,0);border-right:2px solid var(--font-on-primary-color-main);border-bottom:2px solid var(--font-on-primary-color-main);-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox].filled-in:checked+span:not(.lever):after{top:0;width:20px;height:20px;border:2px solid var(--primary-color);background-color:var(--primary-color);z-index:0}[type=checkbox].filled-in.tabbed:focus+span:not(.lever):after{border-radius:2px;border-color:var(--font-color-medium);background-color:var(--focus-color)}[type=checkbox].filled-in.tabbed:checked:focus+span:not(.lever):after{border-radius:2px;background-color:var(--primary-color);border-color:var(--primary-color)}[type=checkbox].filled-in:disabled:not(:checked)+span:not(.lever):before{background-color:rgba(0,0,0,0);border:2px solid rgba(0,0,0,0)}[type=checkbox].filled-in:disabled:not(:checked)+span:not(.lever):after{border-color:rgba(0,0,0,0);background-color:var(--font-color-disabled)}[type=checkbox].filled-in:disabled:checked+span:not(.lever):before{background-color:rgba(0,0,0,0)}[type=checkbox].filled-in:disabled:checked+span:not(.lever):after{background-color:var(--font-color-disabled);border-color:var(--font-color-disabled)}.switch,.switch *{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch label{cursor:pointer}.switch label input[type=checkbox]{opacity:0;width:0;height:0}.switch label input[type=checkbox]:checked+.lever{background-color:rgba(var(--primary-color-numeric), 0.32)}.switch label input[type=checkbox]:checked+.lever:before,.switch label input[type=checkbox]:checked+.lever:after{left:18px}.switch label input[type=checkbox]:checked+.lever:after{background-color:var(--primary-color)}.switch label .lever{content:"";display:inline-block;position:relative;width:36px;height:14px;background-color:var(--slider-track-color);border-radius:15px;margin-right:10px;-webkit-transition:background .3s ease;transition:background .3s ease;vertical-align:middle;margin:0 16px}.switch label .lever:before,.switch label .lever:after{content:"";position:absolute;display:inline-block;width:20px;height:20px;border-radius:50%;left:0;top:-3px;-webkit-transition:left .3s ease,background .3s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease;transition:left .3s ease,background .3s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease;transition:left .3s ease,background .3s ease,box-shadow .1s ease,transform .1s ease;transition:left .3s ease,background .3s ease,box-shadow .1s ease,transform .1s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease}.switch label .lever:after{background-color:var(--switch-thumb-off-color);-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12);box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)}input[type=checkbox]:not(:disabled)~.lever:active:before,input[type=checkbox]:not(:disabled).tabbed:focus~.lever::before,input[type=checkbox]:not(:disabled)~.lever:hover::before{-webkit-transform:scale(2.4);transform:scale(2.4)}input[type=checkbox]:checked:not(:disabled)~.lever:hover::before{background-color:var(--primary-color-hover-opaque)}input[type=checkbox]:checked:not(:disabled)~.lever:active::before,input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever::before{background-color:var(--primary-color-focus-opaque)}input[type=checkbox]:not(:disabled)~.lever:hover::before{background-color:var(--hover-color)}input[type=checkbox]:not(:disabled)~.lever:active:before,input[type=checkbox]:not(:disabled).tabbed:focus~.lever::before{background-color:var(--focus-color)}.switch input[type=checkbox][disabled]+.lever{cursor:default;opacity:.5}select.browser-default{opacity:1;color:var(--font-color-main)}select{opacity:0;background-color:var(--surface-color);width:100%;padding:5px;border:1px solid var(--separator-color);border-radius:2px;height:3rem}.select-wrapper{position:relative}.select-wrapper .caret{position:absolute;right:0;top:0;bottom:0;margin:auto 0;z-index:0;fill:var(--font-color-main)}.select-wrapper .hide-select{width:0;height:0;overflow:hidden;position:absolute;top:0;z-index:-1}select:disabled{color:var(--font-color-disabled)}.select-wrapper.disabled+label{color:var(--font-color-disabled)}.select-wrapper.disabled .caret{fill:var(--font-color-disabled)}.select-wrapper input.select-dropdown:disabled{color:var(--font-color-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-wrapper i{color:var(--font-color-disabled)}.select-dropdown li.disabled,.select-dropdown li.disabled>span,.select-dropdown li.optgroup{color:var(--font-color-disabled);background-color:rgba(0,0,0,0)}body.keyboard-focused .select-dropdown.dropdown-content li:focus{background-color:var(--focus-color)}.select-dropdown.dropdown-content li:hover:not(.disabled){background-color:var(--hover-color)}.select-dropdown.dropdown-content li.selected:not(.disabled){background-color:var(--focus-color)}.select-dropdown li img{height:40px;width:40px;margin:5px 15px;float:right}.select-dropdown li.optgroup{border-top:1px solid var(--hover-color)}.select-dropdown li.optgroup.selected>span{color:var(--font-color-main)}.select-dropdown li.optgroup>span{color:var(--font-color-medium)}.select-dropdown li.optgroup~li.optgroup-option{padding-left:1rem}.file-field{position:relative}.file-field .file-path-wrapper{overflow:hidden;padding-left:10px}.file-field input.file-path{width:100%}.file-field .btn,.file-field .btn-large,.file-field .btn-small{float:left;height:3rem;line-height:3rem}.file-field span{cursor:pointer}.file-field input[type=file]{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}.file-field input[type=file]::-webkit-file-upload-button{display:none}.range-field{position:relative}input[type=range],input[type=range]+.thumb{cursor:pointer}input[type=range]{position:relative;background-color:rgba(0,0,0,0);border:none;outline:none;width:100%;margin:15px 0;padding:0}input[type=range]:focus{outline:none}input[type=range]+.thumb{position:absolute;top:10px;left:0;border:none;height:0;width:0;border-radius:50%;background-color:var(--primary-color);margin-left:7px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}input[type=range]+.thumb .value{display:block;width:30px;text-align:center;color:var(--primary-color);font-size:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}input[type=range]+.thumb.active{border-radius:50% 50% 50% 0}input[type=range]+.thumb.active .value{color:var(--font-on-primary-color-main);margin-left:-1px;margin-top:8px;font-size:10px}input[type=range]{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--slider-track-color);border:none}input[type=range]::-webkit-slider-thumb{border:none;height:14px;width:14px;border-radius:50%;background:var(--primary-color);-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;-webkit-appearance:none;background-color:var(--primary-color);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;margin:-5px 0 0 0}.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb{-webkit-box-shadow:0 0 0 10px var(--primary-color-focus-opaque);box-shadow:0 0 0 10px var(--primary-color-focus-opaque)}input[type=range]::-moz-range-track{height:3px;background:var(--slider-track-color);border:none}input[type=range]::-moz-focus-inner{border:0}input[type=range]::-moz-range-thumb{border:none;height:14px;width:14px;border-radius:50%;background:var(--primary-color);-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;margin-top:-5px}input[type=range]:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb{box-shadow:0 0 0 10px var(--primary-color-focus-opaque)}input[type=range]::-ms-track{height:3px;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-width:6px 0;color:rgba(0,0,0,0)}input[type=range]::-ms-fill-lower,input[type=range]::-moz-range-progress{background:var(--primary-color)}input[type=range]::-ms-fill-upper,input[type=range]::-moz-range-track{background:var(--slider-track-color)}input[type=range]::-ms-thumb{border:none;height:14px;width:14px;border-radius:50%;background:var(--primary-color);-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s}.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb{box-shadow:0 0 0 10px var(--primary-color-focus-opaque)}.table-of-contents.fixed{position:fixed}.table-of-contents li{padding:0}.table-of-contents a{display:inline-block;font-weight:400;color:var(--font-color-medium);padding-left:16px;height:2rem;line-height:2rem;border-left:1px solid var(--separator-color)}.table-of-contents a:hover{color:var(--font-color-main);padding-left:15px}.table-of-contents a.active{color:var(--primary-color);font-weight:500;padding-left:14px;border-left:2px solid var(--primary-color)}.sidenav{position:fixed;width:300px;left:0;top:0;margin:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100vh;padding-bottom:60px;background-color:var(--background-color-level-16dp-solid);z-index:999;overflow-y:auto;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-105%);transform:translateX(-105%)}.sidenav.right-aligned{right:0;-webkit-transform:translateX(105%);transform:translateX(105%);left:auto;-webkit-transform:translateX(100%);transform:translateX(100%)}.sidenav .collapsible{margin:0}.sidenav li{float:none;line-height:48px}.sidenav li:hover{background-color:var(--hover-color)}.sidenav li.active{background-color:var(--focus-color)}.sidenav li>a{display:block;font-size:14px;font-weight:500;height:48px;line-height:48px;padding:0 32px}.sidenav li>a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-flat):not(.btn-large):not(.btn-floating){color:var(--font-color-main)}.sidenav li>a.btn,.sidenav li>a.btn-small,.sidenav li>a.btn-large,.sidenav li>a.btn-flat,.sidenav li>a.btn-floating{margin:10px 15px}.sidenav li>a>i,.sidenav li>a>[class^=mdi-],.sidenav li>a li>a>[class*=mdi-],.sidenav li>a>i.material-icons{float:left;height:48px;line-height:48px;margin:0 32px 0 0;width:24px;color:var(--font-color-medium)}.sidenav .divider{margin:8px 0 0 0}.sidenav .subheader{cursor:initial;pointer-events:none;color:var(--font-color-medium);font-size:14px;font-weight:500;line-height:48px}.sidenav .subheader:hover{background-color:rgba(0,0,0,0)}.sidenav .user-view{position:relative;padding:32px 32px 0;margin-bottom:8px}.sidenav .user-view>a{height:auto;padding:0}.sidenav .user-view>a:hover{background-color:rgba(0,0,0,0)}.sidenav .user-view .background{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.sidenav .user-view .circle,.sidenav .user-view .name,.sidenav .user-view .email{display:block}.sidenav .user-view .circle{height:64px;width:64px}.sidenav .user-view .name,.sidenav .user-view .email{font-size:14px;line-height:24px}.sidenav .user-view .name{margin-top:16px;font-weight:500}.sidenav .user-view .email{padding-bottom:16px;font-weight:400}.drag-target{height:100%;position:fixed;top:0;left:0;z-index:998}.drag-target.right-aligned{right:0}.sidenav.sidenav-fixed{left:0;-webkit-transform:translateX(0);transform:translateX(0);position:fixed}.sidenav.sidenav-fixed.right-aligned{right:0;left:auto}@media only screen and (max-width : 992.99px){.sidenav.sidenav-fixed{-webkit-transform:translateX(-105%);transform:translateX(-105%)}.sidenav.sidenav-fixed.right-aligned{-webkit-transform:translateX(105%);transform:translateX(105%)}.sidenav>a{padding:0 16px}.sidenav .user-view{padding:16px 16px 0}}.sidenav .collapsible-body>ul:not(.collapsible)>li.active,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active{background-color:var(--primary-color)}.sidenav .collapsible-body>ul:not(.collapsible)>li.active a:not(.btn):not(.btn-large):not(.btn-small),.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a:not(.btn):not(.btn-large):not(.btn-small){color:var(--font-on-primary-color-main)}.sidenav .collapsible-body{padding:0}.sidenav-overlay{position:fixed;top:0;left:0;right:0;opacity:0;height:120vh;background-color:rgba(0,0,0,.5);z-index:997;display:none}.preloader-wrapper{display:inline-block;position:relative;width:50px;height:50px}.preloader-wrapper.small{width:36px;height:36px}.preloader-wrapper.big{width:64px;height:64px}.preloader-wrapper.active{-webkit-animation:container-rotate 1568ms linear infinite;animation:container-rotate 1568ms linear infinite}@-webkit-keyframes container-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-layer{position:absolute;width:100%;height:100%;opacity:0;border-color:var(--primary-color)}.spinner-blue,.spinner-blue-only{border-color:#4285f4}.spinner-red,.spinner-red-only{border-color:#db4437}.spinner-yellow,.spinner-yellow-only{border-color:#f4b400}.spinner-green,.spinner-green-only{border-color:#0f9d58}.active .spinner-layer.spinner-blue{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-red{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-yellow{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-green{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer,.active .spinner-layer.spinner-blue-only,.active .spinner-layer.spinner-red-only,.active .spinner-layer.spinner-yellow-only,.active .spinner-layer.spinner-green-only{opacity:1;-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg)}}@keyframes fill-unfill-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)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@-webkit-keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@-webkit-keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@-webkit-keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}.gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}.gap-patch .circle{width:1000%;left:-450%}.circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}.circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:rgba(0,0,0,0) !important;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0}.circle-clipper.left .circle{left:0;border-right-color:rgba(0,0,0,0) !important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}.circle-clipper.right .circle{left:-100%;border-left-color:rgba(0,0,0,0) !important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}.active .circle-clipper.left .circle{-webkit-animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .circle-clipper.right .circle{-webkit-animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes left-spin{from{-webkit-transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg)}}@keyframes left-spin{from{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}}@-webkit-keyframes right-spin{from{-webkit-transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg)}}@keyframes right-spin{from{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}}#spinnerContainer.cooldown{-webkit-animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1)}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.slider{position:relative;height:400px;width:100%}.slider.fullscreen{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0}.slider.fullscreen ul.slides{height:100%}.slider.fullscreen ul.indicators{z-index:2;bottom:30px}.slider.fullscreen ul.indicators .indicator-item{background-color:var(--carousel-indicator-color)}.slider.fullscreen ul.indicators .indicator-item.active{background-color:var(--carousel-indicator-active-color)}.slider .slides{background-color:var(--surface-color);margin:0;height:400px}.slider .slides li{opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:inherit;overflow:hidden}.slider .slides li img{height:100%;width:100%;background-size:cover;background-position:center}.slider .slides li .caption{color:#fff;position:absolute;top:15%;left:15%;width:70%;opacity:0}.slider .slides li .caption p{color:rgba(255,255,255,.75)}.slider .slides li.active{z-index:2}.slider .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.slider .indicators .indicator-item{display:inline-block;position:relative;height:16px;width:16px;margin:0 12px}.slider .indicators .indicator-item-btn{position:absolute;top:0;left:0;cursor:pointer;background-color:var(--slider-track-color);-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%;border-width:0;width:100%;height:100%}.slider .indicators .indicator-item-btn.active{background-color:var(--primary-color)}.carousel{overflow:hidden;position:relative;width:100%;height:400px;-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 50%;transform-origin:0% 50%}.carousel.carousel-slider{top:0;left:0}.carousel.carousel-slider .carousel-fixed-item{position:absolute;left:0;right:0;bottom:20px;z-index:1}.carousel.carousel-slider .carousel-fixed-item.with-indicators{bottom:68px}.carousel.carousel-slider .carousel-item{width:100%;height:100%;min-height:400px;position:absolute;top:0;left:0}.carousel.carousel-slider .carousel-item h2{font-size:24px;font-weight:500;line-height:32px}.carousel.carousel-slider .carousel-item p{font-size:15px}.carousel .carousel-item{visibility:hidden;width:200px;height:200px;position:absolute;top:0;left:0}.carousel .carousel-item>img{width:100%}.carousel .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.carousel .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:8px;width:8px;margin:24px 4px;background-color:var(--carousel-indicator-color);-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}.carousel .indicators .indicator-item.active{background-color:var(--carousel-indicator-active-color)}.carousel.scrolling .carousel-item .materialboxed,.carousel .carousel-item:not(.active) .materialboxed{pointer-events:none}.tap-target-wrapper{width:800px;height:800px;position:fixed;z-index:1000;visibility:hidden;-webkit-transition:visibility 0s .3s;transition:visibility 0s .3s}.tap-target-wrapper.open{visibility:visible;-webkit-transition:visibility 0s;transition:visibility 0s}.tap-target-wrapper.open .tap-target{-webkit-transform:scale(1);transform:scale(1);opacity:.95;-webkit-transition:opacity .3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform .3s cubic-bezier(0.42, 0, 0.58, 1);transition:opacity .3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform .3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform .3s cubic-bezier(0.42, 0, 0.58, 1),opacity .3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform .3s cubic-bezier(0.42, 0, 0.58, 1),opacity .3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform .3s cubic-bezier(0.42, 0, 0.58, 1)}.tap-target-wrapper.open .tap-target-wave::before{-webkit-transform:scale(1);transform:scale(1)}.tap-target-wrapper.open .tap-target-wave::after{visibility:visible;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;-webkit-transition:opacity .3s,visibility 0s 1s,-webkit-transform .3s;transition:opacity .3s,visibility 0s 1s,-webkit-transform .3s;transition:opacity .3s,transform .3s,visibility 0s 1s;transition:opacity .3s,transform .3s,visibility 0s 1s,-webkit-transform .3s}.tap-target{position:absolute;font-size:1rem;border-radius:50%;background-color:var(--secondary-color);color:var(--font-on-secondary-color-main);-webkit-box-shadow:0 20px 20px 0 rgba(0,0,0,.14),0 10px 50px 0 rgba(0,0,0,.12),0 30px 10px -20px rgba(0,0,0,.2);box-shadow:0 20px 20px 0 rgba(0,0,0,.14),0 10px 50px 0 rgba(0,0,0,.12),0 30px 10px -20px rgba(0,0,0,.2);width:100%;height:100%;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform .3s cubic-bezier(0.42, 0, 0.58, 1);transition:opacity .3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform .3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform .3s cubic-bezier(0.42, 0, 0.58, 1),opacity .3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform .3s cubic-bezier(0.42, 0, 0.58, 1),opacity .3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform .3s cubic-bezier(0.42, 0, 0.58, 1)}.tap-target-content{position:relative;display:table-cell}.tap-target-wave{position:absolute;border-radius:50%;z-index:10001}.tap-target-wave::before,.tap-target-wave::after{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:50%;background-color:var(--surface-color)}.tap-target-wave::before{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.tap-target-wave::after{visibility:hidden;-webkit-transition:opacity .3s,visibility 0s,-webkit-transform .3s;transition:opacity .3s,visibility 0s,-webkit-transform .3s;transition:opacity .3s,transform .3s,visibility 0s;transition:opacity .3s,transform .3s,visibility 0s,-webkit-transform .3s;z-index:-1}.tap-target-origin{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10002;position:absolute !important}.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small),.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover{background:none}@media only screen and (max-width: 600px){.tap-target,.tap-target-wrapper{width:600px;height:600px}}.pulse{overflow:visible;position:relative}.pulse::before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:inherit;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;z-index:-1}@-webkit-keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}.datepicker-modal{max-width:325px;min-width:300px;max-height:none}.datepicker-container.modal-content{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;padding:0;background-color:var(--surface-color)}.datepicker-controls{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:280px;margin:0 auto}.datepicker-controls .selects-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker-controls .select-wrapper input{border-bottom:none;text-align:center;margin:0}.datepicker-controls .select-wrapper input:focus{border-bottom:none}.datepicker-controls .select-wrapper .caret{display:none}.datepicker-controls .select-year input{width:50px}.datepicker-controls .select-month input{width:80px}.datepicker-controls .month-prev,.datepicker-controls .month-next{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}.datepicker-controls .month-prev>svg,.datepicker-controls .month-next>svg{fill:var(--font-color-medium)}.month-prev,.month-next{margin-top:4px;cursor:pointer;background-color:rgba(0,0,0,0);border:none}.datepicker-date-display{-webkit-box-flex:1;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;background-color:var(--primary-color);color:var(--font-on-primary-color-main);padding:20px 22px;font-weight:500}.datepicker-date-display .year-text{display:block;font-size:1.5rem;line-height:25px;color:var(--font-on-primary-color-main)}.datepicker-date-display .date-text{display:block;font-size:2.8rem;line-height:47px;font-weight:500}.datepicker-calendar-container{-webkit-box-flex:2.5;-webkit-flex:2.5 auto;-ms-flex:2.5 auto;flex:2.5 auto}.datepicker-table{width:280px;font-size:1rem;margin:0 auto}.datepicker-table thead{border-bottom:none}.datepicker-table th{padding:10px 5px;text-align:center}.datepicker-table tr{border:none}.datepicker-table abbr{text-decoration:none;color:var(--font-color-medium)}.datepicker-table td{color:var(--font-color-main);border-radius:50%;padding:0}.datepicker-table td.is-today{color:var(--primary-color)}.datepicker-table td.is-selected{background-color:var(--primary-color);color:var(--font-on-primary-color-main)}.datepicker-table td.is-outside-current-month,.datepicker-table td.is-disabled{color:var(--font-color-disabled);pointer-events:none}.datepicker-day-button{background-color:rgba(0,0,0,0);border:none;line-height:38px;display:block;width:100%;border-radius:50%;padding:0 5px;cursor:pointer;color:inherit}.datepicker-day-button:hover{background-color:var(--primary-color-hover-opaque)}.datepicker-day-button:focus{background-color:var(--primary-color-focus-opaque)}.datepicker-footer{width:280px;margin:0 auto;padding-bottom:5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.datepicker-cancel,.datepicker-clear,.datepicker-today,.datepicker-done{color:var(--primary-color);padding:0 1rem}.datepicker-clear{color:var(--error-color)}@media only screen and (min-width : 601px){.datepicker-modal{max-width:625px}.datepicker-container.modal-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.datepicker-date-display{-webkit-box-flex:0;-webkit-flex:0 1 270px;-ms-flex:0 1 270px;flex:0 1 270px}.datepicker-controls,.datepicker-table,.datepicker-footer{width:320px}.datepicker-day-button{line-height:44px}}.timepicker-modal{max-width:325px;max-height:none}.timepicker-container.modal-content{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;padding:0}.text-primary{color:var(--font-on-primary-color-main)}.timepicker-digital-display{width:200px;-webkit-box-flex:1;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;background-color:var(--primary-color);padding:10px;font-weight:300}.timepicker-text-container{font-size:4rem;font-weight:bold;text-align:center;color:var(--font-on-primary-color-medium);font-weight:400;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.timepicker-text-container input[type=text]{height:4rem;color:rgba(255,255,255,.6);border-bottom:0px;font-size:4rem;direction:ltr}.timepicker-input-hours,.timepicker-input-minutes,.timepicker-span-am-pm div{cursor:pointer}input[type=text].timepicker-input-hours{text-align:right;width:28%;margin-right:3px}input[type=text].timepicker-input-minutes{width:33%;margin-left:3px}input[type=text].text-primary{color:#fff}.timepicker-display-am-pm{font-size:1.3rem;position:absolute;right:1rem;bottom:1rem;font-weight:400}.timepicker-analog-display{-webkit-box-flex:2.5;-webkit-flex:2.5 auto;-ms-flex:2.5 auto;flex:2.5 auto;background-color:var(--surface-color)}.timepicker-plate{background-color:var(--background-color-level-4dp);border-radius:50%;width:270px;height:270px;overflow:visible;position:relative;margin:auto;margin-top:25px;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.timepicker-canvas,.timepicker-dial{position:absolute;left:0;right:0;top:0;bottom:0}.timepicker-minutes{visibility:hidden}.timepicker-tick{border-radius:50%;color:var(--font-color-main);line-height:40px;text-align:center;width:40px;height:40px;position:absolute;cursor:pointer;font-size:15px}.timepicker-tick.active,.timepicker-tick:hover{background-color:var(--primary-color-hover-opaque)}.timepicker-dial{-webkit-transition:opacity 350ms,-webkit-transform 350ms;transition:opacity 350ms,-webkit-transform 350ms;transition:transform 350ms,opacity 350ms;transition:transform 350ms,opacity 350ms,-webkit-transform 350ms}.timepicker-dial-out{opacity:0}.timepicker-dial-out.timepicker-hours{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}.timepicker-dial-out.timepicker-minutes{-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8)}.timepicker-canvas{-webkit-transition:opacity 175ms;transition:opacity 175ms}.timepicker-canvas line{stroke:var(--primary-color);stroke-width:4;stroke-linecap:round}.timepicker-canvas-out{opacity:.25}.timepicker-canvas-bearing{stroke:none;fill:var(--primary-color)}.timepicker-canvas-bg{stroke:none;fill:var(--primary-color)}.timepicker-footer{margin:0 auto;padding:5px 1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.timepicker-clear{color:var(--error-color)}.timepicker-close{color:var(--primary-color)}.timepicker-clear,.timepicker-close{padding:0 20px}@media only screen and (min-width : 601px){.timepicker-modal{max-width:600px}.timepicker-container.modal-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.timepicker-text-container{top:32%}.timepicker-display-am-pm{position:relative;right:auto;bottom:auto;text-align:center;margin-top:1.2rem}}:root{--surface-color: #eeeeee;--background-color: #ffffff;--font-color-main: rgba(0, 0, 0, 0.87);--font-color-medium: rgba(0, 0, 0, 0.56);--font-color-disabled: rgba(0, 0, 0, 0.38);--font-on-primary-color-main: rgba(255, 255, 255, 0.87);--font-on-primary-color-dark-main: rgba(255, 255, 255, 0.87);--font-on-primary-color-dark-medium: rgba(255, 255, 255, 0.60);--font-on-primary-color-medium: rgba(255, 255, 255, 0.60);--font-on-primary-color-disabled: rgba(255, 255, 255, 0.38);--font-on-secondary-color-main: rgba(0, 0, 0, 0.87);--hover-color: rgba(0, 0, 0, 0.04);--focus-color: rgba(0, 0, 0, 0.12);--focus-color-solid: #E0E0E0;--background-color-disabled: rgba(0, 0, 0, 0.12);--background-color-level-4dp: rgba(0, 0, 0, 0.09);--background-color-level-16dp-solid: var(--surface-color);--background-color-slight-emphasis: rgba(0, 0, 0, 0.025);--background-color-card: var(--surface-color);--tooltip-background-color: #313033;--tooltip-font-color: rgba(255, 255, 255, 0.77);--separator-color: #DDDDDD;--error-color: #F44336;--slider-track-color: rgba(0, 0, 0, 0.26);--switch-thumb-off-color: #ffffff;--carousel-indicator-color: rgba(255, 255, 255, 0.45);--carousel-indicator-active-color: #FFF;--primary-color: #26a69a;--primary-color-dark: #009688;--primary-color-numeric: 38, 166, 154;--primary-color-raised-hover-solid: #30B0A4;--primary-color-raised-focus-solid: #44C4B8;--primary-color-font-medium-color: rgba(var(--primary-color-numeric), 0.7);--primary-color-font-disabled-color: rgba(var(--primary-color-numeric), 0.4);--primary-color-hover-opaque: rgba(var(--primary-color-numeric), 0.06);--primary-color-focus-opaque: rgba(var(--primary-color-numeric), 0.18);--secondary-color: #EF5350;--secondary-color-hover-solid: #FE625F;--secondary-color-focus-solid: #FF7B78;--md_sys_color_on-surface: 28, 27, 31}:root[theme=dark]{--background-color: #121212;--surface-color: #242424;--font-color-main: rgba(255, 255, 255, 0.87);--font-color-medium: rgba(255, 255, 255, 0.60);--font-color-disabled: rgba(255, 255, 255, 0.38);--font-on-primary-color-main: rgba(0, 0, 0, 0.87);--font-on-primary-color-dark-main: rgba(255, 255, 255, 0.87);--font-on-primary-color-dark-medium: rgba(255, 255, 255, 0.60);--font-on-primary-color-medium: rgba(0, 0, 0, 0.56);--font-on-primary-color-disabled: rgba(0, 0, 0, 0.38);--hover-color: rgba(255, 255, 255, 0.04);--focus-color: rgba(255, 255, 255, 0.12);--focus-color-solid: #424242;--background-color-disabled: rgba(255, 255, 255, 0.12);--background-color-level-4dp: rgba(255, 255, 255, 0.09);--background-color-level-16dp-solid: #262626;--background-color-card: var(--surface-color);--background-color-slight-emphasis: rgba(255, 255, 255, 0.05);--separator-color: #424242;--error-color: #CF6679;--slider-track-color: rgba(255, 255, 255, 0.26);--switch-thumb-off-color: #bababa;--primary-color: #B39DDB;--primary-color-dark: #9575CD;--primary-color-numeric: 179, 157, 219;--primary-color-raised-hover-solid: #C2ACEA;--primary-color-raised-focus-solid: #DBC5FF;--secondary-color: #CDDC39;--secondary-color-hover-solid: #DCEB48;--secondary-color-focus-solid: #F5FF61;--md_sys_color_on-surface: 230, 225, 229}body{color:var(--font-color-main);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;background-color:var(--background-color)}p.box{padding:20px}p{padding:0}h5>span{font-size:14px;margin-left:15px;color:var(--font-color-medium)}td,th{padding:15px 10px}.header{color:var(--font-color-main);font-weight:400;font-size:3.25rem}.preview{background-color:var(--surface-color);border:1px solid var(--separator-color);padding:20px 20px}.method-header{font-family:"Inconsolata",Monaco,Consolas,"Andale Mono",monospace;margin-top:15px;padding-top:30px}header,main,footer{padding-left:300px}.parallax-demo header,.parallax-demo main,.parallax-demo footer{padding-left:0}footer.example{padding-left:0}@media only screen and (max-width : 992.99px){header,main,footer{padding-left:0}h5>span{display:block;margin:0 0 15px 0}}ul.sidenav.sidenav-fixed li.logo{text-align:center;margin-top:16px;margin-bottom:60px}ul.sidenav.sidenav-fixed li.logo:hover,ul.sidenav.sidenav-fixed li.logo #logo-container:hover{background-color:rgba(0,0,0,0)}ul.sidenav.sidenav-fixed{overflow:hidden;-webkit-box-shadow:none;box-shadow:none;border-right:1px solid var(--separator-color)}ul.sidenav.sidenav-fixed>li:last-child{margin-bottom:160px}ul.sidenav.sidenav-fixed li{line-height:44px}ul.sidenav.sidenav-fixed li.active{background-color:var(--focus-color)}ul.sidenav.sidenav-fixed li a{font-size:13px;line-height:44px;height:44px;padding:0 30px}ul.sidenav.sidenav-fixed li a .new.badge{margin-top:11px}ul.sidenav.sidenav-fixed ul.collapsible-accordion{background-color:var(--surface-color)}ul.sidenav.sidenav-fixed ul.collapsible-accordion a.collapsible-header{padding:0 30px}ul.sidenav.sidenav-fixed ul.collapsible-accordion .collapsible-body li a{font-weight:400;padding:0 37.5px 0 45px}ul.sidenav.sidenav-fixed:hover{overflow-y:auto}.bold>a{font-weight:bold}#logo-container{height:50px;margin-bottom:16px}.current-version-number{color:var(--font-color-medium)}.intro #logo{height:150px}.call-to-action>.btn,.call-to-action>.btn-large,.call-to-action>.btn-small{border:1px solid var(--primary-color)}.call-to-action>.btn:first-of-type,.call-to-action>.btn-large:first-of-type,.call-to-action>.btn-small:first-of-type{border:none}.call-to-action>.btn-flat{color:var(--primary-color)}.materialize-benefits .collection-item>h4{font-size:1.75rem;font-weight:500}@media only screen and (max-width : 992.99px){footer.page-footer .container{text-align:center}}nav.top-nav{height:110px;-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid var(--separator-color);background-color:rgba(0,0,0,0)}nav.top-nav h1.header{margin:0;padding-top:22px}a.sidenav-trigger.top-nav{position:absolute;text-align:center;height:48px;width:48px;top:28px;float:none;margin-left:1.5rem;color:var(--primary-color);font-size:36px;z-index:2}a.sidenav-trigger.top-nav i{font-size:32px}@media only screen and (max-width : 600.99px){a.sidenav-trigger.top-nav{left:0}ul.sidenav.sidenav-fixed{border:0}}@media only screen and (max-width : 992.99px){nav .nav-wrapper{text-align:center}nav .nav-wrapper a.page-title{font-size:36px}}@media only screen and (min-width : 601px){main>.container,body>.page-footer>.container,.top-nav>.container,#index-banner>.container,.github-commit>.container{width:100%}}#front-page-logo{display:inline-block;height:100%;pointer-events:none}#responsive-img{width:80%;display:block;margin:0 auto}#index-banner{border-bottom:1px solid var(--separator-color)}#index-banner .container{position:relative}#index-banner h4{margin-bottom:40px;line-height:44px;color:var(--font-color-main)}#index-banner h1{margin-top:16px}@media only screen and (max-width : 992.99px){#index-banner h1{margin-top:60px}#index-banner h4{margin-bottom:15px}}@media only screen and (max-width : 600.99px){#index-banner h4{margin-bottom:0}}.github-commit{color:var(--font-color-medium);border-top:1px solid var(--separator-color);padding:14px 0;height:64px;line-height:36px;font-size:.9rem}.github-commit .sha{margin:0 6px 0 6px}@media only screen and (max-width : 992.99px){.github-commit{text-align:center}}#download-button,#upgrade-button{background-color:var(--primary-color);width:260px;height:70px;margin:4px;padding:0;line-height:70px;font-size:18px;font-weight:400}#download-button:hover,#upgrade-button:hover{background-color:var(--primary-color-raised-hover-solid)}.promo{width:100%}.promo i{margin:30px 0;color:var(--secondary-color);font-size:5rem;display:block}.promo-caption{font-size:1.25rem;font-weight:500;margin-top:5px;margin-bottom:0}.col.grid-example{border:1px solid var(--separator-color);margin:7px 0;text-align:center;line-height:50px;font-size:28px;background-color:tomato;color:#fff;padding:0}.col.grid-example span{font-weight:100;line-height:50px}.promo-example{overflow:hidden}#site-layout-example-left{background-color:#90a4ae;height:300px}#site-layout-example-right{background-color:var(--secondary-color);height:300px}#site-layout-example-top{background-color:var(--primary-color);height:42px}.flat-text-header{height:35px;width:80%;background-color:rgba(255,255,255,.15);display:block;margin:27px auto}.flat-text{height:25px;width:80%;background-color:rgba(0,0,0,.15);display:block;margin:27px auto}.flat-text.small{width:25%;height:25px;background-color:rgba(0,0,0,.15)}.flat-text.full-width{width:100%}.browser-window{text-align:left;width:100%;height:auto;display:inline-block;border-radius:5px 5px 2px 2px;background-color:var(--background-color-level-4dp);margin:20px 0px;overflow:hidden}.browser-window .top-bar{height:30px;border-radius:5px 5px 0 0;border-top:thin solid #eaeae9;border-bottom:thin solid #dfdfde;background:-webkit-gradient(linear, left top, left bottom, from(#e7e7e6), to(#E2E2E1));background:linear-gradient(#e7e7e6, #E2E2E1)}.browser-window .circle{height:10px;width:10px;display:inline-block;border-radius:50%;background-color:#fff;margin-right:1px}#close-circle{background-color:#ff5c5a}#minimize-circle{background-color:#ffbb50}#maximize-circle{background-color:#1bc656}.browser-window .circles{margin:5px 12px}.browser-window .content{margin:0;width:100%;display:inline-block;border-radius:0 0 5px 5px;background-color:#fafafa}.browser-window .row{margin:0}.clear{clear:both}.dynamic-color .red,.dynamic-color .pink,.dynamic-color .purple,.dynamic-color .deep-purple,.dynamic-color .indigo,.dynamic-color .blue,.dynamic-color .light-blue,.dynamic-color .cyan,.dynamic-color .teal,.dynamic-color .green,.dynamic-color .light-green,.dynamic-color .lime,.dynamic-color .yellow,.dynamic-color .amber,.dynamic-color .orange,.dynamic-color .deep-orange,.dynamic-color .brown,.dynamic-color .grey,.dynamic-color .blue-grey,.dynamic-color .black,.dynamic-color .white,.dynamic-color .transparent{height:55px;width:100%;padding:0 15px;font-weight:500;font-size:12px;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-sizing:border-box;box-sizing:border-box}.dynamic-color .col{margin-bottom:55px}.center{text-align:center;vertical-align:middle}.material-icons.icon-demo{line-height:50px}.icon-container i{font-size:3em;margin-bottom:10px}.icon-container .icon-preview{height:120px;text-align:center}.icon-container span{display:block}.icon-holder{display:block;text-align:center;width:150px;height:115px;float:left;margin:0 0px 15px 0px}.icon-holder p{margin:0 0}.tabs-wrapper{position:relative;height:48px}.tabs-wrapper .row.pinned{position:fixed;width:100%;top:0;z-index:10}.shadow-demo{background-color:var(--secondary-color);width:100px;height:100px;margin:20px auto}@media only screen and (max-width: 600.99px){.shadow-demo{width:150px;height:150px}}.parallax-container .text-center{position:absolute;top:50%;left:0;right:0;margin-top:-27px}ul.table-of-contents{margin-top:0;padding-top:48px;font-size:1rem}code,pre{position:relative;font-size:1.1rem}.directory-markup{font-size:1rem;line-height:1.1rem !important}:not(pre)>code[class*=language-]{padding:.1em .25em;border:solid 1px var(--separator-color)}pre[class*=language-]{padding:25px 12px 7px 12px;border:solid 1px var(--separator-color);background:var(--background-color-slight-emphasis)}pre[class*=language-]:before{position:absolute;padding:1px 5px;background:var(--background-color-level-16dp-solid);top:0;left:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;color:var(--font-color-medium);content:attr(class);font-size:.9rem;border:solid 1px var(--separator-color);border-top:none;border-left:none}.token.operator{background:rgba(0,0,0,0)}pre[class*=language-],code[class*=language-]{line-height:1.3}code[class*=language-]{color:var(--font-color-main)}:not(pre)>code[class*=language-]{background:var(--background-color-slight-emphasis);color:var(--font-color-main)}.copyMessage,.copyButton{color:var(--font-color-medium);position:absolute}.copyMessage{font-size:14px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;opacity:0;right:45px;top:15px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.copyButton{top:10px;right:10px;cursor:pointer}.toc-wrapper{position:relative;margin-top:42px}.toc-wrapper.pin-bottom{margin-top:84px}footer{font-size:.9rem}body.parallax-demo footer{margin-top:0}.docs-footer{margin-top:40px;background-color:rgba(0,0,0,0);border-top:1px solid var(--separator-color);color:inherit}.docs-footer .footer-copyright,.docs-footer .footer-copyright a{color:var(--font-color-medium);background-color:rgba(0,0,0,0)}.image-container{width:100%}.image-container img{max-width:100%}@media only screen and (max-width : 600.99px){.mobile-image{max-width:100%}}.waves-color-demo .collection-item{height:37px;line-height:37px;-webkit-box-sizing:content-box;box-sizing:content-box}.waves-color-demo .collection-item code{line-height:37px}.waves-color-demo .btn:not(.waves-light),.waves-color-demo .btn-large:not(.waves-light),.waves-color-demo .btn-small:not(.waves-light){background-color:#fff;color:#212121}.card-panel span,.card-content p{-webkit-font-smoothing:antialiased}#images .card-panel .row{margin-bottom:0}.pushpin-demo{position:relative;height:100px}#pushpin-demo-1{display:block;height:inherit;background-color:var(--slider-track-color)}.valign-demo{height:400px;background-color:var(--slider-track-color)}.talign-demo{height:100px;background-color:var(--slider-track-color)}#staggered-test li,#image-test{opacity:0}#download-thanks{border-radius:5px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden;max-height:300px;opacity:1}#download-thanks .header{font-size:1.75em;color:var(--primary-color)}#download-thanks.is-closed{opacity:0;max-height:0}#nav-mobile li.version{position:absolute;top:65px;left:0;right:0;font-family:"Inconsolata";text-align:center}#nav-mobile li.version .dropdown-trigger{font-family:"Inconsolata";margin:0 auto;display:inline-block;padding:0 10px;border-bottom:1px solid var(--separator-color)}#nav-mobile li.version .dropdown-trigger .caret{position:relative;top:10px;fill:var(--font-color-medium)}#version-dropdown{text-align:left}#version-dropdown li>a{padding:0 10px}#version-dropdown a{height:50px;line-height:50px}.ext-link>img{vertical-align:middle;height:24px}#nav-mobile li.search{margin:5px 0;z-index:2}#nav-mobile li.search .search-wrapper{color:var(--font-color-medium);margin-top:-1px;-webkit-transition:margin .25s ease;transition:margin .25s ease;position:relative}#nav-mobile li.search .search-wrapper input#search{background-color:rgba(0,0,0,0);border:1px solid var(--separator-color);border-radius:3px;margin:0 auto;color:var(--font-color-medium);display:block;font-size:16px;width:80%;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;height:32px}#nav-mobile li.search .search-wrapper input#search:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}#nav-mobile li.search .search-wrapper i.material-icons{position:absolute;top:4px;right:34px;color:var(--separator-color);cursor:pointer}.search-results{position:fixed;margin:0;top:65px;left:340px;z-index:9999;background-color:var(--surface-color)}@media only screen and (max-width : 992.99px){.search-results{top:65px;left:100px}}@media only screen and (max-width : 600.99px){.search-results{top:160px;left:35px}}.search-results a{font-size:12px;padding:5px;white-space:nowrap;display:block}.search-results a.focused{background-color:var(--focus-color);outline:none}.search-results a:hover{background-color:var(--hover-color);outline:none}#nav-mobile li .new.badge{background-color:var(--secondary-color);color:var(--font-on-secondary-color-main)}
\ No newline at end of file
+.materialize-red{background-color:#e51c23 !important}.materialize-red-text{color:#e51c23 !important}.materialize-red.lighten-5{background-color:#fdeaeb !important}.materialize-red-text.text-lighten-5{color:#fdeaeb !important}.materialize-red.lighten-4{background-color:#f8c1c3 !important}.materialize-red-text.text-lighten-4{color:#f8c1c3 !important}.materialize-red.lighten-3{background-color:#f3989b !important}.materialize-red-text.text-lighten-3{color:#f3989b !important}.materialize-red.lighten-2{background-color:#ee6e73 !important}.materialize-red-text.text-lighten-2{color:#ee6e73 !important}.materialize-red.lighten-1{background-color:#ea454b !important}.materialize-red-text.text-lighten-1{color:#ea454b !important}.materialize-red.darken-1{background-color:#d0181e !important}.materialize-red-text.text-darken-1{color:#d0181e !important}.materialize-red.darken-2{background-color:#b9151b !important}.materialize-red-text.text-darken-2{color:#b9151b !important}.materialize-red.darken-3{background-color:#a21318 !important}.materialize-red-text.text-darken-3{color:#a21318 !important}.materialize-red.darken-4{background-color:#8b1014 !important}.materialize-red-text.text-darken-4{color:#8b1014 !important}.red{background-color:#f44336 !important}.red-text{color:#f44336 !important}.red.lighten-5{background-color:#ffebee !important}.red-text.text-lighten-5{color:#ffebee !important}.red.lighten-4{background-color:#ffcdd2 !important}.red-text.text-lighten-4{color:#ffcdd2 !important}.red.lighten-3{background-color:#ef9a9a !important}.red-text.text-lighten-3{color:#ef9a9a !important}.red.lighten-2{background-color:#e57373 !important}.red-text.text-lighten-2{color:#e57373 !important}.red.lighten-1{background-color:#ef5350 !important}.red-text.text-lighten-1{color:#ef5350 !important}.red.darken-1{background-color:#e53935 !important}.red-text.text-darken-1{color:#e53935 !important}.red.darken-2{background-color:#d32f2f !important}.red-text.text-darken-2{color:#d32f2f !important}.red.darken-3{background-color:#c62828 !important}.red-text.text-darken-3{color:#c62828 !important}.red.darken-4{background-color:#b71c1c !important}.red-text.text-darken-4{color:#b71c1c !important}.red.accent-1{background-color:#ff8a80 !important}.red-text.text-accent-1{color:#ff8a80 !important}.red.accent-2{background-color:#ff5252 !important}.red-text.text-accent-2{color:#ff5252 !important}.red.accent-3{background-color:#ff1744 !important}.red-text.text-accent-3{color:#ff1744 !important}.red.accent-4{background-color:#d50000 !important}.red-text.text-accent-4{color:#d50000 !important}.pink{background-color:#e91e63 !important}.pink-text{color:#e91e63 !important}.pink.lighten-5{background-color:#fce4ec !important}.pink-text.text-lighten-5{color:#fce4ec !important}.pink.lighten-4{background-color:#f8bbd0 !important}.pink-text.text-lighten-4{color:#f8bbd0 !important}.pink.lighten-3{background-color:#f48fb1 !important}.pink-text.text-lighten-3{color:#f48fb1 !important}.pink.lighten-2{background-color:#f06292 !important}.pink-text.text-lighten-2{color:#f06292 !important}.pink.lighten-1{background-color:#ec407a !important}.pink-text.text-lighten-1{color:#ec407a !important}.pink.darken-1{background-color:#d81b60 !important}.pink-text.text-darken-1{color:#d81b60 !important}.pink.darken-2{background-color:#c2185b !important}.pink-text.text-darken-2{color:#c2185b !important}.pink.darken-3{background-color:#ad1457 !important}.pink-text.text-darken-3{color:#ad1457 !important}.pink.darken-4{background-color:#880e4f !important}.pink-text.text-darken-4{color:#880e4f !important}.pink.accent-1{background-color:#ff80ab !important}.pink-text.text-accent-1{color:#ff80ab !important}.pink.accent-2{background-color:#ff4081 !important}.pink-text.text-accent-2{color:#ff4081 !important}.pink.accent-3{background-color:#f50057 !important}.pink-text.text-accent-3{color:#f50057 !important}.pink.accent-4{background-color:#c51162 !important}.pink-text.text-accent-4{color:#c51162 !important}.purple{background-color:#9c27b0 !important}.purple-text{color:#9c27b0 !important}.purple.lighten-5{background-color:#f3e5f5 !important}.purple-text.text-lighten-5{color:#f3e5f5 !important}.purple.lighten-4{background-color:#e1bee7 !important}.purple-text.text-lighten-4{color:#e1bee7 !important}.purple.lighten-3{background-color:#ce93d8 !important}.purple-text.text-lighten-3{color:#ce93d8 !important}.purple.lighten-2{background-color:#ba68c8 !important}.purple-text.text-lighten-2{color:#ba68c8 !important}.purple.lighten-1{background-color:#ab47bc !important}.purple-text.text-lighten-1{color:#ab47bc !important}.purple.darken-1{background-color:#8e24aa !important}.purple-text.text-darken-1{color:#8e24aa !important}.purple.darken-2{background-color:#7b1fa2 !important}.purple-text.text-darken-2{color:#7b1fa2 !important}.purple.darken-3{background-color:#6a1b9a !important}.purple-text.text-darken-3{color:#6a1b9a !important}.purple.darken-4{background-color:#4a148c !important}.purple-text.text-darken-4{color:#4a148c !important}.purple.accent-1{background-color:#ea80fc !important}.purple-text.text-accent-1{color:#ea80fc !important}.purple.accent-2{background-color:#e040fb !important}.purple-text.text-accent-2{color:#e040fb !important}.purple.accent-3{background-color:#d500f9 !important}.purple-text.text-accent-3{color:#d500f9 !important}.purple.accent-4{background-color:#a0f !important}.purple-text.text-accent-4{color:#a0f !important}.deep-purple{background-color:#673ab7 !important}.deep-purple-text{color:#673ab7 !important}.deep-purple.lighten-5{background-color:#ede7f6 !important}.deep-purple-text.text-lighten-5{color:#ede7f6 !important}.deep-purple.lighten-4{background-color:#d1c4e9 !important}.deep-purple-text.text-lighten-4{color:#d1c4e9 !important}.deep-purple.lighten-3{background-color:#b39ddb !important}.deep-purple-text.text-lighten-3{color:#b39ddb !important}.deep-purple.lighten-2{background-color:#9575cd !important}.deep-purple-text.text-lighten-2{color:#9575cd !important}.deep-purple.lighten-1{background-color:#7e57c2 !important}.deep-purple-text.text-lighten-1{color:#7e57c2 !important}.deep-purple.darken-1{background-color:#5e35b1 !important}.deep-purple-text.text-darken-1{color:#5e35b1 !important}.deep-purple.darken-2{background-color:#512da8 !important}.deep-purple-text.text-darken-2{color:#512da8 !important}.deep-purple.darken-3{background-color:#4527a0 !important}.deep-purple-text.text-darken-3{color:#4527a0 !important}.deep-purple.darken-4{background-color:#311b92 !important}.deep-purple-text.text-darken-4{color:#311b92 !important}.deep-purple.accent-1{background-color:#b388ff !important}.deep-purple-text.text-accent-1{color:#b388ff !important}.deep-purple.accent-2{background-color:#7c4dff !important}.deep-purple-text.text-accent-2{color:#7c4dff !important}.deep-purple.accent-3{background-color:#651fff !important}.deep-purple-text.text-accent-3{color:#651fff !important}.deep-purple.accent-4{background-color:#6200ea !important}.deep-purple-text.text-accent-4{color:#6200ea !important}.indigo{background-color:#3f51b5 !important}.indigo-text{color:#3f51b5 !important}.indigo.lighten-5{background-color:#e8eaf6 !important}.indigo-text.text-lighten-5{color:#e8eaf6 !important}.indigo.lighten-4{background-color:#c5cae9 !important}.indigo-text.text-lighten-4{color:#c5cae9 !important}.indigo.lighten-3{background-color:#9fa8da !important}.indigo-text.text-lighten-3{color:#9fa8da !important}.indigo.lighten-2{background-color:#7986cb !important}.indigo-text.text-lighten-2{color:#7986cb !important}.indigo.lighten-1{background-color:#5c6bc0 !important}.indigo-text.text-lighten-1{color:#5c6bc0 !important}.indigo.darken-1{background-color:#3949ab !important}.indigo-text.text-darken-1{color:#3949ab !important}.indigo.darken-2{background-color:#303f9f !important}.indigo-text.text-darken-2{color:#303f9f !important}.indigo.darken-3{background-color:#283593 !important}.indigo-text.text-darken-3{color:#283593 !important}.indigo.darken-4{background-color:#1a237e !important}.indigo-text.text-darken-4{color:#1a237e !important}.indigo.accent-1{background-color:#8c9eff !important}.indigo-text.text-accent-1{color:#8c9eff !important}.indigo.accent-2{background-color:#536dfe !important}.indigo-text.text-accent-2{color:#536dfe !important}.indigo.accent-3{background-color:#3d5afe !important}.indigo-text.text-accent-3{color:#3d5afe !important}.indigo.accent-4{background-color:#304ffe !important}.indigo-text.text-accent-4{color:#304ffe !important}.blue{background-color:#2196f3 !important}.blue-text{color:#2196f3 !important}.blue.lighten-5{background-color:#e3f2fd !important}.blue-text.text-lighten-5{color:#e3f2fd !important}.blue.lighten-4{background-color:#bbdefb !important}.blue-text.text-lighten-4{color:#bbdefb !important}.blue.lighten-3{background-color:#90caf9 !important}.blue-text.text-lighten-3{color:#90caf9 !important}.blue.lighten-2{background-color:#64b5f6 !important}.blue-text.text-lighten-2{color:#64b5f6 !important}.blue.lighten-1{background-color:#42a5f5 !important}.blue-text.text-lighten-1{color:#42a5f5 !important}.blue.darken-1{background-color:#1e88e5 !important}.blue-text.text-darken-1{color:#1e88e5 !important}.blue.darken-2{background-color:#1976d2 !important}.blue-text.text-darken-2{color:#1976d2 !important}.blue.darken-3{background-color:#1565c0 !important}.blue-text.text-darken-3{color:#1565c0 !important}.blue.darken-4{background-color:#0d47a1 !important}.blue-text.text-darken-4{color:#0d47a1 !important}.blue.accent-1{background-color:#82b1ff !important}.blue-text.text-accent-1{color:#82b1ff !important}.blue.accent-2{background-color:#448aff !important}.blue-text.text-accent-2{color:#448aff !important}.blue.accent-3{background-color:#2979ff !important}.blue-text.text-accent-3{color:#2979ff !important}.blue.accent-4{background-color:#2962ff !important}.blue-text.text-accent-4{color:#2962ff !important}.light-blue{background-color:#03a9f4 !important}.light-blue-text{color:#03a9f4 !important}.light-blue.lighten-5{background-color:#e1f5fe !important}.light-blue-text.text-lighten-5{color:#e1f5fe !important}.light-blue.lighten-4{background-color:#b3e5fc !important}.light-blue-text.text-lighten-4{color:#b3e5fc !important}.light-blue.lighten-3{background-color:#81d4fa !important}.light-blue-text.text-lighten-3{color:#81d4fa !important}.light-blue.lighten-2{background-color:#4fc3f7 !important}.light-blue-text.text-lighten-2{color:#4fc3f7 !important}.light-blue.lighten-1{background-color:#29b6f6 !important}.light-blue-text.text-lighten-1{color:#29b6f6 !important}.light-blue.darken-1{background-color:#039be5 !important}.light-blue-text.text-darken-1{color:#039be5 !important}.light-blue.darken-2{background-color:#0288d1 !important}.light-blue-text.text-darken-2{color:#0288d1 !important}.light-blue.darken-3{background-color:#0277bd !important}.light-blue-text.text-darken-3{color:#0277bd !important}.light-blue.darken-4{background-color:#01579b !important}.light-blue-text.text-darken-4{color:#01579b !important}.light-blue.accent-1{background-color:#80d8ff !important}.light-blue-text.text-accent-1{color:#80d8ff !important}.light-blue.accent-2{background-color:#40c4ff !important}.light-blue-text.text-accent-2{color:#40c4ff !important}.light-blue.accent-3{background-color:#00b0ff !important}.light-blue-text.text-accent-3{color:#00b0ff !important}.light-blue.accent-4{background-color:#0091ea !important}.light-blue-text.text-accent-4{color:#0091ea !important}.cyan{background-color:#00bcd4 !important}.cyan-text{color:#00bcd4 !important}.cyan.lighten-5{background-color:#e0f7fa !important}.cyan-text.text-lighten-5{color:#e0f7fa !important}.cyan.lighten-4{background-color:#b2ebf2 !important}.cyan-text.text-lighten-4{color:#b2ebf2 !important}.cyan.lighten-3{background-color:#80deea !important}.cyan-text.text-lighten-3{color:#80deea !important}.cyan.lighten-2{background-color:#4dd0e1 !important}.cyan-text.text-lighten-2{color:#4dd0e1 !important}.cyan.lighten-1{background-color:#26c6da !important}.cyan-text.text-lighten-1{color:#26c6da !important}.cyan.darken-1{background-color:#00acc1 !important}.cyan-text.text-darken-1{color:#00acc1 !important}.cyan.darken-2{background-color:#0097a7 !important}.cyan-text.text-darken-2{color:#0097a7 !important}.cyan.darken-3{background-color:#00838f !important}.cyan-text.text-darken-3{color:#00838f !important}.cyan.darken-4{background-color:#006064 !important}.cyan-text.text-darken-4{color:#006064 !important}.cyan.accent-1{background-color:#84ffff !important}.cyan-text.text-accent-1{color:#84ffff !important}.cyan.accent-2{background-color:#18ffff !important}.cyan-text.text-accent-2{color:#18ffff !important}.cyan.accent-3{background-color:#00e5ff !important}.cyan-text.text-accent-3{color:#00e5ff !important}.cyan.accent-4{background-color:#00b8d4 !important}.cyan-text.text-accent-4{color:#00b8d4 !important}.teal{background-color:#009688 !important}.teal-text{color:#009688 !important}.teal.lighten-5{background-color:#e0f2f1 !important}.teal-text.text-lighten-5{color:#e0f2f1 !important}.teal.lighten-4{background-color:#b2dfdb !important}.teal-text.text-lighten-4{color:#b2dfdb !important}.teal.lighten-3{background-color:#80cbc4 !important}.teal-text.text-lighten-3{color:#80cbc4 !important}.teal.lighten-2{background-color:#4db6ac !important}.teal-text.text-lighten-2{color:#4db6ac !important}.teal.lighten-1{background-color:#26a69a !important}.teal-text.text-lighten-1{color:#26a69a !important}.teal.darken-1{background-color:#00897b !important}.teal-text.text-darken-1{color:#00897b !important}.teal.darken-2{background-color:#00796b !important}.teal-text.text-darken-2{color:#00796b !important}.teal.darken-3{background-color:#00695c !important}.teal-text.text-darken-3{color:#00695c !important}.teal.darken-4{background-color:#004d40 !important}.teal-text.text-darken-4{color:#004d40 !important}.teal.accent-1{background-color:#a7ffeb !important}.teal-text.text-accent-1{color:#a7ffeb !important}.teal.accent-2{background-color:#64ffda !important}.teal-text.text-accent-2{color:#64ffda !important}.teal.accent-3{background-color:#1de9b6 !important}.teal-text.text-accent-3{color:#1de9b6 !important}.teal.accent-4{background-color:#00bfa5 !important}.teal-text.text-accent-4{color:#00bfa5 !important}.green{background-color:#4caf50 !important}.green-text{color:#4caf50 !important}.green.lighten-5{background-color:#e8f5e9 !important}.green-text.text-lighten-5{color:#e8f5e9 !important}.green.lighten-4{background-color:#c8e6c9 !important}.green-text.text-lighten-4{color:#c8e6c9 !important}.green.lighten-3{background-color:#a5d6a7 !important}.green-text.text-lighten-3{color:#a5d6a7 !important}.green.lighten-2{background-color:#81c784 !important}.green-text.text-lighten-2{color:#81c784 !important}.green.lighten-1{background-color:#66bb6a !important}.green-text.text-lighten-1{color:#66bb6a !important}.green.darken-1{background-color:#43a047 !important}.green-text.text-darken-1{color:#43a047 !important}.green.darken-2{background-color:#388e3c !important}.green-text.text-darken-2{color:#388e3c !important}.green.darken-3{background-color:#2e7d32 !important}.green-text.text-darken-3{color:#2e7d32 !important}.green.darken-4{background-color:#1b5e20 !important}.green-text.text-darken-4{color:#1b5e20 !important}.green.accent-1{background-color:#b9f6ca !important}.green-text.text-accent-1{color:#b9f6ca !important}.green.accent-2{background-color:#69f0ae !important}.green-text.text-accent-2{color:#69f0ae !important}.green.accent-3{background-color:#00e676 !important}.green-text.text-accent-3{color:#00e676 !important}.green.accent-4{background-color:#00c853 !important}.green-text.text-accent-4{color:#00c853 !important}.light-green{background-color:#8bc34a !important}.light-green-text{color:#8bc34a !important}.light-green.lighten-5{background-color:#f1f8e9 !important}.light-green-text.text-lighten-5{color:#f1f8e9 !important}.light-green.lighten-4{background-color:#dcedc8 !important}.light-green-text.text-lighten-4{color:#dcedc8 !important}.light-green.lighten-3{background-color:#c5e1a5 !important}.light-green-text.text-lighten-3{color:#c5e1a5 !important}.light-green.lighten-2{background-color:#aed581 !important}.light-green-text.text-lighten-2{color:#aed581 !important}.light-green.lighten-1{background-color:#9ccc65 !important}.light-green-text.text-lighten-1{color:#9ccc65 !important}.light-green.darken-1{background-color:#7cb342 !important}.light-green-text.text-darken-1{color:#7cb342 !important}.light-green.darken-2{background-color:#689f38 !important}.light-green-text.text-darken-2{color:#689f38 !important}.light-green.darken-3{background-color:#558b2f !important}.light-green-text.text-darken-3{color:#558b2f !important}.light-green.darken-4{background-color:#33691e !important}.light-green-text.text-darken-4{color:#33691e !important}.light-green.accent-1{background-color:#ccff90 !important}.light-green-text.text-accent-1{color:#ccff90 !important}.light-green.accent-2{background-color:#b2ff59 !important}.light-green-text.text-accent-2{color:#b2ff59 !important}.light-green.accent-3{background-color:#76ff03 !important}.light-green-text.text-accent-3{color:#76ff03 !important}.light-green.accent-4{background-color:#64dd17 !important}.light-green-text.text-accent-4{color:#64dd17 !important}.lime{background-color:#cddc39 !important}.lime-text{color:#cddc39 !important}.lime.lighten-5{background-color:#f9fbe7 !important}.lime-text.text-lighten-5{color:#f9fbe7 !important}.lime.lighten-4{background-color:#f0f4c3 !important}.lime-text.text-lighten-4{color:#f0f4c3 !important}.lime.lighten-3{background-color:#e6ee9c !important}.lime-text.text-lighten-3{color:#e6ee9c !important}.lime.lighten-2{background-color:#dce775 !important}.lime-text.text-lighten-2{color:#dce775 !important}.lime.lighten-1{background-color:#d4e157 !important}.lime-text.text-lighten-1{color:#d4e157 !important}.lime.darken-1{background-color:#c0ca33 !important}.lime-text.text-darken-1{color:#c0ca33 !important}.lime.darken-2{background-color:#afb42b !important}.lime-text.text-darken-2{color:#afb42b !important}.lime.darken-3{background-color:#9e9d24 !important}.lime-text.text-darken-3{color:#9e9d24 !important}.lime.darken-4{background-color:#827717 !important}.lime-text.text-darken-4{color:#827717 !important}.lime.accent-1{background-color:#f4ff81 !important}.lime-text.text-accent-1{color:#f4ff81 !important}.lime.accent-2{background-color:#eeff41 !important}.lime-text.text-accent-2{color:#eeff41 !important}.lime.accent-3{background-color:#c6ff00 !important}.lime-text.text-accent-3{color:#c6ff00 !important}.lime.accent-4{background-color:#aeea00 !important}.lime-text.text-accent-4{color:#aeea00 !important}.yellow{background-color:#ffeb3b !important}.yellow-text{color:#ffeb3b !important}.yellow.lighten-5{background-color:#fffde7 !important}.yellow-text.text-lighten-5{color:#fffde7 !important}.yellow.lighten-4{background-color:#fff9c4 !important}.yellow-text.text-lighten-4{color:#fff9c4 !important}.yellow.lighten-3{background-color:#fff59d !important}.yellow-text.text-lighten-3{color:#fff59d !important}.yellow.lighten-2{background-color:#fff176 !important}.yellow-text.text-lighten-2{color:#fff176 !important}.yellow.lighten-1{background-color:#ffee58 !important}.yellow-text.text-lighten-1{color:#ffee58 !important}.yellow.darken-1{background-color:#fdd835 !important}.yellow-text.text-darken-1{color:#fdd835 !important}.yellow.darken-2{background-color:#fbc02d !important}.yellow-text.text-darken-2{color:#fbc02d !important}.yellow.darken-3{background-color:#f9a825 !important}.yellow-text.text-darken-3{color:#f9a825 !important}.yellow.darken-4{background-color:#f57f17 !important}.yellow-text.text-darken-4{color:#f57f17 !important}.yellow.accent-1{background-color:#ffff8d !important}.yellow-text.text-accent-1{color:#ffff8d !important}.yellow.accent-2{background-color:#ff0 !important}.yellow-text.text-accent-2{color:#ff0 !important}.yellow.accent-3{background-color:#ffea00 !important}.yellow-text.text-accent-3{color:#ffea00 !important}.yellow.accent-4{background-color:#ffd600 !important}.yellow-text.text-accent-4{color:#ffd600 !important}.amber{background-color:#ffc107 !important}.amber-text{color:#ffc107 !important}.amber.lighten-5{background-color:#fff8e1 !important}.amber-text.text-lighten-5{color:#fff8e1 !important}.amber.lighten-4{background-color:#ffecb3 !important}.amber-text.text-lighten-4{color:#ffecb3 !important}.amber.lighten-3{background-color:#ffe082 !important}.amber-text.text-lighten-3{color:#ffe082 !important}.amber.lighten-2{background-color:#ffd54f !important}.amber-text.text-lighten-2{color:#ffd54f !important}.amber.lighten-1{background-color:#ffca28 !important}.amber-text.text-lighten-1{color:#ffca28 !important}.amber.darken-1{background-color:#ffb300 !important}.amber-text.text-darken-1{color:#ffb300 !important}.amber.darken-2{background-color:#ffa000 !important}.amber-text.text-darken-2{color:#ffa000 !important}.amber.darken-3{background-color:#ff8f00 !important}.amber-text.text-darken-3{color:#ff8f00 !important}.amber.darken-4{background-color:#ff6f00 !important}.amber-text.text-darken-4{color:#ff6f00 !important}.amber.accent-1{background-color:#ffe57f !important}.amber-text.text-accent-1{color:#ffe57f !important}.amber.accent-2{background-color:#ffd740 !important}.amber-text.text-accent-2{color:#ffd740 !important}.amber.accent-3{background-color:#ffc400 !important}.amber-text.text-accent-3{color:#ffc400 !important}.amber.accent-4{background-color:#ffab00 !important}.amber-text.text-accent-4{color:#ffab00 !important}.orange{background-color:#ff9800 !important}.orange-text{color:#ff9800 !important}.orange.lighten-5{background-color:#fff3e0 !important}.orange-text.text-lighten-5{color:#fff3e0 !important}.orange.lighten-4{background-color:#ffe0b2 !important}.orange-text.text-lighten-4{color:#ffe0b2 !important}.orange.lighten-3{background-color:#ffcc80 !important}.orange-text.text-lighten-3{color:#ffcc80 !important}.orange.lighten-2{background-color:#ffb74d !important}.orange-text.text-lighten-2{color:#ffb74d !important}.orange.lighten-1{background-color:#ffa726 !important}.orange-text.text-lighten-1{color:#ffa726 !important}.orange.darken-1{background-color:#fb8c00 !important}.orange-text.text-darken-1{color:#fb8c00 !important}.orange.darken-2{background-color:#f57c00 !important}.orange-text.text-darken-2{color:#f57c00 !important}.orange.darken-3{background-color:#ef6c00 !important}.orange-text.text-darken-3{color:#ef6c00 !important}.orange.darken-4{background-color:#e65100 !important}.orange-text.text-darken-4{color:#e65100 !important}.orange.accent-1{background-color:#ffd180 !important}.orange-text.text-accent-1{color:#ffd180 !important}.orange.accent-2{background-color:#ffab40 !important}.orange-text.text-accent-2{color:#ffab40 !important}.orange.accent-3{background-color:#ff9100 !important}.orange-text.text-accent-3{color:#ff9100 !important}.orange.accent-4{background-color:#ff6d00 !important}.orange-text.text-accent-4{color:#ff6d00 !important}.deep-orange{background-color:#ff5722 !important}.deep-orange-text{color:#ff5722 !important}.deep-orange.lighten-5{background-color:#fbe9e7 !important}.deep-orange-text.text-lighten-5{color:#fbe9e7 !important}.deep-orange.lighten-4{background-color:#ffccbc !important}.deep-orange-text.text-lighten-4{color:#ffccbc !important}.deep-orange.lighten-3{background-color:#ffab91 !important}.deep-orange-text.text-lighten-3{color:#ffab91 !important}.deep-orange.lighten-2{background-color:#ff8a65 !important}.deep-orange-text.text-lighten-2{color:#ff8a65 !important}.deep-orange.lighten-1{background-color:#ff7043 !important}.deep-orange-text.text-lighten-1{color:#ff7043 !important}.deep-orange.darken-1{background-color:#f4511e !important}.deep-orange-text.text-darken-1{color:#f4511e !important}.deep-orange.darken-2{background-color:#e64a19 !important}.deep-orange-text.text-darken-2{color:#e64a19 !important}.deep-orange.darken-3{background-color:#d84315 !important}.deep-orange-text.text-darken-3{color:#d84315 !important}.deep-orange.darken-4{background-color:#bf360c !important}.deep-orange-text.text-darken-4{color:#bf360c !important}.deep-orange.accent-1{background-color:#ff9e80 !important}.deep-orange-text.text-accent-1{color:#ff9e80 !important}.deep-orange.accent-2{background-color:#ff6e40 !important}.deep-orange-text.text-accent-2{color:#ff6e40 !important}.deep-orange.accent-3{background-color:#ff3d00 !important}.deep-orange-text.text-accent-3{color:#ff3d00 !important}.deep-orange.accent-4{background-color:#dd2c00 !important}.deep-orange-text.text-accent-4{color:#dd2c00 !important}.brown{background-color:#795548 !important}.brown-text{color:#795548 !important}.brown.lighten-5{background-color:#efebe9 !important}.brown-text.text-lighten-5{color:#efebe9 !important}.brown.lighten-4{background-color:#d7ccc8 !important}.brown-text.text-lighten-4{color:#d7ccc8 !important}.brown.lighten-3{background-color:#bcaaa4 !important}.brown-text.text-lighten-3{color:#bcaaa4 !important}.brown.lighten-2{background-color:#a1887f !important}.brown-text.text-lighten-2{color:#a1887f !important}.brown.lighten-1{background-color:#8d6e63 !important}.brown-text.text-lighten-1{color:#8d6e63 !important}.brown.darken-1{background-color:#6d4c41 !important}.brown-text.text-darken-1{color:#6d4c41 !important}.brown.darken-2{background-color:#5d4037 !important}.brown-text.text-darken-2{color:#5d4037 !important}.brown.darken-3{background-color:#4e342e !important}.brown-text.text-darken-3{color:#4e342e !important}.brown.darken-4{background-color:#3e2723 !important}.brown-text.text-darken-4{color:#3e2723 !important}.blue-grey{background-color:#607d8b !important}.blue-grey-text{color:#607d8b !important}.blue-grey.lighten-5{background-color:#eceff1 !important}.blue-grey-text.text-lighten-5{color:#eceff1 !important}.blue-grey.lighten-4{background-color:#cfd8dc !important}.blue-grey-text.text-lighten-4{color:#cfd8dc !important}.blue-grey.lighten-3{background-color:#b0bec5 !important}.blue-grey-text.text-lighten-3{color:#b0bec5 !important}.blue-grey.lighten-2{background-color:#90a4ae !important}.blue-grey-text.text-lighten-2{color:#90a4ae !important}.blue-grey.lighten-1{background-color:#78909c !important}.blue-grey-text.text-lighten-1{color:#78909c !important}.blue-grey.darken-1{background-color:#546e7a !important}.blue-grey-text.text-darken-1{color:#546e7a !important}.blue-grey.darken-2{background-color:#455a64 !important}.blue-grey-text.text-darken-2{color:#455a64 !important}.blue-grey.darken-3{background-color:#37474f !important}.blue-grey-text.text-darken-3{color:#37474f !important}.blue-grey.darken-4{background-color:#263238 !important}.blue-grey-text.text-darken-4{color:#263238 !important}.grey{background-color:#9e9e9e !important}.grey-text{color:#9e9e9e !important}.grey.lighten-5{background-color:#fafafa !important}.grey-text.text-lighten-5{color:#fafafa !important}.grey.lighten-4{background-color:#f5f5f5 !important}.grey-text.text-lighten-4{color:#f5f5f5 !important}.grey.lighten-3{background-color:#eee !important}.grey-text.text-lighten-3{color:#eee !important}.grey.lighten-2{background-color:#e0e0e0 !important}.grey-text.text-lighten-2{color:#e0e0e0 !important}.grey.lighten-1{background-color:#bdbdbd !important}.grey-text.text-lighten-1{color:#bdbdbd !important}.grey.darken-1{background-color:#757575 !important}.grey-text.text-darken-1{color:#757575 !important}.grey.darken-2{background-color:#616161 !important}.grey-text.text-darken-2{color:#616161 !important}.grey.darken-3{background-color:#424242 !important}.grey-text.text-darken-3{color:#424242 !important}.grey.darken-4{background-color:#212121 !important}.grey-text.text-darken-4{color:#212121 !important}.black{background-color:#000 !important}.black-text{color:#000 !important}.white{background-color:#fff !important}.white-text{color:#fff !important}.transparent{background-color:rgba(0,0,0,0) !important}.transparent-text{color:rgba(0,0,0,0) !important}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}button,input,optgroup,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}a{color:#039be5;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.valign-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.clearfix{clear:both}.z-depth-0{-webkit-box-shadow:none !important;box-shadow:none !important}.z-depth-1,.sidenav,.collapsible,.dropdown-content,.btn-floating,.btn,.btn-small,.btn-large,.toast,.card,.card-panel,nav{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.z-depth-1-half,.btn-floating:focus,.btn-floating:hover,.btn:focus,.btn-small:focus,.btn-large:focus,.btn:hover,.btn-small:hover,.btn-large:hover{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2)}.z-depth-2{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3);box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3)}.z-depth-3{-webkit-box-shadow:0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);box-shadow:0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}.z-depth-4{-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -7px rgba(0,0,0,.2);box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -7px rgba(0,0,0,.2)}.z-depth-5,.modal{-webkit-box-shadow:0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12),0 11px 15px -7px rgba(0,0,0,.2);box-shadow:0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12),0 11px 15px -7px rgba(0,0,0,.2)}.hoverable{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s}.hoverable:hover{-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.divider{height:1px;overflow:hidden;background-color:var(--separator-color)}blockquote{margin:20px 0;padding-left:1.5rem;border-left:5px solid var(--primary-color)}i{line-height:inherit}i.left{float:left;margin-right:15px}i.right{float:right;margin-left:15px}i.tiny{font-size:1rem}i.small{font-size:2rem}i.medium{font-size:4rem}i.large{font-size:6rem}img.responsive-img,video.responsive-video{max-width:100%;height:auto}.pagination li{display:inline-block;border-radius:2px;text-align:center;vertical-align:top;height:30px}.pagination li a{color:var(--font-color-medium);display:inline-block;font-size:1.2rem;padding:0 10px;line-height:30px}.pagination li:hover:not(.disabled){background-color:var(--primary-color-hover-opaque)}.pagination li.active a{color:var(--font-on-primary-color-main)}.pagination li.active,.pagination li.active:hover{background-color:var(--primary-color)}.pagination li.disabled a{cursor:default;color:var(--font-color-disabled)}.pagination li i{font-size:2rem}.pagination li.pages ul li{display:inline-block;float:none}@media only screen and (max-width : 992.99px){.pagination{width:100%}.pagination li.prev,.pagination li.next{width:10%}.pagination li.pages{width:80%;overflow:hidden;white-space:nowrap}}.breadcrumb{display:inline-block;font-size:18px;color:var(--font-on-primary-color-medium)}.breadcrumb i,.breadcrumb [class^=mdi-],.breadcrumb [class*=mdi-],.breadcrumb i.material-icons{display:block;float:left;font-size:24px}.breadcrumb:before{content:"";color:var(--font-on-primary-color-medium);vertical-align:top;display:inline-block;font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:25px;margin:0 10px 0 8px;-webkit-font-smoothing:antialiased;float:left}.breadcrumb:first-child:before{display:none}.breadcrumb:last-child{color:var(--font-on-primary-color-main)}.parallax-container{position:relative;overflow:hidden;height:500px}.parallax-container .parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.parallax-container .parallax img{opacity:0;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pin-top,.pin-bottom{position:relative}.pinned{position:fixed !important}ul.staggered-list li{opacity:0}.fade-in{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%}@media only screen and (max-width : 600.99px){.hide-on-small-only,.tabs-wrapper,.hide-on-small-and-down{display:none !important}}@media only screen and (max-width : 992.99px){.hide-on-med-and-down{display:none !important}}@media only screen and (min-width : 601px){.hide-on-med-and-up{display:none !important}}@media only screen and (min-width: 601px)and (max-width: 992.99px){.hide-on-med-only{display:none !important}}@media only screen and (min-width : 993px){.hide-on-large-only{display:none !important}}@media only screen and (min-width : 1201px){.hide-on-extra-large-only{display:none !important}}@media only screen and (min-width : 1201px){.show-on-extra-large{display:block !important}}@media only screen and (min-width : 993px){.show-on-large{display:block !important}}@media only screen and (min-width: 601px)and (max-width: 992.99px){.show-on-medium{display:block !important}}@media only screen and (max-width : 600.99px){.show-on-small{display:block !important}}@media only screen and (min-width : 601px){.show-on-medium-and-up{display:block !important}}@media only screen and (max-width : 992.99px){.show-on-medium-and-down{display:block !important}}@media only screen and (max-width : 600.99px){.center-on-small-only{text-align:center}}.page-footer{padding-top:20px;color:var(--font-on-primary-color-main);background-color:var(--primary-color)}.page-footer a{color:var(--font-on-primary-color-main)}.page-footer .footer-copyright,.page-footer .footer-copyright a{overflow:hidden;min-height:50px;display:-webkit-box;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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0px;color:var(--font-on-primary-color-dark-medium);background-color:var(--primary-color-dark)}table,th,td{border:none}table{width:100%;display:table;border-collapse:collapse;border-spacing:0}table.striped tr{border-bottom:none}table.striped tbody>tr:nth-child(odd){background-color:var(--background-color-slight-emphasis)}table.highlight>tbody>tr{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}table.highlight>tbody>tr:hover{background-color:var(--hover-color)}table thead{color:var(--font-color-medium)}table.centered thead tr th,table.centered tbody tr td{text-align:center}tr{border-bottom:1px solid var(--separator-color)}td,th{padding:15px 5px;display:table-cell;text-align:left;vertical-align:middle;border-radius:0}@media only screen and (max-width : 992.99px){table.responsive-table{width:100%;border-collapse:collapse;border-spacing:0;display:block;position:relative}table.responsive-table td:empty:before{content:" "}table.responsive-table th,table.responsive-table td{margin:0;vertical-align:top}table.responsive-table th{text-align:left}table.responsive-table thead{display:block;float:left}table.responsive-table thead tr{display:block;padding:0 10px 0 0}table.responsive-table thead tr th::before{content:" "}table.responsive-table tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap}table.responsive-table tbody tr{display:inline-block;vertical-align:top}table.responsive-table th{display:block;text-align:right}table.responsive-table td{display:block;min-height:1.25em;text-align:left}table.responsive-table tr{border-bottom:none;padding:0 10px}table.responsive-table thead{border:0;border-right:1px solid var(--separator-color)}}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.progress{position:relative;height:4px;display:block;width:100%;background-color:rgba(var(--primary-color-numeric), 40%);border-radius:2px;margin:.5rem 0 1rem 0;overflow:hidden}.progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:var(--primary-color);-webkit-transition:width .3s linear;transition:width .3s linear}.progress .indeterminate{background-color:var(--primary-color)}.progress .indeterminate:before{content:"";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite}.progress .indeterminate:after{content:"";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@-webkit-keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}.hide{display:none !important}.left-align{text-align:left}.right-align{text-align:right}.center,.center-align{text-align:center}.left{float:left !important}.right{float:right !important}.no-select,input[type=range],input[type=range]+.thumb{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.circle{border-radius:50%}.center-block{display:block;margin-left:auto;margin-right:auto}.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-padding{padding:0 !important}.collection{padding-left:0;list-style-type:none;margin:.5rem 0 1rem 0;border:1px solid var(--separator-color);border-radius:2px;overflow:hidden;position:relative}.collection .collection-item{background-color:rgba(0,0,0,0);line-height:1.5rem;padding:10px 20px;margin:0;border-bottom:1px solid var(--separator-color)}.collection .collection-item.avatar{min-height:84px;padding-left:72px;position:relative}.collection .collection-item.avatar:not(.circle-clipper)>.circle,.collection .collection-item.avatar :not(.circle-clipper)>.circle{position:absolute;width:42px;height:42px;overflow:hidden;left:15px;display:inline-block;vertical-align:middle}.collection .collection-item.avatar i.circle{font-size:18px;line-height:42px;color:#fff;background-color:var(--slider-track-color);text-align:center}.collection .collection-item.avatar .title{font-size:16px}.collection .collection-item.avatar p{margin:0}.collection .collection-item.avatar .secondary-content{position:absolute;top:16px;right:16px}.collection .collection-item:last-child{border-bottom:none}.collection .collection-item.active{background-color:var(--primary-color);color:var(--font-on-primary-color-main)}.collection .collection-item.active .secondary-content{color:var(--font-on-primary-color-main)}.collection a.collection-item{display:block;-webkit-transition:.25s;transition:.25s;color:var(--primary-color)}.collection a.collection-item:not(.active):hover{background-color:var(--hover-color)}.collection.with-header .collection-header{background-color:rgba(0,0,0,0);border-bottom:1px solid var(--separator-color);padding:10px 20px}.collection.with-header .collection-item{padding-left:30px}.collection.with-header .collection-item.avatar{padding-left:72px}.secondary-content{float:right;color:var(--primary-color)}.collapsible .collection{margin:0;border:none}span.badge{min-width:3rem;padding:0 6px;margin-left:14px;text-align:center;font-size:1rem;line-height:22px;height:22px;color:var(--font-color-medium);float:right;-webkit-box-sizing:border-box;box-sizing:border-box}span.badge.new{font-weight:300;font-size:.8rem;color:var(--font-on-primary-color-main);background-color:var(--primary-color);border-radius:2px}span.badge.new:after{content:" new"}span.badge[data-badge-caption]::after{content:" " attr(data-badge-caption)}.active span.badge{color:var(--font-on-primary-color-main)}nav ul a span.badge{display:inline-block;float:none;margin-left:4px;line-height:22px;height:22px;-webkit-font-smoothing:auto}.collection-item span.badge{margin-top:calc(0.75rem - 11px)}.collapsible span.badge{margin-left:auto}.collapsible .active span.badge:not(.new){color:var(--font-color-medium)}.sidenav span.badge{margin-top:calc(24px - 11px)}table span.badge{display:inline-block;float:none;margin-left:auto}.material-icons{text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga";font-feature-settings:"liga"}.container{margin:0 auto;max-width:1280px;width:90%}@media only screen and (min-width : 601px){.container{width:85%}}@media only screen and (min-width : 993px){.container{width:70%}}.section{padding-top:1rem;padding-bottom:1rem}.row{display:grid;grid-template-columns:repeat(12, 1fr)}.row .s1{grid-column:auto/span 1}.row .s2{grid-column:auto/span 2}.row .s3{grid-column:auto/span 3}.row .s4{grid-column:auto/span 4}.row .s5{grid-column:auto/span 5}.row .s6{grid-column:auto/span 6}.row .s7{grid-column:auto/span 7}.row .s8{grid-column:auto/span 8}.row .s9{grid-column:auto/span 9}.row .s10{grid-column:auto/span 10}.row .s11{grid-column:auto/span 11}.row .s12{grid-column:auto/span 12}.row .offset-s1{grid-column-start:2}.row .offset-s2{grid-column-start:3}.row .offset-s3{grid-column-start:4}.row .offset-s4{grid-column-start:5}.row .offset-s5{grid-column-start:6}.row .offset-s6{grid-column-start:7}.row .offset-s7{grid-column-start:8}.row .offset-s8{grid-column-start:9}.row .offset-s9{grid-column-start:10}.row .offset-s10{grid-column-start:11}.row .offset-s11{grid-column-start:12}@media only screen and (min-width : 601px){.row .m1{grid-column:auto/span 1}.row .m2{grid-column:auto/span 2}.row .m3{grid-column:auto/span 3}.row .m4{grid-column:auto/span 4}.row .m5{grid-column:auto/span 5}.row .m6{grid-column:auto/span 6}.row .m7{grid-column:auto/span 7}.row .m8{grid-column:auto/span 8}.row .m9{grid-column:auto/span 9}.row .m10{grid-column:auto/span 10}.row .m11{grid-column:auto/span 11}.row .m12{grid-column:auto/span 12}.row .offset-m1{grid-column-start:2}.row .offset-m2{grid-column-start:3}.row .offset-m3{grid-column-start:4}.row .offset-m4{grid-column-start:5}.row .offset-m5{grid-column-start:6}.row .offset-m6{grid-column-start:7}.row .offset-m7{grid-column-start:8}.row .offset-m8{grid-column-start:9}.row .offset-m9{grid-column-start:10}.row .offset-m10{grid-column-start:11}.row .offset-m11{grid-column-start:12}}@media only screen and (min-width : 993px){.row .l1{grid-column:auto/span 1}.row .l2{grid-column:auto/span 2}.row .l3{grid-column:auto/span 3}.row .l4{grid-column:auto/span 4}.row .l5{grid-column:auto/span 5}.row .l6{grid-column:auto/span 6}.row .l7{grid-column:auto/span 7}.row .l8{grid-column:auto/span 8}.row .l9{grid-column:auto/span 9}.row .l10{grid-column:auto/span 10}.row .l11{grid-column:auto/span 11}.row .l12{grid-column:auto/span 12}.row .offset-l1{grid-column-start:2}.row .offset-l2{grid-column-start:3}.row .offset-l3{grid-column-start:4}.row .offset-l4{grid-column-start:5}.row .offset-l5{grid-column-start:6}.row .offset-l6{grid-column-start:7}.row .offset-l7{grid-column-start:8}.row .offset-l8{grid-column-start:9}.row .offset-l9{grid-column-start:10}.row .offset-l10{grid-column-start:11}.row .offset-l11{grid-column-start:12}}@media only screen and (min-width : 1201px){.row .xl1{grid-column:auto/span 1}.row .xl2{grid-column:auto/span 2}.row .xl3{grid-column:auto/span 3}.row .xl4{grid-column:auto/span 4}.row .xl5{grid-column:auto/span 5}.row .xl6{grid-column:auto/span 6}.row .xl7{grid-column:auto/span 7}.row .xl8{grid-column:auto/span 8}.row .xl9{grid-column:auto/span 9}.row .xl10{grid-column:auto/span 10}.row .xl11{grid-column:auto/span 11}.row .xl12{grid-column:auto/span 12}.row .offset-xl1{grid-column-start:2}.row .offset-xl2{grid-column-start:3}.row .offset-xl3{grid-column-start:4}.row .offset-xl4{grid-column-start:5}.row .offset-xl5{grid-column-start:6}.row .offset-xl6{grid-column-start:7}.row .offset-xl7{grid-column-start:8}.row .offset-xl8{grid-column-start:9}.row .offset-xl9{grid-column-start:10}.row .offset-xl10{grid-column-start:11}.row .offset-xl11{grid-column-start:12}}nav{color:var(--font-on-primary-color-main);background-color:var(--primary-color);width:100%;height:56px;line-height:56px}nav.nav-extended{height:auto}nav.nav-extended .nav-wrapper{min-height:56px;height:auto}nav.nav-extended .nav-content{position:relative;line-height:normal}nav a{color:var(--font-on-primary-color-main)}nav i,nav [class^=mdi-],nav [class*=mdi-],nav i.material-icons{display:block;font-size:24px;height:56px;line-height:56px}nav .nav-wrapper{position:relative;height:100%}@media only screen and (min-width : 993px){nav a.sidenav-trigger{display:none}}nav .sidenav-trigger{float:left;position:relative;z-index:1;height:56px;margin:0 18px}nav .sidenav-trigger i{height:56px;line-height:56px}nav .brand-logo{position:absolute;color:var(--font-on-primary-color-main);display:inline-block;font-size:2.1rem;padding:0}nav .brand-logo.center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width : 992.99px){nav .brand-logo{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}nav .brand-logo.left,nav .brand-logo.right{padding:0;-webkit-transform:none;transform:none}nav .brand-logo.left{left:.5rem}nav .brand-logo.right{right:.5rem;left:auto}}nav .brand-logo.right{right:.5rem;padding:0}nav .brand-logo i,nav .brand-logo [class^=mdi-],nav .brand-logo [class*=mdi-],nav .brand-logo i.material-icons{float:left;margin-right:15px}nav .nav-title{display:inline-block;font-size:32px;padding:28px 0}nav ul:not(.dropdown-content){list-style-type:none;margin:0}nav ul:not(.dropdown-content) li{-webkit-transition:background-color .3s;transition:background-color .3s;float:left;padding:0}nav ul:not(.dropdown-content) a{-webkit-transition:background-color .3s;transition:background-color .3s;font-size:1rem;color:var(--font-on-primary-color-main);display:block;padding:0 15px;cursor:pointer}nav ul:not(.dropdown-content) a.active{background-color:var(--primary-color-raised-focus-solid)}nav ul:not(.dropdown-content) a:hover:not(.active){background-color:var(--primary-color-raised-hover-solid)}nav ul:not(.dropdown-content) a.btn,nav ul:not(.dropdown-content) a.btn-small,nav ul:not(.dropdown-content) a.btn-large,nav ul:not(.dropdown-content) a.btn-flat,nav ul:not(.dropdown-content) a.btn-floating{margin-top:-2px;margin-left:15px;margin-right:15px;display:inline-block}nav ul:not(.dropdown-content) a.btn>.material-icons,nav ul:not(.dropdown-content) a.btn-small>.material-icons,nav ul:not(.dropdown-content) a.btn-large>.material-icons,nav ul:not(.dropdown-content) a.btn-flat>.material-icons,nav ul:not(.dropdown-content) a.btn-floating>.material-icons{height:inherit;line-height:inherit}nav ul:not(.dropdown-content).left{float:left}nav form{height:100%}nav .input-field{margin:0;height:100%}nav .input-field input[type=search]{height:100%;font-size:1.2rem;border:none;padding-left:2rem;color:#888}nav .input-field input[type=search]:focus,nav .input-field input[type=search][type=text]:valid,nav .input-field input[type=search][type=password]:valid,nav .input-field input[type=search][type=email]:valid,nav .input-field input[type=search][type=url]:valid,nav .input-field input[type=search][type=date]:valid{border:none;-webkit-box-shadow:none;box-shadow:none}nav .input-field label{top:0;left:0}nav .input-field label i{color:var(--font-on-primary-color-medium);-webkit-transition:color .3s;transition:color .3s}nav .input-field label.active i{color:var(--font-on-primary-color-main)}.navbar-fixed{position:relative;height:56px;z-index:997}.navbar-fixed nav{position:fixed;right:0}@media only screen and (min-width : 601px){nav.nav-extended .nav-wrapper{min-height:64px}nav,nav .nav-wrapper i,nav a.sidenav-trigger,nav a.sidenav-trigger i{height:64px;line-height:64px}.navbar-fixed{height:64px}}a{text-decoration:none}html{line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-weight:normal;color:var(--font-color-main)}@media only screen and (min-width: 0){html{font-size:14px}}@media only screen and (min-width: 993px){html{font-size:14.5px}}@media only screen and (min-width: 1201px){html{font-size:15px}}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.3}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:4.2rem;line-height:110%;margin:2.8rem 0 1.68rem 0}h2{font-size:3.56rem;line-height:110%;margin:2.3733333333rem 0 1.424rem 0}h3{font-size:2.92rem;line-height:110%;margin:1.9466666667rem 0 1.168rem 0}h4{font-size:2.28rem;line-height:110%;margin:1.52rem 0 .912rem 0}h5{font-size:1.64rem;line-height:110%;margin:1.0933333333rem 0 .656rem 0}h6{font-size:1.15rem;line-height:110%;margin:.7666666667rem 0 .46rem 0}em{font-style:italic}strong{font-weight:500}small{font-size:75%}.light{font-weight:300}.thin{font-weight:200}@media only screen and (min-width: 360px){.flow-text{font-size:1.2rem}}@media only screen and (min-width: 390px){.flow-text{font-size:1.224rem}}@media only screen and (min-width: 420px){.flow-text{font-size:1.248rem}}@media only screen and (min-width: 450px){.flow-text{font-size:1.272rem}}@media only screen and (min-width: 480px){.flow-text{font-size:1.296rem}}@media only screen and (min-width: 510px){.flow-text{font-size:1.32rem}}@media only screen and (min-width: 540px){.flow-text{font-size:1.344rem}}@media only screen and (min-width: 570px){.flow-text{font-size:1.368rem}}@media only screen and (min-width: 600px){.flow-text{font-size:1.392rem}}@media only screen and (min-width: 630px){.flow-text{font-size:1.416rem}}@media only screen and (min-width: 660px){.flow-text{font-size:1.44rem}}@media only screen and (min-width: 690px){.flow-text{font-size:1.464rem}}@media only screen and (min-width: 720px){.flow-text{font-size:1.488rem}}@media only screen and (min-width: 750px){.flow-text{font-size:1.512rem}}@media only screen and (min-width: 780px){.flow-text{font-size:1.536rem}}@media only screen and (min-width: 810px){.flow-text{font-size:1.56rem}}@media only screen and (min-width: 840px){.flow-text{font-size:1.584rem}}@media only screen and (min-width: 870px){.flow-text{font-size:1.608rem}}@media only screen and (min-width: 900px){.flow-text{font-size:1.632rem}}@media only screen and (min-width: 930px){.flow-text{font-size:1.656rem}}@media only screen and (min-width: 960px){.flow-text{font-size:1.68rem}}@media only screen and (max-width: 360px){.flow-text{font-size:1.2rem}}.scale-transition{-webkit-transition:-webkit-transform .3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:-webkit-transform .3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform .3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform .3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform .3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important}.scale-transition.scale-out{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s !important;transition:-webkit-transform .2s !important;transition:transform .2s !important;transition:transform .2s, -webkit-transform .2s !important}.scale-transition.scale-in{-webkit-transform:scale(1);transform:scale(1)}.card-panel{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s;padding:24px;margin:.5rem 0 1rem 0;border-radius:12px;background-color:var(--background-color-card)}.card{position:relative;background-color:var(--background-color-card);-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s;border-radius:12px}.card .card-title{font-size:24px;font-weight:300}.card .card-title.activator{cursor:pointer}.card.small,.card.medium,.card.large{position:relative}.card.small .card-image,.card.medium .card-image,.card.large .card-image{max-height:60%;overflow:hidden}.card.small .card-image+.card-content,.card.medium .card-image+.card-content,.card.large .card-image+.card-content{max-height:40%}.card.small .card-content,.card.medium .card-content,.card.large .card-content{max-height:100%;overflow:hidden}.card.small .card-action,.card.medium .card-action,.card.large .card-action{position:absolute;bottom:0;left:0;right:0}.card.small{height:300px}.card.medium{height:400px}.card.large{height:500px}.card.horizontal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.card.horizontal.small .card-image,.card.horizontal.medium .card-image,.card.horizontal.large .card-image{height:100%;max-height:none;overflow:visible}.card.horizontal.small .card-image img,.card.horizontal.medium .card-image img,.card.horizontal.large .card-image img{height:100%}.card.horizontal .card-image{max-width:50%}.card.horizontal .card-image img{border-radius:2px 0 0 2px;max-width:100%;width:auto}.card.horizontal .card-stacked{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-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.card.horizontal .card-stacked .card-content{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.card.sticky-action .card-action{z-index:2}.card.sticky-action .card-reveal{z-index:1;padding-bottom:64px}.card .card-image{position:relative}.card .card-image img{display:block;border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%}.card .card-image .card-title{color:var(--background-color-card);position:absolute;bottom:0;left:0;max-width:100%;padding:24px}.card .card-content{padding:24px;border-radius:0 0 2px 2px}.card .card-content p{margin:0}.card .card-content .card-title{display:block;line-height:32px;margin-bottom:8px}.card .card-content .card-title i{line-height:32px}.card .card-action{border-top:1px solid var(--separator-color);position:relative;background-color:inherit}.card .card-action:last-child{border-radius:0 0 2px 2px}.card .card-action a{padding:16px 24px;display:inline-block}.card .card-action a:not(.btn):not(.btn-small):not(.btn-large):not(.btn-large):not(.btn-floating){color:var(--primary-color);-webkit-transition:color .3s ease;transition:color .3s ease}.card .card-action a:not(.btn):not(.btn-small):not(.btn-large):not(.btn-large):not(.btn-floating):hover{background-color:var(--primary-color-hover-opaque)}.card .card-reveal{padding:24px;position:absolute;background-color:var(--background-color-card);width:100%;overflow-y:auto;left:0;top:100%;height:100%;z-index:3;display:none}.card .card-reveal .card-title{cursor:pointer;display:block}#toast-container{display:block;position:fixed;z-index:10000}@media only screen and (max-width : 600.99px){#toast-container{min-width:100%;bottom:0%}}@media only screen and (min-width : 601px)and (max-width : 992.99px){#toast-container{left:5%;bottom:7%;max-width:90%}}@media only screen and (min-width : 993px){#toast-container{top:10%;right:7%;max-width:86%}}.toast{border-radius:2px;top:35px;width:auto;margin-top:10px;position:relative;max-width:100%;height:auto;min-height:48px;line-height:1.5em;background-color:var(--tooltip-background-color);padding:10px 25px;font-size:1rem;font-weight:400;color:var(--tooltip-font-color);display:-webkit-box;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:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:default}.toast .toast-action{color:#eeff41;font-weight:500;margin-right:-25px;margin-left:3rem}.toast.rounded{border-radius:24px}@media only screen and (max-width : 600.99px){.toast{width:100%;border-radius:0}}.tabs{padding-left:0;list-style-type:none;position:relative;overflow-x:auto;overflow-y:hidden;height:48px;width:100%;background-color:var(--surface-color);margin:0 auto;white-space:nowrap}.tabs.tabs-transparent{background-color:rgba(0,0,0,0)}.tabs.tabs-transparent .tab a{color:var(--font-on-primary-color-medium)}.tabs.tabs-transparent .tab.disabled a,.tabs.tabs-transparent .tab.disabled a:hover,.tabs.tabs-transparent .tab.disabled a:focus{color:var(--font-on-primary-color-disabled)}.tabs.tabs-transparent .tab a:hover{background-color:var(--hover-color)}.tabs.tabs-transparent .tab a.active,.tabs.tabs-transparent .tab a:focus{background-color:rgba(0,0,0,0)}.tabs.tabs-transparent .tab a:hover,.tabs.tabs-transparent .tab a.active,.tabs.tabs-transparent .tab a:focus{color:var(--font-on-primary-color-main)}.tabs.tabs-transparent .indicator{background-color:var(--font-on-primary-color-main)}.tabs.tabs-fixed-width{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tabs.tabs-fixed-width .tab{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.tabs .tab{padding-left:0;list-style-type:none;display:inline-block;text-align:center;line-height:48px;height:48px;padding:0;margin:0}.tabs .tab a{color:var(--font-color-medium);display:block;width:100%;height:100%;padding:0 24px;font-size:14px;text-overflow:ellipsis;overflow:hidden;-webkit-transition:color .28s ease,background-color .28s ease;transition:color .28s ease,background-color .28s ease}.tabs .tab a.active{background-color:rgba(0,0,0,0)}.tabs .tab a.active,.tabs .tab a:focus,.tabs .tab a:hover{color:var(--primary-color)}.tabs .tab a:hover{background-color:var(--primary-color-hover-opaque)}.tabs .tab a:focus,.tabs .tab a.active{background-color:var(--primary-color-focus-opaque);outline:none}.tabs .tab.disabled a,.tabs .tab.disabled a:hover{color:var(--font-color-disabled);cursor:default;background-color:rgba(0,0,0,0)}.tabs .tab.disabled a:not(:focus),.tabs .tab.disabled a:hover:not(:focus){background-color:rgba(0,0,0,0)}.tabs .indicator{position:absolute;bottom:0;height:2px;background-color:var(--primary-color);will-change:left,right}@media only screen and (max-width : 992.99px){.tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tabs .tab{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.tabs .tab a{padding:0 12px}}.material-tooltip{padding:10px 8px;font-size:1rem;z-index:2000;border-radius:2px;color:var(--tooltip-font-color);min-height:36px;line-height:120%;opacity:0;position:absolute;text-align:center;max-width:calc(100% - 4px);overflow:hidden;left:0;top:0;pointer-events:none;visibility:hidden;background-color:var(--tooltip-background-color)}.backdrop{position:absolute;opacity:0;height:7px;width:14px;border-radius:0 0 50% 50%;background-color:var(--tooltip-background-color);z-index:-1;-webkit-transform-origin:50% 0;transform-origin:50% 0;visibility:hidden}.btn,.btn-small,.btn-large,.btn-flat{font-weight:500;border:none;border-radius:4px;display:inline-block;height:40px;line-height:40px;padding:0 16px;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.btn.disabled,.btn-floating.disabled,.btn-large.disabled,.btn-small.disabled,.btn-flat.disabled,.btn:disabled,.btn-floating:disabled,.btn-large:disabled,.btn-small:disabled,.btn-flat:disabled,.btn[disabled],.btn-floating[disabled],.btn-large[disabled],.btn-small[disabled],.btn-flat[disabled]{pointer-events:none;background-color:var(--background-color-disabled) !important;-webkit-box-shadow:none;box-shadow:none;color:var(--font-color-disabled) !important;cursor:default}.btn.disabled:hover,.btn-floating.disabled:hover,.btn-large.disabled:hover,.btn-small.disabled:hover,.btn-flat.disabled:hover,.btn:disabled:hover,.btn-floating:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-flat:disabled:hover,.btn[disabled]:hover,.btn-floating[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover,.btn-flat[disabled]:hover{background-color:var(--background-color-disabled) !important;color:var(--font-color-disabled) !important}.btn,.btn-small,.btn-large,.btn-floating,.btn-flat{font-size:14px;outline:0}.btn i,.btn-floating i,.btn-large i,.btn-small i,.btn-flat i{font-size:1.3rem;line-height:inherit}.btn,.btn-small,.btn-large{text-decoration:none;color:var(--font-on-primary-color-main);background-color:var(--primary-color);text-align:center;letter-spacing:.5px;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;cursor:pointer}.btn:hover,.btn-small:hover,.btn-large:hover{background-color:var(--primary-color-raised-hover-solid)}.btn:focus,.btn-small:focus,.btn-large:focus{background-color:var(--primary-color-raised-focus-solid)}.btn-floating{display:inline-block;color:var(--font-on-secondary-color-main);position:relative;overflow:hidden;z-index:1;width:40px;height:40px;line-height:40px;padding:0;background-color:var(--secondary-color);border-radius:50%;-webkit-transition:background-color .3s;transition:background-color .3s;cursor:pointer;vertical-align:middle}.btn-floating:hover{background-color:var(--secondary-color-hover-solid)}.btn-floating:focus{background-color:var(--secondary-color-focus-solid)}.btn-floating:before{border-radius:0}.btn-floating.btn-large{width:56px;height:56px;padding:0}.btn-floating.btn-large.halfway-fab{bottom:-28px}.btn-floating.btn-large i{line-height:56px}.btn-floating.btn-small{width:30px;height:30px}.btn-floating.btn-small.halfway-fab{bottom:-15px}.btn-floating.btn-small i{line-height:30px}.btn-floating.halfway-fab{position:absolute;right:24px;bottom:-20px}.btn-floating.halfway-fab.left{right:auto;left:24px}.btn-floating i{width:inherit;display:inline-block;text-align:center;color:var(--font-on-secondary-color-main);font-size:1.6rem;line-height:40px}button.btn-floating{border:none}.fixed-action-btn{position:fixed;right:23px;bottom:23px;padding-top:15px;margin-bottom:0;z-index:997}.fixed-action-btn.active ul{visibility:visible;padding-left:0;list-style-type:none}.fixed-action-btn.direction-left,.fixed-action-btn.direction-right{padding:0 0 0 15px}.fixed-action-btn.direction-left ul,.fixed-action-btn.direction-right ul{text-align:right;right:64px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;left:auto;width:500px}.fixed-action-btn.direction-left ul li,.fixed-action-btn.direction-right ul li{display:inline-block;margin:7.5px 15px 0 0}.fixed-action-btn.direction-right{padding:0 15px 0 0}.fixed-action-btn.direction-right ul{text-align:left;direction:rtl;left:64px;right:auto}.fixed-action-btn.direction-right ul li{margin:7.5px 0 0 15px}.fixed-action-btn.direction-bottom{padding:0 0 15px 0}.fixed-action-btn.direction-bottom ul{top:64px;bottom:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.fixed-action-btn.direction-bottom ul li{margin:15px 0 0 0}.fixed-action-btn.toolbar{padding:0;height:56px}.fixed-action-btn.toolbar.active>a i{opacity:0}.fixed-action-btn.toolbar ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;top:0;bottom:0;z-index:1}.fixed-action-btn.toolbar ul li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:inline-block;margin:0;height:100%;-webkit-transition:none;transition:none}.fixed-action-btn.toolbar ul li a{display:block;overflow:hidden;position:relative;width:100%;height:100%;background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;color:var(--font-on-secondary-color-main);line-height:56px;z-index:1}.fixed-action-btn.toolbar ul li a i{line-height:inherit}.fixed-action-btn ul{left:0;right:0;text-align:center;position:absolute;bottom:64px;margin:0;visibility:hidden}.fixed-action-btn ul li{margin-bottom:15px}.fixed-action-btn ul a.btn-floating{opacity:0}.fixed-action-btn .fab-backdrop{position:absolute;top:0;left:0;z-index:-1;width:40px;height:40px;background-color:var(--secondary-color);border-radius:50%;-webkit-transform:scale(0);transform:scale(0)}.btn-flat{-webkit-box-shadow:none;box-shadow:none;background-color:rgba(0,0,0,0);color:var(--font-color-medium);cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.btn-flat:focus,.btn-flat:hover{-webkit-box-shadow:none;box-shadow:none;background-color:var(--hover-color)}.btn-flat:focus{background-color:var(--focus-color)}.btn-flat.disabled,.btn-flat.btn-flat[disabled]{background-color:rgba(0,0,0,0) !important;color:var(--font-color-disabled) !important;cursor:default}.btn-large{height:60px;line-height:60px;font-size:18px;padding:0 28px}.btn-large i{font-size:1.6rem}.btn-small{height:30px;line-height:30px;font-size:13px}.btn-small i{font-size:1.2rem}.btn-block{display:block}.dropdown-content{padding-left:0;list-style-type:none;background-color:var(--surface-color);margin:0;display:none;min-width:100px;overflow-y:auto;opacity:0;position:absolute;left:0;top:0;z-index:9999;-webkit-transform-origin:0 0;transform-origin:0 0}.dropdown-content:focus{outline:0}.dropdown-content li{clear:both;color:var(--font-color-main);cursor:pointer;min-height:50px;line-height:1.5rem;width:100%;text-align:left}.dropdown-content li:hover,.dropdown-content li.active{background-color:var(--hover-color)}.dropdown-content li:focus{outline:none}.dropdown-content li.divider{min-height:0;height:1px}.dropdown-content li>a,.dropdown-content li>span{font-size:16px;color:var(--primary-color);display:block;line-height:22px;padding:14px 16px}.dropdown-content li>span>label{top:1px;left:0;height:18px}.dropdown-content li>a>i{height:inherit;line-height:inherit;float:left;margin:0 24px 0 0;width:24px}body.keyboard-focused .dropdown-content li:focus{background-color:var(--focus-color)}.input-field.col .dropdown-content [type=checkbox]+label{top:1px;left:0;height:18px;-webkit-transform:none;transform:none}.dropdown-trigger{cursor:pointer}.modal{display:none;position:fixed;left:0;right:0;background-color:var(--background-color-level-16dp-solid);padding:0;max-height:70%;width:55%;margin:auto;overflow-y:auto;border-radius:2px;will-change:top,opacity}.modal:focus{outline:none}@media only screen and (max-width : 992.99px){.modal{width:80%}}.modal h1,.modal h2,.modal h3,.modal h4{margin-top:0}.modal .modal-content{padding:24px;overflow-y:hidden}.modal .modal-close{cursor:pointer}.modal .modal-footer{border-radius:0 0 2px 2px;background-color:var(--background-color-level-16dp-solid);padding:4px 6px;height:56px;width:100%;text-align:right}.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-small,.modal .modal-footer .btn-flat{margin:6px 0}.modal-overlay{position:fixed;z-index:999;top:-25%;left:0;bottom:0;right:0;height:125%;width:100%;background:#000;display:none;will-change:opacity}.modal.modal-fixed-footer{padding:0;height:70%}.modal.modal-fixed-footer .modal-content{position:absolute;height:calc(100% - 56px);max-height:100%;width:100%;overflow-y:auto}.modal.modal-fixed-footer .modal-footer{border-top:1px solid var(--separator-color);position:absolute;bottom:0}.modal.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom,opacity}.collapsible{padding-left:0;list-style-type:none;border-top:1px solid var(--separator-color);border-right:1px solid var(--separator-color);border-left:1px solid var(--separator-color);margin:.5rem 0 1rem 0}.collapsible-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);line-height:1.5;padding:1rem;border-bottom:1px solid var(--separator-color);background-color:var(--surface-color)}.collapsible-header:focus{outline:0}.collapsible-header i{width:2rem;font-size:1.6rem;display:inline-block;text-align:center;margin-right:1rem}.keyboard-focused .collapsible-header:focus{background-color:var(--focus-color)}.collapsible-body{display:none;border-bottom:1px solid var(--separator-color);-webkit-box-sizing:border-box;box-sizing:border-box;padding:2rem;background-color:var(--surface-color)}.sidenav .collapsible,.sidenav.sidenav-fixed .collapsible{border:none;-webkit-box-shadow:none;box-shadow:none}.sidenav .collapsible li,.sidenav.sidenav-fixed .collapsible li{padding:0}.sidenav>li:hover,.sidenav>li.active,.sidenav.sidenav-fixed>li:hover,.sidenav.sidenav-fixed>li.active{background-color:rgba(0,0,0,0)}.sidenav .collapsible-header,.sidenav.sidenav-fixed .collapsible-header{background-color:rgba(0,0,0,0);border:none;line-height:inherit;height:inherit;padding:0 16px}.sidenav .collapsible-header i,.sidenav.sidenav-fixed .collapsible-header i{line-height:inherit}.sidenav .collapsible-body,.sidenav.sidenav-fixed .collapsible-body{border:0;background-color:var(--surface-color)}.sidenav .collapsible-body li a,.sidenav.sidenav-fixed .collapsible-body li a{padding:0 23.5px 0 31px}.collapsible.popout{border:none;-webkit-box-shadow:none;box-shadow:none}.collapsible.popout>li{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);margin:0 24px;-webkit-transition:margin .35s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:margin .35s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.collapsible.popout>li.active{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);margin:16px 0}.chip{display:inline-block;height:32px;font-size:13px;font-weight:500;color:var(--font-color-medium);line-height:32px;padding:0 12px;border-radius:16px;background-color:var(--background-color-level-4dp);margin-bottom:5px;margin-right:5px}.chip:focus{outline:none;background-color:var(--primary-color);color:var(--font-on-primary-color-main)}.chip>img{float:left;margin:0 8px 0 -12px;height:32px;width:32px;border-radius:50%}.chip .close{cursor:pointer;float:right;font-size:16px;line-height:32px;padding-left:8px}.chips{border:none;border-bottom:1px solid var(--font-color-medium);-webkit-box-shadow:none;box-shadow:none;margin:0 0 8px 0;min-height:45px;outline:none;-webkit-transition:all .3s;transition:all .3s}.chips.focus{border-bottom:1px solid var(--primary-color);-webkit-box-shadow:0 1px 0 0 var(--primary-color);box-shadow:0 1px 0 0 var(--primary-color)}.chips:hover{cursor:text}.chips input:not([type]):not(.browser-default).input{background:none;border:0;color:var(--font-color-main);display:inline-block;font-size:16px;height:3rem;line-height:32px;outline:0;margin:0;padding:0;width:120px}.chips input:not([type]):not(.browser-default).input:focus{border:0;-webkit-box-shadow:none;box-shadow:none}.chips .autocomplete-content{margin-top:0;margin-bottom:0}.prefix~.chips{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.suffix~.chips{margin-right:3rem;width:92%;width:calc(100% - 3rem)}.chips:empty~label{font-size:.8rem;-webkit-transform:translateY(-140%);transform:translateY(-140%)}.materialboxed{display:block;cursor:-webkit-zoom-in;cursor:zoom-in;position:relative;-webkit-transition:opacity .4s;transition:opacity .4s;-webkit-backface-visibility:hidden}.materialboxed:hover:not(.active){opacity:.8}.materialboxed.active{cursor:-webkit-zoom-out;cursor:zoom-out}#materialbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#292929;z-index:1000;will-change:opacity}.materialbox-caption{position:fixed;display:none;color:#fff;line-height:50px;bottom:0;left:0;width:100%;text-align:center;padding:0% 15%;height:50px;z-index:1000;-webkit-font-smoothing:antialiased}select:focus{outline:1px solid var(--primary-color-raised-focus-solid)}button:focus{outline:none;background-color:var(--primary-color-raised-focus-solid)}label{font-size:.8rem;color:var(--font-color-medium)}::-webkit-input-placeholder{color:var(--font-color-medium)}::-moz-placeholder{color:var(--font-color-medium)}::-ms-input-placeholder{color:var(--font-color-medium)}::placeholder{color:var(--font-color-medium)}input:not([type]):not(.browser-default),input[type=text]:not(.browser-default),input[type=password]:not(.browser-default),input[type=email]:not(.browser-default),input[type=url]:not(.browser-default),input[type=time]:not(.browser-default),input[type=date]:not(.browser-default),input[type=datetime]:not(.browser-default),input[type=datetime-local]:not(.browser-default),input[type=month]:not(.browser-default),input[type=tel]:not(.browser-default),input[type=number]:not(.browser-default),input[type=search]:not(.browser-default),textarea.materialize-textarea{outline:none;color:var(--font-color-main);width:100%;font-size:16px;height:56px}.input-field{position:relative;clear:both}.input-field input,.input-field textarea{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 16px;padding-top:20px;background-color:var(--surface-color);border:none;border-radius:4px;border-bottom:1px solid var(--font-color-medium);border-bottom-left-radius:0;border-bottom-right-radius:0}.input-field input:focus:not([readonly]),.input-field textarea:focus:not([readonly]){border-bottom:2px solid var(--primary-color);padding-top:21px}.input-field input:disabled,.input-field input[readonly=readonly],.input-field textarea:disabled,.input-field textarea[readonly=readonly]{color:rgba(var(--md_sys_color_on-surface), 0.38);border-color:rgba(var(--md_sys_color_on-surface), 0.12);background-color:rgba(var(--md_sys_color_on-surface), 0.04)}.input-field input:focus:not([readonly])+label,.input-field textarea:focus:not([readonly])+label{color:var(--primary-color)}.input-field input:focus:not([readonly])+label,.input-field input:not(:placeholder-shown)+label,.input-field textarea:focus:not([readonly])+label,.input-field textarea:not(:placeholder-shown)+label{-webkit-transform:scale(0.75);transform:scale(0.75);top:8px}.input-field input:disabled+label,.input-field input[readonly=readonly]+label,.input-field textarea:disabled+label,.input-field textarea[readonly=readonly]+label{color:rgba(var(--md_sys_color_on-surface), 0.38)}.input-field input::-webkit-input-placeholder{-webkit-user-select:none;user-select:none}.input-field input::-moz-placeholder{-moz-user-select:none;user-select:none}.input-field input::-ms-input-placeholder{-ms-user-select:none;user-select:none}.input-field input::placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-field>label{color:var(--font-color-medium);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:16px;position:absolute;left:16px;top:16px;cursor:text;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:left .2s ease-out,top .2s ease-out,-webkit-transform .2s ease-out;transition:left .2s ease-out,top .2s ease-out,-webkit-transform .2s ease-out;transition:left .2s ease-out,top .2s ease-out,transform .2s ease-out;transition:left .2s ease-out,top .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out}.input-field .supporting-text{color:var(--font-color-medium);font-size:12px;padding:0 16px;margin-top:4px}.input-field .character-counter{color:var(--font-color-medium);font-size:12px;float:right;padding:0 16px;margin-top:4px}.input-field .prefix{position:absolute;left:12px;top:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.input-field .suffix{position:absolute;right:12px;top:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-field .prefix~input,.input-field .prefix~textarea{padding-left:52px}.input-field .suffix~input,.input-field .suffix~textarea{padding-right:52px}.input-field .prefix~label{left:52px}.input-field.outlined input,.input-field.outlined textarea{padding-top:0;background-color:var(--background-color);border:1px solid var(--font-color-medium);border-radius:4px}.input-field.outlined input:focus:not([readonly]),.input-field.outlined textarea:focus:not([readonly]){border:2px solid var(--primary-color);padding-top:0;margin-left:-1px}.input-field.outlined input:focus:not([readonly])+label,.input-field.outlined textarea:focus:not([readonly])+label{color:var(--primary-color)}.input-field.outlined input:focus:not([readonly])+label,.input-field.outlined input:not(:placeholder-shown)+label,.input-field.outlined textarea:focus:not([readonly])+label,.input-field.outlined textarea:not(:placeholder-shown)+label{top:-8px;left:16px;margin-left:-4px;padding:0 4px;background-color:var(--background-color)}.input-field.outlined input:disabled,.input-field.outlined input[readonly=readonly],.input-field.outlined textarea:disabled,.input-field.outlined textarea[readonly=readonly]{color:rgba(var(--md_sys_color_on-surface), 0.38);border-color:rgba(var(--md_sys_color_on-surface), 0.12)}.input-field.error input,.input-field.error textarea{border-color:var(--error-color)}.input-field.error input:focus:not([readonly]),.input-field.error textarea:focus:not([readonly]){border-color:var(--error-color)}.input-field.error input:focus:not([readonly])+label,.input-field.error textarea:focus:not([readonly])+label{color:var(--error-color)}.input-field.error label{color:var(--error-color)}.input-field.error .supporting-text{color:var(--error-color)}.input-field.error .suffix{color:var(--error-color)}.searchbar .prefix{position:absolute;padding-left:1rem;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.searchbar>input{border-width:0;background-color:rgba(0,0,0,0);padding-left:3rem}.searchbar.has-sidebar{margin-left:0}@media only screen and (min-width : 993px){.searchbar.has-sidebar{margin-left:300px}}textarea{width:100%;height:3rem;background-color:rgba(0,0,0,0)}textarea.materialize-textarea{line-height:normal;overflow-y:hidden;padding:.8rem 0 .8rem 0;resize:none;min-height:3rem;-webkit-box-sizing:border-box;box-sizing:border-box}.hiddendiv{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding-top:1.2rem;position:absolute;top:0;z-index:-1}.autocomplete-content li .highlight{color:var(--font-color-main)}.autocomplete-content li img{height:40px;width:40px;margin:5px 15px}[type=radio]:not(:checked),[type=radio]:checked{position:absolute;opacity:0;pointer-events:none}[type=radio]:not(:checked)+span,[type=radio]:checked+span{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-transition:.28s ease;transition:.28s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type=radio]+span:before,[type=radio]+span:after{content:"";position:absolute;left:0;top:0;margin:4px;width:16px;height:16px;z-index:0;-webkit-transition:.28s ease;transition:.28s ease}[type=radio]:not(:checked)+span:before,[type=radio]:not(:checked)+span:after,[type=radio]:checked+span:before,[type=radio]:checked+span:after,[type=radio].with-gap:checked+span:before,[type=radio].with-gap:checked+span:after{border-radius:50%}[type=radio]:not(:checked)+span:before,[type=radio]:not(:checked)+span:after{border:2px solid var(--font-color-medium)}[type=radio]:not(:checked)+span:after{-webkit-transform:scale(0);transform:scale(0)}[type=radio]:checked+span:before{border:2px solid rgba(0,0,0,0)}[type=radio]:checked+span:after,[type=radio].with-gap:checked+span:before,[type=radio].with-gap:checked+span:after{border:2px solid var(--primary-color)}[type=radio]:checked+span:after,[type=radio].with-gap:checked+span:after{background-color:var(--primary-color)}[type=radio]:checked+span:after{-webkit-transform:scale(1.02);transform:scale(1.02)}[type=radio].with-gap:checked+span:after{-webkit-transform:scale(0.5);transform:scale(0.5)}[type=radio].tabbed:focus+span:before{-webkit-box-shadow:0 0 0 10px var(--primary-color-focus-opaque);box-shadow:0 0 0 10px var(--primary-color-focus-opaque)}[type=radio].with-gap:disabled:checked+span:before{border:2px solid var(--font-color-disabled)}[type=radio].with-gap:disabled:checked+span:after{border:none;background-color:var(--font-color-disabled)}[type=radio]:disabled:not(:checked)+span:before,[type=radio]:disabled:checked+span:before{background-color:rgba(0,0,0,0);border-color:var(--font-color-disabled)}[type=radio]:disabled+span{color:var(--font-color-disabled)}[type=radio]:disabled:not(:checked)+span:before{border-color:var(--font-color-disabled)}[type=radio]:disabled:checked+span:after{background-color:var(--font-color-disabled);border-color:var(--font-color-disabled)}[type=checkbox]:not(:checked),[type=checkbox]:checked{position:absolute;opacity:0;pointer-events:none}[type=checkbox]+span:not(.lever){position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type=checkbox]+span:not(.lever):before,[type=checkbox]:not(.filled-in)+span:not(.lever):after{content:"";position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid var(--font-color-medium);border-radius:1px;margin-top:3px;-webkit-transition:.2s;transition:.2s}[type=checkbox]:not(.filled-in)+span:not(.lever):after{border:0;-webkit-transform:scale(0);transform:scale(0)}[type=checkbox]:not(:checked):disabled+span:not(.lever):before{border:none;background-color:var(--font-color-disabled)}[type=checkbox].tabbed:focus+span:not(.lever):after{-webkit-transform:scale(1);transform:scale(1);border:0;border-radius:50%;-webkit-box-shadow:0 0 0 10px var(--focus-color);box-shadow:0 0 0 10px var(--focus-color);background-color:var(--focus-color)}[type=checkbox]:checked+span:not(.lever):before{top:-4px;left:-5px;width:12px;height:22px;border-top:2px solid rgba(0,0,0,0);border-left:2px solid rgba(0,0,0,0);border-right:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox]:checked:disabled+span:before{border-right:2px solid var(--font-color-disabled);border-bottom:2px solid var(--font-color-disabled)}[type=checkbox]:indeterminate+span:not(.lever):before{top:-11px;left:-12px;width:10px;height:22px;border-top:none;border-left:none;border-right:2px solid var(--primary-color);border-bottom:none;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox]:indeterminate:disabled+span:not(.lever):before{border-right:2px solid var(--font-color-disabled);background-color:rgba(0,0,0,0)}[type=checkbox].filled-in+span:not(.lever):after{border-radius:2px}[type=checkbox].filled-in+span:not(.lever):before,[type=checkbox].filled-in+span:not(.lever):after{content:"";left:0;position:absolute;-webkit-transition:border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;transition:border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;z-index:1}[type=checkbox].filled-in:not(:checked)+span:not(.lever):before{width:0;height:0;border:3px solid rgba(0,0,0,0);left:6px;top:10px;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox].filled-in:not(:checked)+span:not(.lever):after{height:20px;width:20px;background-color:rgba(0,0,0,0);border:2px solid var(--font-color-medium);top:0px;z-index:0}[type=checkbox].filled-in:checked+span:not(.lever):before{top:0;left:1px;width:8px;height:13px;border-top:2px solid rgba(0,0,0,0);border-left:2px solid rgba(0,0,0,0);border-right:2px solid var(--font-on-primary-color-main);border-bottom:2px solid var(--font-on-primary-color-main);-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox].filled-in:checked+span:not(.lever):after{top:0;width:20px;height:20px;border:2px solid var(--primary-color);background-color:var(--primary-color);z-index:0}[type=checkbox].filled-in.tabbed:focus+span:not(.lever):after{border-radius:2px;border-color:var(--font-color-medium);background-color:var(--focus-color)}[type=checkbox].filled-in.tabbed:checked:focus+span:not(.lever):after{border-radius:2px;background-color:var(--primary-color);border-color:var(--primary-color)}[type=checkbox].filled-in:disabled:not(:checked)+span:not(.lever):before{background-color:rgba(0,0,0,0);border:2px solid rgba(0,0,0,0)}[type=checkbox].filled-in:disabled:not(:checked)+span:not(.lever):after{border-color:rgba(0,0,0,0);background-color:var(--font-color-disabled)}[type=checkbox].filled-in:disabled:checked+span:not(.lever):before{background-color:rgba(0,0,0,0)}[type=checkbox].filled-in:disabled:checked+span:not(.lever):after{background-color:var(--font-color-disabled);border-color:var(--font-color-disabled)}.switch,.switch *{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch label{cursor:pointer}.switch label input[type=checkbox]{opacity:0;width:0;height:0}.switch label input[type=checkbox]:checked+.lever{background-color:rgba(var(--primary-color-numeric), 0.32)}.switch label input[type=checkbox]:checked+.lever:before,.switch label input[type=checkbox]:checked+.lever:after{left:18px}.switch label input[type=checkbox]:checked+.lever:after{background-color:var(--primary-color)}.switch label .lever{content:"";display:inline-block;position:relative;width:36px;height:14px;background-color:var(--slider-track-color);border-radius:15px;margin-right:10px;-webkit-transition:background .3s ease;transition:background .3s ease;vertical-align:middle;margin:0 16px}.switch label .lever:before,.switch label .lever:after{content:"";position:absolute;display:inline-block;width:20px;height:20px;border-radius:50%;left:0;top:-3px;-webkit-transition:left .3s ease,background .3s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease;transition:left .3s ease,background .3s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease;transition:left .3s ease,background .3s ease,box-shadow .1s ease,transform .1s ease;transition:left .3s ease,background .3s ease,box-shadow .1s ease,transform .1s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease}.switch label .lever:after{background-color:var(--switch-thumb-off-color);-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12);box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)}input[type=checkbox]:not(:disabled)~.lever:active:before,input[type=checkbox]:not(:disabled).tabbed:focus~.lever::before,input[type=checkbox]:not(:disabled)~.lever:hover::before{-webkit-transform:scale(2.4);transform:scale(2.4)}input[type=checkbox]:checked:not(:disabled)~.lever:hover::before{background-color:var(--primary-color-hover-opaque)}input[type=checkbox]:checked:not(:disabled)~.lever:active::before,input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever::before{background-color:var(--primary-color-focus-opaque)}input[type=checkbox]:not(:disabled)~.lever:hover::before{background-color:var(--hover-color)}input[type=checkbox]:not(:disabled)~.lever:active:before,input[type=checkbox]:not(:disabled).tabbed:focus~.lever::before{background-color:var(--focus-color)}.switch input[type=checkbox][disabled]+.lever{cursor:default;opacity:.5}select.browser-default{opacity:1;color:var(--font-color-main)}select{opacity:0;background-color:var(--surface-color);width:100%;padding:5px;border:1px solid var(--separator-color);border-radius:2px;height:3rem}.select-wrapper{position:relative}.select-wrapper .caret{position:absolute;right:0;top:0;bottom:0;margin:auto 0;z-index:0;fill:var(--font-color-main)}.select-wrapper .hide-select{width:0;height:0;overflow:hidden;position:absolute;top:0;z-index:-1}select:disabled{color:var(--font-color-disabled)}.select-wrapper.disabled+label{color:var(--font-color-disabled)}.select-wrapper.disabled .caret{fill:var(--font-color-disabled)}.select-wrapper input.select-dropdown:disabled{color:var(--font-color-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-wrapper i{color:var(--font-color-disabled)}.select-dropdown li.disabled,.select-dropdown li.disabled>span,.select-dropdown li.optgroup{color:var(--font-color-disabled);background-color:rgba(0,0,0,0)}body.keyboard-focused .select-dropdown.dropdown-content li:focus{background-color:var(--focus-color)}.select-dropdown.dropdown-content li:hover:not(.disabled){background-color:var(--hover-color)}.select-dropdown.dropdown-content li.selected:not(.disabled){background-color:var(--focus-color)}.select-dropdown li img{height:40px;width:40px;margin:5px 15px;float:right}.select-dropdown li.optgroup{border-top:1px solid var(--hover-color)}.select-dropdown li.optgroup.selected>span{color:var(--font-color-main)}.select-dropdown li.optgroup>span{color:var(--font-color-medium)}.select-dropdown li.optgroup~li.optgroup-option{padding-left:1rem}.file-field{display:grid;grid-template-columns:-webkit-min-content auto;grid-template-columns:min-content auto;gap:10px}.file-field .file-path-wrapper{overflow:hidden}.file-field input.file-path{width:100%}.file-field .btn,.file-field .btn-large,.file-field .btn-small{height:3rem;line-height:3rem}.file-field span{cursor:pointer}.file-field input[type=file]{position:absolute;top:0;right:0;left:0;bottom:0;cursor:pointer;width:100%;margin:0;padding:0;opacity:0;font-size:20px;filter:alpha(opacity=0)}.file-field input[type=file]::-webkit-file-upload-button{display:none}.range-field{position:relative}input[type=range],input[type=range]+.thumb{cursor:pointer}input[type=range]{position:relative;background-color:rgba(0,0,0,0);border:none;outline:none;width:100%;margin:15px 0;padding:0}input[type=range]:focus{outline:none}input[type=range]+.thumb{position:absolute;top:10px;left:0;border:none;height:0;width:0;border-radius:50%;background-color:var(--primary-color);margin-left:7px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}input[type=range]+.thumb .value{display:block;width:30px;text-align:center;color:var(--primary-color);font-size:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}input[type=range]+.thumb.active{border-radius:50% 50% 50% 0}input[type=range]+.thumb.active .value{color:var(--font-on-primary-color-main);margin-left:-1px;margin-top:8px;font-size:10px}input[type=range]{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--slider-track-color);border:none}input[type=range]::-webkit-slider-thumb{border:none;height:14px;width:14px;border-radius:50%;background:var(--primary-color);-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;-webkit-appearance:none;background-color:var(--primary-color);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;margin:-5px 0 0 0}.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb{-webkit-box-shadow:0 0 0 10px var(--primary-color-focus-opaque);box-shadow:0 0 0 10px var(--primary-color-focus-opaque)}input[type=range]::-moz-range-track{height:3px;background:var(--slider-track-color);border:none}input[type=range]::-moz-focus-inner{border:0}input[type=range]::-moz-range-thumb{border:none;height:14px;width:14px;border-radius:50%;background:var(--primary-color);-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;margin-top:-5px}input[type=range]:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb{box-shadow:0 0 0 10px var(--primary-color-focus-opaque)}input[type=range]::-ms-track{height:3px;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-width:6px 0;color:rgba(0,0,0,0)}input[type=range]::-ms-fill-lower,input[type=range]::-moz-range-progress{background:var(--primary-color)}input[type=range]::-ms-fill-upper,input[type=range]::-moz-range-track{background:var(--slider-track-color)}input[type=range]::-ms-thumb{border:none;height:14px;width:14px;border-radius:50%;background:var(--primary-color);-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s}.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb{box-shadow:0 0 0 10px var(--primary-color-focus-opaque)}.table-of-contents.fixed{position:fixed}.table-of-contents li{padding:0}.table-of-contents a{display:inline-block;font-weight:400;color:var(--font-color-medium);padding-left:16px;height:2rem;line-height:2rem;border-left:1px solid var(--separator-color)}.table-of-contents a:hover{color:var(--font-color-main);padding-left:15px}.table-of-contents a.active{color:var(--primary-color);font-weight:500;padding-left:14px;border-left:2px solid var(--primary-color)}.sidenav{position:fixed;width:300px;left:0;top:0;margin:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100vh;padding-bottom:60px;background-color:var(--background-color-level-16dp-solid);z-index:999;overflow-y:auto;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-105%);transform:translateX(-105%)}.sidenav.right-aligned{right:0;-webkit-transform:translateX(105%);transform:translateX(105%);left:auto;-webkit-transform:translateX(100%);transform:translateX(100%)}.sidenav .collapsible{margin:0}.sidenav li{float:none;line-height:48px}.sidenav li:hover{background-color:var(--hover-color)}.sidenav li.active{background-color:var(--focus-color)}.sidenav li>a{display:block;font-size:14px;font-weight:500;height:48px;line-height:48px;padding:0 32px}.sidenav li>a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-flat):not(.btn-large):not(.btn-floating){color:var(--font-color-main)}.sidenav li>a.btn,.sidenav li>a.btn-small,.sidenav li>a.btn-large,.sidenav li>a.btn-flat,.sidenav li>a.btn-floating{margin:10px 15px}.sidenav li>a>i,.sidenav li>a>[class^=mdi-],.sidenav li>a li>a>[class*=mdi-],.sidenav li>a>i.material-icons{float:left;height:48px;line-height:48px;margin:0 32px 0 0;width:24px;color:var(--font-color-medium)}.sidenav .divider{margin:8px 0 0 0}.sidenav .subheader{cursor:initial;pointer-events:none;color:var(--font-color-medium);font-size:14px;font-weight:500;line-height:48px}.sidenav .subheader:hover{background-color:rgba(0,0,0,0)}.sidenav .user-view{position:relative;padding:32px 32px 0;margin-bottom:8px}.sidenav .user-view>a{height:auto;padding:0}.sidenav .user-view>a:hover{background-color:rgba(0,0,0,0)}.sidenav .user-view .background{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.sidenav .user-view .circle,.sidenav .user-view .name,.sidenav .user-view .email{display:block}.sidenav .user-view .circle{height:64px;width:64px}.sidenav .user-view .name,.sidenav .user-view .email{font-size:14px;line-height:24px}.sidenav .user-view .name{margin-top:16px;font-weight:500}.sidenav .user-view .email{padding-bottom:16px;font-weight:400}.drag-target{height:100%;position:fixed;top:0;left:0;z-index:998}.drag-target.right-aligned{right:0}.sidenav.sidenav-fixed{left:0;-webkit-transform:translateX(0);transform:translateX(0);position:fixed}.sidenav.sidenav-fixed.right-aligned{right:0;left:auto}@media only screen and (max-width : 992.99px){.sidenav.sidenav-fixed{-webkit-transform:translateX(-105%);transform:translateX(-105%)}.sidenav.sidenav-fixed.right-aligned{-webkit-transform:translateX(105%);transform:translateX(105%)}.sidenav>a{padding:0 16px}.sidenav .user-view{padding:16px 16px 0}}.sidenav .collapsible-body>ul:not(.collapsible)>li.active,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active{background-color:var(--primary-color)}.sidenav .collapsible-body>ul:not(.collapsible)>li.active a:not(.btn):not(.btn-large):not(.btn-small),.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a:not(.btn):not(.btn-large):not(.btn-small){color:var(--font-on-primary-color-main)}.sidenav .collapsible-body{padding:0}.sidenav-overlay{position:fixed;top:0;left:0;right:0;opacity:0;height:120vh;background-color:rgba(0,0,0,.5);z-index:997;display:none}.preloader-wrapper{display:inline-block;position:relative;width:50px;height:50px}.preloader-wrapper.small{width:36px;height:36px}.preloader-wrapper.big{width:64px;height:64px}.preloader-wrapper.active{-webkit-animation:container-rotate 1568ms linear infinite;animation:container-rotate 1568ms linear infinite}@-webkit-keyframes container-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-layer{position:absolute;width:100%;height:100%;opacity:0;border-color:var(--primary-color)}.spinner-blue,.spinner-blue-only{border-color:#4285f4}.spinner-red,.spinner-red-only{border-color:#db4437}.spinner-yellow,.spinner-yellow-only{border-color:#f4b400}.spinner-green,.spinner-green-only{border-color:#0f9d58}.active .spinner-layer.spinner-blue{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-red{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-yellow{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-green{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer,.active .spinner-layer.spinner-blue-only,.active .spinner-layer.spinner-red-only,.active .spinner-layer.spinner-yellow-only,.active .spinner-layer.spinner-green-only{opacity:1;-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg)}}@keyframes fill-unfill-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)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@-webkit-keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@-webkit-keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@-webkit-keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}.gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}.gap-patch .circle{width:1000%;left:-450%}.circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}.circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:rgba(0,0,0,0) !important;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0}.circle-clipper.left .circle{left:0;border-right-color:rgba(0,0,0,0) !important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}.circle-clipper.right .circle{left:-100%;border-left-color:rgba(0,0,0,0) !important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}.active .circle-clipper.left .circle{-webkit-animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .circle-clipper.right .circle{-webkit-animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes left-spin{from{-webkit-transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg)}}@keyframes left-spin{from{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}}@-webkit-keyframes right-spin{from{-webkit-transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg)}}@keyframes right-spin{from{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}}#spinnerContainer.cooldown{-webkit-animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1)}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.slider{position:relative;height:400px;width:100%}.slider.fullscreen{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0}.slider.fullscreen ul.slides{padding-left:0;list-style-type:none;height:100%}.slider.fullscreen ul.indicators{padding-left:0;list-style-type:none;z-index:2;bottom:30px}.slider.fullscreen ul.indicators .indicator-item{background-color:var(--carousel-indicator-color)}.slider.fullscreen ul.indicators .indicator-item.active{background-color:var(--carousel-indicator-active-color)}.slider .slides{background-color:var(--surface-color);margin:0;height:400px;padding-left:0;list-style-type:none}.slider .slides li{padding-left:0;list-style-type:none;opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:inherit;overflow:hidden}.slider .slides li img{height:100%;width:100%;background-size:cover;background-position:center}.slider .slides li .caption{color:#fff;position:absolute;top:15%;left:15%;width:70%;opacity:0}.slider .slides li .caption p{color:rgba(255,255,255,.75)}.slider .slides li.active{z-index:2}.slider .indicators{padding-left:0;list-style-type:none;position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.slider .indicators .indicator-item{display:inline-block;position:relative;height:16px;width:16px;margin:0 12px}.slider .indicators .indicator-item-btn{position:absolute;top:0;left:0;cursor:pointer;background-color:var(--slider-track-color);-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%;border-width:0;width:100%;height:100%}.slider .indicators .indicator-item-btn.active{background-color:var(--primary-color)}.carousel{overflow:hidden;position:relative;width:100%;height:400px;-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 50%;transform-origin:0% 50%}.carousel.carousel-slider{top:0;left:0}.carousel.carousel-slider .carousel-fixed-item{position:absolute;left:0;right:0;bottom:20px;z-index:1}.carousel.carousel-slider .carousel-fixed-item.with-indicators{bottom:68px}.carousel.carousel-slider .carousel-item{width:100%;height:100%;min-height:400px;position:absolute;top:0;left:0}.carousel.carousel-slider .carousel-item h2{font-size:24px;font-weight:500;line-height:32px}.carousel.carousel-slider .carousel-item p{font-size:15px}.carousel .carousel-item{visibility:hidden;width:200px;height:200px;position:absolute;top:0;left:0}.carousel .carousel-item>img{width:100%}.carousel .indicators{padding-left:0;list-style-type:none;position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.carousel .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:8px;width:8px;margin:24px 4px;background-color:var(--carousel-indicator-color);-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}.carousel .indicators .indicator-item.active{background-color:var(--carousel-indicator-active-color)}.carousel.scrolling .carousel-item .materialboxed,.carousel .carousel-item:not(.active) .materialboxed{pointer-events:none}.tap-target-wrapper{width:800px;height:800px;position:fixed;z-index:1000;visibility:hidden;-webkit-transition:visibility 0s .3s;transition:visibility 0s .3s}.tap-target-wrapper.open{visibility:visible;-webkit-transition:visibility 0s;transition:visibility 0s}.tap-target-wrapper.open .tap-target{-webkit-transform:scale(1);transform:scale(1);opacity:.95;-webkit-transition:opacity .3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform .3s cubic-bezier(0.42, 0, 0.58, 1);transition:opacity .3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform .3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform .3s cubic-bezier(0.42, 0, 0.58, 1),opacity .3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform .3s cubic-bezier(0.42, 0, 0.58, 1),opacity .3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform .3s cubic-bezier(0.42, 0, 0.58, 1)}.tap-target-wrapper.open .tap-target-wave::before{-webkit-transform:scale(1);transform:scale(1)}.tap-target-wrapper.open .tap-target-wave::after{visibility:visible;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;-webkit-transition:opacity .3s,visibility 0s 1s,-webkit-transform .3s;transition:opacity .3s,visibility 0s 1s,-webkit-transform .3s;transition:opacity .3s,transform .3s,visibility 0s 1s;transition:opacity .3s,transform .3s,visibility 0s 1s,-webkit-transform .3s}.tap-target{position:absolute;font-size:1rem;border-radius:50%;background-color:var(--secondary-color);color:var(--font-on-secondary-color-main);-webkit-box-shadow:0 20px 20px 0 rgba(0,0,0,.14),0 10px 50px 0 rgba(0,0,0,.12),0 30px 10px -20px rgba(0,0,0,.2);box-shadow:0 20px 20px 0 rgba(0,0,0,.14),0 10px 50px 0 rgba(0,0,0,.12),0 30px 10px -20px rgba(0,0,0,.2);width:100%;height:100%;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform .3s cubic-bezier(0.42, 0, 0.58, 1);transition:opacity .3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform .3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform .3s cubic-bezier(0.42, 0, 0.58, 1),opacity .3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform .3s cubic-bezier(0.42, 0, 0.58, 1),opacity .3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform .3s cubic-bezier(0.42, 0, 0.58, 1)}.tap-target-content{position:relative;display:table-cell}.tap-target-wave{position:absolute;border-radius:50%;z-index:10001}.tap-target-wave::before,.tap-target-wave::after{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:50%;background-color:var(--surface-color)}.tap-target-wave::before{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.tap-target-wave::after{visibility:hidden;-webkit-transition:opacity .3s,visibility 0s,-webkit-transform .3s;transition:opacity .3s,visibility 0s,-webkit-transform .3s;transition:opacity .3s,transform .3s,visibility 0s;transition:opacity .3s,transform .3s,visibility 0s,-webkit-transform .3s;z-index:-1}.tap-target-origin{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10002;position:absolute !important}.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small),.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover{background:none}@media only screen and (max-width: 600px){.tap-target,.tap-target-wrapper{width:600px;height:600px}}.pulse{overflow:visible;position:relative}.pulse::before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:inherit;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;z-index:-1}@-webkit-keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}.datepicker-modal{max-width:325px;min-width:300px;max-height:none}.datepicker-container.modal-content{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;padding:0;background-color:var(--surface-color)}.datepicker-controls{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:280px;margin:0 auto}.datepicker-controls .selects-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker-controls .select-wrapper input{border-bottom:none;text-align:center;margin:0}.datepicker-controls .select-wrapper input:focus{border-bottom:none}.datepicker-controls .select-wrapper .caret{display:none}.datepicker-controls .select-year input{width:50px}.datepicker-controls .select-month input{width:80px}.datepicker-controls .month-prev,.datepicker-controls .month-next{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}.datepicker-controls .month-prev>svg,.datepicker-controls .month-next>svg{fill:var(--font-color-medium)}.month-prev,.month-next{margin-top:4px;cursor:pointer;background-color:rgba(0,0,0,0);border:none}.datepicker-date-display{-webkit-box-flex:1;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;background-color:var(--primary-color);color:var(--font-on-primary-color-main);padding:20px 22px;font-weight:500}.datepicker-date-display .year-text{display:block;font-size:1.5rem;line-height:25px;color:var(--font-on-primary-color-main)}.datepicker-date-display .date-text{display:block;font-size:2.8rem;line-height:47px;font-weight:500}.datepicker-calendar-container{-webkit-box-flex:2.5;-webkit-flex:2.5 auto;-ms-flex:2.5 auto;flex:2.5 auto}.datepicker-table{width:280px;font-size:1rem;margin:0 auto}.datepicker-table thead{border-bottom:none}.datepicker-table th{padding:10px 5px;text-align:center}.datepicker-table tr{border:none}.datepicker-table abbr{text-decoration:none;color:var(--font-color-medium)}.datepicker-table td{color:var(--font-color-main);border-radius:50%;padding:0}.datepicker-table td.is-today{color:var(--primary-color)}.datepicker-table td.is-selected{background-color:var(--primary-color);color:var(--font-on-primary-color-main)}.datepicker-table td.is-outside-current-month,.datepicker-table td.is-disabled{color:var(--font-color-disabled);pointer-events:none}.datepicker-day-button{background-color:rgba(0,0,0,0);border:none;line-height:38px;display:block;width:100%;border-radius:50%;padding:0 5px;cursor:pointer;color:inherit}.datepicker-day-button:hover{background-color:var(--primary-color-hover-opaque)}.datepicker-day-button:focus{background-color:var(--primary-color-focus-opaque)}.datepicker-footer{width:280px;margin:0 auto;padding-bottom:5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.datepicker-cancel,.datepicker-clear,.datepicker-today,.datepicker-done{color:var(--primary-color);padding:0 1rem}.datepicker-clear{color:var(--error-color)}@media only screen and (min-width : 601px){.datepicker-modal{max-width:625px}.datepicker-container.modal-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.datepicker-date-display{-webkit-box-flex:0;-webkit-flex:0 1 270px;-ms-flex:0 1 270px;flex:0 1 270px}.datepicker-controls,.datepicker-table,.datepicker-footer{width:320px}.datepicker-day-button{line-height:44px}}.timepicker-modal{max-width:325px;max-height:none}.timepicker-container.modal-content{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;padding:0}.text-primary{color:var(--font-on-primary-color-main)}.timepicker-digital-display{width:200px;-webkit-box-flex:1;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;background-color:var(--primary-color);padding:10px;font-weight:300}.timepicker-text-container{font-size:4rem;font-weight:bold;text-align:center;color:var(--font-on-primary-color-medium);font-weight:400;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.timepicker-text-container input[type=text]{height:4rem;color:rgba(255,255,255,.6);border-bottom:0px;font-size:4rem;direction:ltr}.timepicker-input-hours,.timepicker-input-minutes,.timepicker-span-am-pm div{cursor:pointer}input[type=text].timepicker-input-hours{text-align:right;width:28%;margin-right:3px}input[type=text].timepicker-input-minutes{width:33%;margin-left:3px}input[type=text].text-primary{color:#fff}.timepicker-display-am-pm{font-size:1.3rem;position:absolute;right:1rem;bottom:1rem;font-weight:400}.timepicker-analog-display{-webkit-box-flex:2.5;-webkit-flex:2.5 auto;-ms-flex:2.5 auto;flex:2.5 auto;background-color:var(--surface-color)}.timepicker-plate{background-color:var(--background-color-level-4dp);border-radius:50%;width:270px;height:270px;overflow:visible;position:relative;margin:auto;margin-top:25px;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.timepicker-canvas,.timepicker-dial{position:absolute;left:0;right:0;top:0;bottom:0}.timepicker-minutes{visibility:hidden}.timepicker-tick{border-radius:50%;color:var(--font-color-main);line-height:40px;text-align:center;width:40px;height:40px;position:absolute;cursor:pointer;font-size:15px}.timepicker-tick.active,.timepicker-tick:hover{background-color:var(--primary-color-hover-opaque)}.timepicker-dial{-webkit-transition:opacity 350ms,-webkit-transform 350ms;transition:opacity 350ms,-webkit-transform 350ms;transition:transform 350ms,opacity 350ms;transition:transform 350ms,opacity 350ms,-webkit-transform 350ms}.timepicker-dial-out{opacity:0}.timepicker-dial-out.timepicker-hours{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}.timepicker-dial-out.timepicker-minutes{-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8)}.timepicker-canvas{-webkit-transition:opacity 175ms;transition:opacity 175ms}.timepicker-canvas line{stroke:var(--primary-color);stroke-width:4;stroke-linecap:round}.timepicker-canvas-out{opacity:.25}.timepicker-canvas-bearing{stroke:none;fill:var(--primary-color)}.timepicker-canvas-bg{stroke:none;fill:var(--primary-color)}.timepicker-footer{margin:0 auto;padding:5px 1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.timepicker-clear{color:var(--error-color)}.timepicker-close{color:var(--primary-color)}.timepicker-clear,.timepicker-close{padding:0 20px}@media only screen and (min-width : 601px){.timepicker-modal{max-width:600px}.timepicker-container.modal-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.timepicker-text-container{top:32%}.timepicker-display-am-pm{position:relative;right:auto;bottom:auto;text-align:center;margin-top:1.2rem}}:root{--surface-color: #f3f6fc;--background-color: #ffffff;--font-color-main: rgba(0, 0, 0, 0.87);--font-color-medium: rgba(0, 0, 0, 0.56);--font-color-disabled: rgba(0, 0, 0, 0.38);--font-on-primary-color-main: rgba(255, 255, 255, 0.87);--font-on-primary-color-dark-main: rgba(255, 255, 255, 0.87);--font-on-primary-color-dark-medium: rgba(255, 255, 255, 0.60);--font-on-primary-color-medium: rgba(255, 255, 255, 0.60);--font-on-primary-color-disabled: rgba(255, 255, 255, 0.38);--font-on-secondary-color-main: rgba(0, 0, 0, 0.87);--hover-color: rgba(0, 0, 0, 0.04);--focus-color: rgba(0, 0, 0, 0.12);--focus-color-solid: #E0E0E0;--background-color-disabled: rgba(0, 0, 0, 0.12);--background-color-level-4dp: rgba(0, 0, 0, 0.09);--background-color-level-16dp-solid: var(--surface-color);--background-color-slight-emphasis: rgba(0, 0, 0, 0.025);--background-color-card: var(--surface-color);--tooltip-background-color: #313033;--tooltip-font-color: rgba(255, 255, 255, 0.77);--separator-color: #DDDDDD;--error-color: #F44336;--slider-track-color: rgba(0, 0, 0, 0.26);--switch-thumb-off-color: #ffffff;--carousel-indicator-color: rgba(255, 255, 255, 0.45);--carousel-indicator-active-color: #FFF;--primary-color: #26a69a;--primary-color-dark: #009688;--primary-color-numeric: 38, 166, 154;--primary-color-raised-hover-solid: #30B0A4;--primary-color-raised-focus-solid: #44C4B8;--primary-color-font-medium-color: rgba(var(--primary-color-numeric), 0.7);--primary-color-font-disabled-color: rgba(var(--primary-color-numeric), 0.4);--primary-color-hover-opaque: rgba(var(--primary-color-numeric), 0.06);--primary-color-focus-opaque: rgba(var(--primary-color-numeric), 0.18);--secondary-color: #EF5350;--secondary-color-hover-solid: #FE625F;--secondary-color-focus-solid: #FF7B78;--md_sys_color_on-surface: 28, 27, 31}:root[theme=dark]{--background-color: #121212;--surface-color: #242424;--font-color-main: rgba(255, 255, 255, 0.87);--font-color-medium: rgba(255, 255, 255, 0.60);--font-color-disabled: rgba(255, 255, 255, 0.38);--font-on-primary-color-main: rgba(0, 0, 0, 0.87);--font-on-primary-color-dark-main: rgba(255, 255, 255, 0.87);--font-on-primary-color-dark-medium: rgba(255, 255, 255, 0.60);--font-on-primary-color-medium: rgba(0, 0, 0, 0.56);--font-on-primary-color-disabled: rgba(0, 0, 0, 0.38);--hover-color: rgba(255, 255, 255, 0.04);--focus-color: rgba(255, 255, 255, 0.12);--focus-color-solid: #424242;--background-color-disabled: rgba(255, 255, 255, 0.12);--background-color-level-4dp: rgba(255, 255, 255, 0.09);--background-color-level-16dp-solid: #262626;--background-color-card: var(--surface-color);--background-color-slight-emphasis: rgba(255, 255, 255, 0.05);--separator-color: #424242;--error-color: #CF6679;--slider-track-color: rgba(255, 255, 255, 0.26);--switch-thumb-off-color: #bababa;--primary-color: #B39DDB;--primary-color-dark: #9575CD;--primary-color-numeric: 179, 157, 219;--primary-color-raised-hover-solid: #C2ACEA;--primary-color-raised-focus-solid: #DBC5FF;--secondary-color: #CDDC39;--secondary-color-hover-solid: #DCEB48;--secondary-color-focus-solid: #F5FF61;--md_sys_color_on-surface: 230, 225, 229}body{color:var(--font-color-main);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;background-color:var(--background-color)}p.box{padding:20px}p{padding:0}h5>span{font-size:14px;margin-left:15px;color:var(--font-color-medium)}td,th{padding:15px 10px}.header{color:var(--font-color-main);font-weight:400;font-size:3.25rem}.preview{background-color:var(--surface-color);border:1px solid var(--separator-color);padding:20px 20px}.method-header{font-family:"Inconsolata",Monaco,Consolas,"Andale Mono",monospace;margin-top:15px;padding-top:30px}header,main,footer{padding-left:300px}.parallax-demo header,.parallax-demo main,.parallax-demo footer{padding-left:0}footer.example{padding-left:0}@media only screen and (max-width : 992.99px){header,main,footer{padding-left:0}h5>span{display:block;margin:0 0 15px 0}}ul.sidenav{padding-left:0;list-style-type:none}ul.sidenav ul{padding-left:0}ul.sidenav li{list-style-type:none;padding-left:0}ul.sidenav li a{padding-left:1rem}ul.sidenav.sidenav-fixed li.logo{text-align:center;margin-top:16px;margin-bottom:60px}ul.sidenav.sidenav-fixed li.logo:hover,ul.sidenav.sidenav-fixed li.logo #logo-container:hover{background-color:rgba(0,0,0,0)}ul.sidenav.sidenav-fixed{overflow:hidden;-webkit-box-shadow:none;box-shadow:none;border-right:1px solid var(--separator-color)}ul.sidenav.sidenav-fixed li{line-height:44px}ul.sidenav.sidenav-fixed li.active{background-color:var(--focus-color)}ul.sidenav.sidenav-fixed li a{font-size:13px;line-height:44px;height:44px;padding:0 30px}ul.sidenav.sidenav-fixed li a .new.badge{margin-top:11px}ul.sidenav.sidenav-fixed ul.collapsible-accordion{background-color:var(--surface-color)}ul.sidenav.sidenav-fixed ul.collapsible-accordion a.collapsible-header{padding:0 30px}ul.sidenav.sidenav-fixed ul.collapsible-accordion .collapsible-body li a{font-weight:400;padding:0 37.5px 0 45px}ul.sidenav.sidenav-fixed:hover{overflow-y:auto}.bold>a{font-weight:bold}#logo-container{height:50px;margin-bottom:16px}.current-version-number{font-size:1.5rem;font-weight:500;color:var(--font-color-medium)}.intro #logo{height:150px}.intro h2{font-size:2rem;line-height:1.25;margin-bottom:2rem}.call-to-action>.btn,.call-to-action>.btn-large,.call-to-action>.btn-small{border:1px solid var(--primary-color)}.call-to-action>.btn:first-of-type,.call-to-action>.btn-large:first-of-type,.call-to-action>.btn-small:first-of-type{border:none}.call-to-action>.btn-flat{color:var(--primary-color)}.materialize-benefits .collection-item>h4{font-size:1.75rem;font-weight:500}@media only screen and (max-width : 992.99px){footer.page-footer .container{text-align:center}}nav.top-nav{height:110px;-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid var(--separator-color);background-color:rgba(0,0,0,0)}nav.top-nav h1.header{margin:0;padding-top:22px}a.sidenav-trigger.top-nav{position:absolute;text-align:center;height:48px;width:48px;top:28px;margin-left:1.5rem;color:var(--primary-color);font-size:36px;z-index:2}a.sidenav-trigger.top-nav i{font-size:32px}@media only screen and (max-width : 600.99px){a.sidenav-trigger.top-nav{left:0}ul.sidenav.sidenav-fixed{border:0}}@media only screen and (max-width : 992.99px){nav .nav-wrapper{text-align:center}nav .nav-wrapper a.page-title{font-size:36px}}@media only screen and (min-width : 601px){main>.container,body>.page-footer>.container,.top-nav>.container,#index-banner>.container,.github-commit>.container{width:100%}}#front-page-logo{display:inline-block;height:100%;pointer-events:none}#responsive-img{width:80%;display:block;margin:0 auto}#index-banner{border-bottom:1px solid var(--separator-color)}#index-banner .container{position:relative}#index-banner h4{margin-bottom:40px;line-height:44px;color:var(--font-color-main)}#index-banner h1{margin-top:16px}@media only screen and (max-width : 992.99px){#index-banner h1{margin-top:60px}#index-banner h4{margin-bottom:15px}}@media only screen and (max-width : 600.99px){#index-banner h4{margin-bottom:0}}.github-commit{color:var(--font-color-medium);border-top:1px solid var(--separator-color);padding:14px 0;height:64px;line-height:36px;font-size:.9rem}.github-commit .sha{margin:0 6px 0 6px}@media only screen and (max-width : 992.99px){.github-commit{text-align:center}}.promo{width:100%}.promo i{margin:30px 0;color:var(--secondary-color);font-size:5rem;display:block}.promo-caption{font-size:1.25rem;font-weight:500;margin-top:5px;margin-bottom:0}.grid-example{border:1px solid var(--separator-color);text-align:center;font-size:26px;background-color:#f08080;color:#fff}.grid-example span{line-height:50px}.promo-example{overflow:hidden}#site-layout-example-left{background-color:#90a4ae;height:300px}#site-layout-example-right{background-color:var(--secondary-color);height:300px}#site-layout-example-top{background-color:var(--primary-color);height:42px}.flat-text-header{height:35px;width:80%;background-color:rgba(255,255,255,.15);display:block;margin:27px auto}.flat-text{height:25px;width:80%;background-color:rgba(0,0,0,.15);display:block;margin:27px auto}.flat-text.small{width:25%;height:25px;background-color:rgba(0,0,0,.15)}.flat-text.full-width{width:100%}.browser-window{text-align:left;width:100%;height:auto;display:inline-block;border-radius:5px 5px 2px 2px;background-color:var(--background-color-level-4dp);margin:20px 0px;overflow:hidden}.browser-window .top-bar{height:30px;border-radius:5px 5px 0 0;border-top:thin solid #eaeae9;border-bottom:thin solid #dfdfde;background:-webkit-gradient(linear, left top, left bottom, from(#e7e7e6), to(#E2E2E1));background:linear-gradient(#e7e7e6, #E2E2E1)}.browser-window .circle{height:10px;width:10px;display:inline-block;border-radius:50%;background-color:#fff;margin-right:1px}#close-circle{background-color:#ff5c5a}#minimize-circle{background-color:#ffbb50}#maximize-circle{background-color:#1bc656}.browser-window .circles{margin:5px 12px}.browser-window .content{margin:0;width:100%;display:inline-block;border-radius:0 0 5px 5px;background-color:#fafafa}.browser-window .row{margin:0}.clear{clear:both}.dynamic-color .red,.dynamic-color .pink,.dynamic-color .purple,.dynamic-color .deep-purple,.dynamic-color .indigo,.dynamic-color .blue,.dynamic-color .light-blue,.dynamic-color .cyan,.dynamic-color .teal,.dynamic-color .green,.dynamic-color .light-green,.dynamic-color .lime,.dynamic-color .yellow,.dynamic-color .amber,.dynamic-color .orange,.dynamic-color .deep-orange,.dynamic-color .brown,.dynamic-color .grey,.dynamic-color .blue-grey,.dynamic-color .black,.dynamic-color .white,.dynamic-color .transparent{height:55px;width:100%;padding:0 15px;font-weight:500;font-size:12px;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-sizing:border-box;box-sizing:border-box}.dynamic-color .col{margin-bottom:55px}.center{text-align:center;vertical-align:middle}.material-icons.icon-demo{line-height:50px}.icon-container i{font-size:3em;margin-bottom:10px}.icon-container .icon-preview{height:120px;text-align:center}.icon-container span{display:block}.icon-holder{display:block;text-align:center;width:150px;height:115px;float:left;margin:0 0px 15px 0px}.icon-holder p{margin:0 0}.tabs-wrapper{position:relative;height:48px}.tabs-wrapper .row.pinned{position:fixed;width:100%;top:0;z-index:10}.shadow-demo{background-color:var(--secondary-color);width:100px;height:100px;margin:20px auto}@media only screen and (max-width: 600.99px){.shadow-demo{width:150px;height:150px}}.parallax-container .text-center{position:absolute;top:50%;left:0;right:0;margin-top:-27px}ul.table-of-contents{padding-left:0;list-style-type:none;margin-top:0;padding-top:48px;font-size:1rem;margin-left:4rem}code,pre{position:relative;font-size:1.1rem}.directory-markup{font-size:1rem;line-height:1.1rem !important}:not(pre)>code[class*=language-]{padding:.1em .25em;border:solid 1px var(--separator-color)}pre[class*=language-]{padding:25px 12px 7px 12px;border:solid 1px var(--separator-color);background:var(--background-color-slight-emphasis)}pre[class*=language-]:before{position:absolute;padding:1px 5px;background:var(--background-color-level-16dp-solid);top:0;left:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;color:var(--font-color-medium);content:attr(class);font-size:.9rem;border:solid 1px var(--separator-color);border-top:none;border-left:none}.token.operator{background:rgba(0,0,0,0)}pre[class*=language-],code[class*=language-]{line-height:1.3}code[class*=language-]{color:var(--font-color-main)}:not(pre)>code[class*=language-]{background:var(--background-color-slight-emphasis);color:var(--font-color-main)}.copyMessage,.copyButton{color:var(--font-color-medium);position:absolute}.copyMessage{font-size:14px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;opacity:0;right:45px;top:15px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.copyButton{top:10px;right:10px;cursor:pointer}.toc-wrapper{position:relative;margin-top:42px}.toc-wrapper.pin-bottom{margin-top:84px}footer{font-size:.9rem}body.parallax-demo footer{margin-top:0}.docs-footer{margin-top:40px;background-color:rgba(0,0,0,0);border-top:1px solid var(--separator-color);color:inherit}.docs-footer .footer-copyright,.docs-footer .footer-copyright a{color:var(--font-color-medium);background-color:rgba(0,0,0,0)}.image-container{width:100%}.image-container img{max-width:100%}@media only screen and (max-width : 600.99px){.mobile-image{max-width:100%}}.waves-color-demo .collection-item{height:37px;line-height:37px;-webkit-box-sizing:content-box;box-sizing:content-box}.waves-color-demo .collection-item code{line-height:37px}.waves-color-demo .btn:not(.waves-light),.waves-color-demo .btn-large:not(.waves-light),.waves-color-demo .btn-small:not(.waves-light){background-color:#fff;color:#212121}.card-panel span,.card-content p{-webkit-font-smoothing:antialiased}#images .card-panel .row{margin-bottom:0}.pushpin-demo{position:relative;height:100px}#pushpin-demo-1{display:block;height:inherit;background-color:var(--slider-track-color)}.valign-demo{height:400px;background-color:var(--slider-track-color)}.talign-demo{height:100px;background-color:var(--slider-track-color)}#staggered-test li,#image-test{opacity:0}#download-thanks{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden;max-height:300px;opacity:1;margin:1rem 0;padding:1rem}#download-thanks .header{font-size:1.75em;color:var(--primary-color);margin:0}#download-thanks.is-closed{opacity:0;max-height:0}#nav-mobile li.version{position:absolute;top:65px;left:0;right:0;font-family:"Inconsolata";text-align:center}#nav-mobile li.version .dropdown-trigger{font-family:"Inconsolata";margin:0 auto;display:inline-block;padding:0 10px;border-bottom:1px solid var(--separator-color)}#nav-mobile li.version .dropdown-trigger .caret{position:relative;top:10px;fill:var(--font-color-medium)}#version-dropdown{text-align:left}#version-dropdown li>a{padding:0 10px}#version-dropdown a{height:50px;line-height:50px}.ext-link>img{vertical-align:middle;height:24px}#nav-mobile li.search{margin:5px 0;z-index:2}#nav-mobile li.search .search-wrapper{color:var(--font-color-medium);margin-top:-1px;-webkit-transition:margin .25s ease;transition:margin .25s ease;position:relative}#nav-mobile li.search .search-wrapper input#search{background-color:rgba(0,0,0,0);border:1px solid var(--separator-color);border-radius:3px;margin:0 auto;color:var(--font-color-medium);display:block;font-size:16px;width:80%;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;height:32px}#nav-mobile li.search .search-wrapper input#search:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}#nav-mobile li.search .search-wrapper i.material-icons{position:absolute;top:4px;right:34px;color:var(--separator-color);cursor:pointer}.search-results{position:fixed;margin:0;top:65px;left:340px;z-index:9999;background-color:var(--surface-color)}@media only screen and (max-width : 992.99px){.search-results{top:65px;left:100px}}@media only screen and (max-width : 600.99px){.search-results{top:160px;left:35px}}.search-results a{font-size:12px;padding:5px;white-space:nowrap;display:block}.search-results a.focused{background-color:var(--focus-color);outline:none}.search-results a:hover{background-color:var(--hover-color);outline:none}#nav-mobile li .new.badge{background-color:var(--secondary-color);color:var(--font-on-secondary-color-main)}
\ No newline at end of file
diff --git a/docs/js/init.js b/docs/js/init.js
index 770a5fc091..57bebebcc8 100644
--- a/docs/js/init.js
+++ b/docs/js/init.js
@@ -196,6 +196,8 @@ document.addEventListener("DOMContentLoaded", function() {
});
M.Dropdown.init(document.querySelectorAll('.dropdown-trigger'), {});
+ M.Dropdown.init(document.querySelector('#dropdown-demo-left'), {alignment: 'left', constrainWidth: false});
+ M.Dropdown.init(document.querySelector('#dropdown-demo-right'), {alignment: 'right', constrainWidth: false});
M.Parallax.init(document.querySelectorAll('.parallax'), {});
@@ -218,7 +220,9 @@ document.addEventListener("DOMContentLoaded", function() {
M.Sidenav.init(document.querySelectorAll('.sidenav'), {});
- M.TapTarget.init(document.querySelectorAll('.tap-target'), {});
+ const tts = M.TapTarget.init(document.querySelectorAll('.tap-target'), {});
+ document.querySelector('#open-taptarget')?.addEventListener('click', e => tts[0].open());
+ document.querySelector('#close-taptarget')?.addEventListener('click', e => tts[0].close());
M.FormSelect.init(document.querySelectorAll('select:not(.disabled)'), {});
diff --git a/docs/js/materialize.js b/docs/js/materialize.js
index 459c8d4b61..d4d5dd9ba2 100644
--- a/docs/js/materialize.js
+++ b/docs/js/materialize.js
@@ -1,12420 +1,358 @@
-var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-/*! cash-dom 1.3.5, https://github.com/kenwheeler/cash @license MIT */
-(function (factory) {
- window.cash = factory();
-})(function () {
- var doc = document,
- win = window,
- ArrayProto = Array.prototype,
- slice = ArrayProto.slice,
- filter = ArrayProto.filter,
- push = ArrayProto.push;
-
- var noop = function () {},
- isFunction = function (item) {
- // @see https://crbug.com/568448
- return typeof item === typeof noop && item.call;
- },
- isString = function (item) {
- return typeof item === typeof "";
- };
-
- var idMatch = /^#[\w-]*$/,
- classMatch = /^\.[\w-]*$/,
- htmlMatch = /<.+>/,
- singlet = /^\w+$/;
-
- function find(selector, context) {
- context = context || doc;
- var elems = classMatch.test(selector) ? context.getElementsByClassName(selector.slice(1)) : singlet.test(selector) ? context.getElementsByTagName(selector) : context.querySelectorAll(selector);
- return elems;
- }
-
- var frag;
- function parseHTML(str) {
- if (!frag) {
- frag = doc.implementation.createHTMLDocument(null);
- var base = frag.createElement("base");
- base.href = doc.location.href;
- frag.head.appendChild(base);
- }
-
- frag.body.innerHTML = str;
-
- return frag.body.childNodes;
- }
-
- function onReady(fn) {
- if (doc.readyState !== "loading") {
- fn();
- } else {
- doc.addEventListener("DOMContentLoaded", fn);
- }
- }
-
- function Init(selector, context) {
- if (!selector) {
- return this;
- }
-
- // If already a cash collection, don't do any further processing
- if (selector.cash && selector !== win) {
- return selector;
- }
-
- var elems = selector,
- i = 0,
- length;
-
- if (isString(selector)) {
- elems = idMatch.test(selector) ?
- // If an ID use the faster getElementById check
- doc.getElementById(selector.slice(1)) : htmlMatch.test(selector) ?
- // If HTML, parse it into real elements
- parseHTML(selector) :
- // else use `find`
- find(selector, context);
-
- // If function, use as shortcut for DOM ready
- } else if (isFunction(selector)) {
- onReady(selector);return this;
- }
-
- if (!elems) {
- return this;
- }
-
- // If a single DOM element is passed in or received via ID, return the single element
- if (elems.nodeType || elems === win) {
- this[0] = elems;
- this.length = 1;
- } else {
- // Treat like an array and loop through each item.
- length = this.length = elems.length;
- for (; i < length; i++) {
- this[i] = elems[i];
- }
- }
-
- return this;
- }
-
- function cash(selector, context) {
- return new Init(selector, context);
- }
-
- var fn = cash.fn = cash.prototype = Init.prototype = { // jshint ignore:line
- cash: true,
- length: 0,
- push: push,
- splice: ArrayProto.splice,
- map: ArrayProto.map,
- init: Init
- };
-
- Object.defineProperty(fn, "constructor", { value: cash });
-
- cash.parseHTML = parseHTML;
- cash.noop = noop;
- cash.isFunction = isFunction;
- cash.isString = isString;
-
- cash.extend = fn.extend = function (target) {
- target = target || {};
-
- var args = slice.call(arguments),
- length = args.length,
- i = 1;
-
- if (args.length === 1) {
- target = this;
- i = 0;
- }
-
- for (; i < length; i++) {
- if (!args[i]) {
- continue;
- }
- for (var key in args[i]) {
- if (args[i].hasOwnProperty(key)) {
- target[key] = args[i][key];
- }
- }
- }
-
- return target;
- };
-
- function each(collection, callback) {
- var l = collection.length,
- i = 0;
-
- for (; i < l; i++) {
- if (callback.call(collection[i], collection[i], i, collection) === false) {
- break;
- }
- }
- }
-
- function matches(el, selector) {
- var m = el && (el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector || el.oMatchesSelector);
- return !!m && m.call(el, selector);
- }
-
- function getCompareFunction(selector) {
- return (
- /* Use browser's `matches` function if string */
- isString(selector) ? matches :
- /* Match a cash element */
- selector.cash ? function (el) {
- return selector.is(el);
- } :
- /* Direct comparison */
- function (el, selector) {
- return el === selector;
- }
- );
- }
-
- function unique(collection) {
- return cash(slice.call(collection).filter(function (item, index, self) {
- return self.indexOf(item) === index;
- }));
- }
-
- cash.extend({
- merge: function (first, second) {
- var len = +second.length,
- i = first.length,
- j = 0;
-
- for (; j < len; i++, j++) {
- first[i] = second[j];
- }
-
- first.length = i;
- return first;
- },
-
- each: each,
- matches: matches,
- unique: unique,
- isArray: Array.isArray,
- isNumeric: function (n) {
- return !isNaN(parseFloat(n)) && isFinite(n);
- }
-
- });
-
- var uid = cash.uid = "_cash" + Date.now();
-
- function getDataCache(node) {
- return node[uid] = node[uid] || {};
- }
-
- function setData(node, key, value) {
- return getDataCache(node)[key] = value;
- }
-
- function getData(node, key) {
- var c = getDataCache(node);
- if (c[key] === undefined) {
- c[key] = node.dataset ? node.dataset[key] : cash(node).attr("data-" + key);
- }
- return c[key];
- }
-
- function removeData(node, key) {
- var c = getDataCache(node);
- if (c) {
- delete c[key];
- } else if (node.dataset) {
- delete node.dataset[key];
- } else {
- cash(node).removeAttr("data-" + name);
- }
- }
-
- fn.extend({
- data: function (name, value) {
- if (isString(name)) {
- return value === undefined ? getData(this[0], name) : this.each(function (v) {
- return setData(v, name, value);
- });
- }
-
- for (var key in name) {
- this.data(key, name[key]);
- }
-
- return this;
- },
-
- removeData: function (key) {
- return this.each(function (v) {
- return removeData(v, key);
- });
- }
-
- });
-
- var notWhiteMatch = /\S+/g;
-
- function getClasses(c) {
- return isString(c) && c.match(notWhiteMatch);
- }
-
- function hasClass(v, c) {
- return v.classList ? v.classList.contains(c) : new RegExp("(^| )" + c + "( |$)", "gi").test(v.className);
- }
-
- function addClass(v, c, spacedName) {
- if (v.classList) {
- v.classList.add(c);
- } else if (spacedName.indexOf(" " + c + " ")) {
- v.className += " " + c;
- }
- }
-
- function removeClass(v, c) {
- if (v.classList) {
- v.classList.remove(c);
- } else {
- v.className = v.className.replace(c, "");
- }
- }
-
- fn.extend({
- addClass: function (c) {
- var classes = getClasses(c);
-
- return classes ? this.each(function (v) {
- var spacedName = " " + v.className + " ";
- each(classes, function (c) {
- addClass(v, c, spacedName);
- });
- }) : this;
- },
-
- attr: function (name, value) {
- if (!name) {
- return undefined;
- }
-
- if (isString(name)) {
- if (value === undefined) {
- return this[0] ? this[0].getAttribute ? this[0].getAttribute(name) : this[0][name] : undefined;
- }
-
- return this.each(function (v) {
- if (v.setAttribute) {
- v.setAttribute(name, value);
- } else {
- v[name] = value;
- }
- });
- }
-
- for (var key in name) {
- this.attr(key, name[key]);
- }
-
- return this;
- },
-
- hasClass: function (c) {
- var check = false,
- classes = getClasses(c);
- if (classes && classes.length) {
- this.each(function (v) {
- check = hasClass(v, classes[0]);
- return !check;
- });
- }
- return check;
- },
-
- prop: function (name, value) {
- if (isString(name)) {
- return value === undefined ? this[0][name] : this.each(function (v) {
- v[name] = value;
- });
- }
-
- for (var key in name) {
- this.prop(key, name[key]);
- }
-
- return this;
- },
-
- removeAttr: function (name) {
- return this.each(function (v) {
- if (v.removeAttribute) {
- v.removeAttribute(name);
- } else {
- delete v[name];
- }
- });
- },
-
- removeClass: function (c) {
- if (!arguments.length) {
- return this.attr("class", "");
- }
- var classes = getClasses(c);
- return classes ? this.each(function (v) {
- each(classes, function (c) {
- removeClass(v, c);
- });
- }) : this;
- },
-
- removeProp: function (name) {
- return this.each(function (v) {
- delete v[name];
- });
- },
-
- toggleClass: function (c, state) {
- if (state !== undefined) {
- return this[state ? "addClass" : "removeClass"](c);
- }
- var classes = getClasses(c);
- return classes ? this.each(function (v) {
- var spacedName = " " + v.className + " ";
- each(classes, function (c) {
- if (hasClass(v, c)) {
- removeClass(v, c);
- } else {
- addClass(v, c, spacedName);
- }
- });
- }) : this;
- } });
-
- fn.extend({
- add: function (selector, context) {
- return unique(cash.merge(this, cash(selector, context)));
- },
-
- each: function (callback) {
- each(this, callback);
- return this;
- },
-
- eq: function (index) {
- return cash(this.get(index));
- },
-
- filter: function (selector) {
- if (!selector) {
- return this;
- }
-
- var comparator = isFunction(selector) ? selector : getCompareFunction(selector);
-
- return cash(filter.call(this, function (e) {
- return comparator(e, selector);
- }));
- },
-
- first: function () {
- return this.eq(0);
- },
-
- get: function (index) {
- if (index === undefined) {
- return slice.call(this);
- }
- return index < 0 ? this[index + this.length] : this[index];
- },
-
- index: function (elem) {
- var child = elem ? cash(elem)[0] : this[0],
- collection = elem ? this : cash(child).parent().children();
- return slice.call(collection).indexOf(child);
- },
-
- last: function () {
- return this.eq(-1);
- }
-
- });
-
- var camelCase = function () {
- var camelRegex = /(?:^\w|[A-Z]|\b\w)/g,
- whiteSpace = /[\s-_]+/g;
- return function (str) {
- return str.replace(camelRegex, function (letter, index) {
- return letter[index === 0 ? "toLowerCase" : "toUpperCase"]();
- }).replace(whiteSpace, "");
- };
- }();
-
- var getPrefixedProp = function () {
- var cache = {},
- doc = document,
- div = doc.createElement("div"),
- style = div.style;
-
- return function (prop) {
- prop = camelCase(prop);
- if (cache[prop]) {
- return cache[prop];
- }
-
- var ucProp = prop.charAt(0).toUpperCase() + prop.slice(1),
- prefixes = ["webkit", "moz", "ms", "o"],
- props = (prop + " " + prefixes.join(ucProp + " ") + ucProp).split(" ");
-
- each(props, function (p) {
- if (p in style) {
- cache[p] = prop = cache[prop] = p;
- return false;
- }
- });
-
- return cache[prop];
- };
- }();
-
- cash.prefixedProp = getPrefixedProp;
- cash.camelCase = camelCase;
-
- fn.extend({
- css: function (prop, value) {
- if (isString(prop)) {
- prop = getPrefixedProp(prop);
- return arguments.length > 1 ? this.each(function (v) {
- return v.style[prop] = value;
- }) : win.getComputedStyle(this[0])[prop];
- }
-
- for (var key in prop) {
- this.css(key, prop[key]);
- }
-
- return this;
- }
-
- });
-
- function compute(el, prop) {
- return parseInt(win.getComputedStyle(el[0], null)[prop], 10) || 0;
- }
-
- each(["Width", "Height"], function (v) {
- var lower = v.toLowerCase();
-
- fn[lower] = function () {
- return this[0].getBoundingClientRect()[lower];
- };
-
- fn["inner" + v] = function () {
- return this[0]["client" + v];
- };
-
- fn["outer" + v] = function (margins) {
- return this[0]["offset" + v] + (margins ? compute(this, "margin" + (v === "Width" ? "Left" : "Top")) + compute(this, "margin" + (v === "Width" ? "Right" : "Bottom")) : 0);
- };
- });
-
- function registerEvent(node, eventName, callback) {
- var eventCache = getData(node, "_cashEvents") || setData(node, "_cashEvents", {});
- eventCache[eventName] = eventCache[eventName] || [];
- eventCache[eventName].push(callback);
- node.addEventListener(eventName, callback);
- }
-
- function removeEvent(node, eventName, callback) {
- var events = getData(node, "_cashEvents"),
- eventCache = events && events[eventName],
- index;
-
- if (!eventCache) {
- return;
- }
-
- if (callback) {
- node.removeEventListener(eventName, callback);
- index = eventCache.indexOf(callback);
- if (index >= 0) {
- eventCache.splice(index, 1);
- }
- } else {
- each(eventCache, function (event) {
- node.removeEventListener(eventName, event);
- });
- eventCache = [];
- }
- }
-
- fn.extend({
- off: function (eventName, callback) {
- return this.each(function (v) {
- return removeEvent(v, eventName, callback);
- });
- },
-
- on: function (eventName, delegate, callback, runOnce) {
- // jshint ignore:line
- var originalCallback;
- if (!isString(eventName)) {
- for (var key in eventName) {
- this.on(key, delegate, eventName[key]);
- }
- return this;
- }
-
- if (isFunction(delegate)) {
- callback = delegate;
- delegate = null;
- }
-
- if (eventName === "ready") {
- onReady(callback);
- return this;
- }
-
- if (delegate) {
- originalCallback = callback;
- callback = function (e) {
- var t = e.target;
- while (!matches(t, delegate)) {
- if (t === this || t === null) {
- return t = false;
- }
-
- t = t.parentNode;
- }
-
- if (t) {
- originalCallback.call(t, e);
- }
- };
- }
-
- return this.each(function (v) {
- var finalCallback = callback;
- if (runOnce) {
- finalCallback = function () {
- callback.apply(this, arguments);
- removeEvent(v, eventName, finalCallback);
- };
- }
- registerEvent(v, eventName, finalCallback);
- });
- },
-
- one: function (eventName, delegate, callback) {
- return this.on(eventName, delegate, callback, true);
- },
-
- ready: onReady,
-
- /**
- * Modified
- * Triggers browser event
- * @param String eventName
- * @param Object data - Add properties to event object
- */
- trigger: function (eventName, data) {
- if (document.createEvent) {
- var evt = document.createEvent('HTMLEvents');
- evt.initEvent(eventName, true, false);
- evt = this.extend(evt, data);
- return this.each(function (v) {
- return v.dispatchEvent(evt);
- });
- }
- }
-
- });
-
- function encode(name, value) {
- return "&" + encodeURIComponent(name) + "=" + encodeURIComponent(value).replace(/%20/g, "+");
- }
-
- function getSelectMultiple_(el) {
- var values = [];
- each(el.options, function (o) {
- if (o.selected) {
- values.push(o.value);
- }
- });
- return values.length ? values : null;
- }
-
- function getSelectSingle_(el) {
- var selectedIndex = el.selectedIndex;
- return selectedIndex >= 0 ? el.options[selectedIndex].value : null;
- }
-
- function getValue(el) {
- var type = el.type;
- if (!type) {
- return null;
- }
- switch (type.toLowerCase()) {
- case "select-one":
- return getSelectSingle_(el);
- case "select-multiple":
- return getSelectMultiple_(el);
- case "radio":
- return el.checked ? el.value : null;
- case "checkbox":
- return el.checked ? el.value : null;
- default:
- return el.value ? el.value : null;
- }
- }
-
- fn.extend({
- serialize: function () {
- var query = "";
-
- each(this[0].elements || this, function (el) {
- if (el.disabled || el.tagName === "FIELDSET") {
- return;
- }
- var name = el.name;
- switch (el.type.toLowerCase()) {
- case "file":
- case "reset":
- case "submit":
- case "button":
- break;
- case "select-multiple":
- var values = getValue(el);
- if (values !== null) {
- each(values, function (value) {
- query += encode(name, value);
- });
- }
- break;
- default:
- var value = getValue(el);
- if (value !== null) {
- query += encode(name, value);
- }
- }
- });
-
- return query.substr(1);
- },
-
- val: function (value) {
- if (value === undefined) {
- return getValue(this[0]);
- }
-
- return this.each(function (v) {
- return v.value = value;
- });
- }
-
- });
-
- function insertElement(el, child, prepend) {
- if (prepend) {
- var first = el.childNodes[0];
- el.insertBefore(child, first);
- } else {
- el.appendChild(child);
- }
- }
-
- function insertContent(parent, child, prepend) {
- var str = isString(child);
-
- if (!str && child.length) {
- each(child, function (v) {
- return insertContent(parent, v, prepend);
- });
- return;
- }
-
- each(parent, str ? function (v) {
- return v.insertAdjacentHTML(prepend ? "afterbegin" : "beforeend", child);
- } : function (v, i) {
- return insertElement(v, i === 0 ? child : child.cloneNode(true), prepend);
- });
- }
-
- fn.extend({
- after: function (selector) {
- cash(selector).insertAfter(this);
- return this;
- },
-
- append: function (content) {
- insertContent(this, content);
- return this;
- },
-
- appendTo: function (parent) {
- insertContent(cash(parent), this);
- return this;
- },
-
- before: function (selector) {
- cash(selector).insertBefore(this);
- return this;
- },
-
- clone: function () {
- return cash(this.map(function (v) {
- return v.cloneNode(true);
- }));
- },
-
- empty: function () {
- this.html("");
- return this;
- },
-
- html: function (content) {
- if (content === undefined) {
- return this[0].innerHTML;
- }
- var source = content.nodeType ? content[0].outerHTML : content;
- return this.each(function (v) {
- return v.innerHTML = source;
- });
- },
-
- insertAfter: function (selector) {
- var _this = this;
-
- cash(selector).each(function (el, i) {
- var parent = el.parentNode,
- sibling = el.nextSibling;
- _this.each(function (v) {
- parent.insertBefore(i === 0 ? v : v.cloneNode(true), sibling);
- });
- });
-
- return this;
- },
-
- insertBefore: function (selector) {
- var _this2 = this;
- cash(selector).each(function (el, i) {
- var parent = el.parentNode;
- _this2.each(function (v) {
- parent.insertBefore(i === 0 ? v : v.cloneNode(true), el);
- });
- });
- return this;
- },
-
- prepend: function (content) {
- insertContent(this, content, true);
- return this;
- },
-
- prependTo: function (parent) {
- insertContent(cash(parent), this, true);
- return this;
- },
-
- remove: function () {
- return this.each(function (v) {
- if (!!v.parentNode) {
- return v.parentNode.removeChild(v);
- }
- });
- },
-
- text: function (content) {
- if (content === undefined) {
- return this[0].textContent;
- }
- return this.each(function (v) {
- return v.textContent = content;
- });
- }
-
- });
-
- var docEl = doc.documentElement;
-
- fn.extend({
- position: function () {
- var el = this[0];
- return {
- left: el.offsetLeft,
- top: el.offsetTop
- };
- },
-
- offset: function () {
- var rect = this[0].getBoundingClientRect();
- return {
- top: rect.top + win.pageYOffset - docEl.clientTop,
- left: rect.left + win.pageXOffset - docEl.clientLeft
- };
- },
-
- offsetParent: function () {
- return cash(this[0].offsetParent);
- }
-
- });
-
- fn.extend({
- children: function (selector) {
- var elems = [];
- this.each(function (el) {
- push.apply(elems, el.children);
- });
- elems = unique(elems);
-
- return !selector ? elems : elems.filter(function (v) {
- return matches(v, selector);
- });
- },
-
- closest: function (selector) {
- if (!selector || this.length < 1) {
- return cash();
- }
- if (this.is(selector)) {
- return this.filter(selector);
- }
- return this.parent().closest(selector);
- },
-
- is: function (selector) {
- if (!selector) {
- return false;
- }
-
- var match = false,
- comparator = getCompareFunction(selector);
-
- this.each(function (el) {
- match = comparator(el, selector);
- return !match;
- });
-
- return match;
- },
-
- find: function (selector) {
- if (!selector || selector.nodeType) {
- return cash(selector && this.has(selector).length ? selector : null);
- }
-
- var elems = [];
- this.each(function (el) {
- push.apply(elems, find(selector, el));
- });
-
- return unique(elems);
- },
-
- has: function (selector) {
- var comparator = isString(selector) ? function (el) {
- return find(selector, el).length !== 0;
- } : function (el) {
- return el.contains(selector);
- };
-
- return this.filter(comparator);
- },
-
- next: function () {
- return cash(this[0].nextElementSibling);
- },
-
- not: function (selector) {
- if (!selector) {
- return this;
- }
-
- var comparator = getCompareFunction(selector);
-
- return this.filter(function (el) {
- return !comparator(el, selector);
- });
- },
-
- parent: function () {
- var result = [];
-
- this.each(function (item) {
- if (item && item.parentNode) {
- result.push(item.parentNode);
- }
- });
-
- return unique(result);
- },
-
- parents: function (selector) {
- var last,
- result = [];
-
- this.each(function (item) {
- last = item;
-
- while (last && last.parentNode && last !== doc.body.parentNode) {
- last = last.parentNode;
-
- if (!selector || selector && matches(last, selector)) {
- result.push(last);
- }
- }
- });
-
- return unique(result);
- },
-
- prev: function () {
- return cash(this[0].previousElementSibling);
- },
-
- siblings: function (selector) {
- var collection = this.parent().children(selector),
- el = this[0];
-
- return collection.filter(function (i) {
- return i !== el;
- });
- }
-
- });
-
- return cash;
-});
-; /*!
- * Waves v0.7.6
- * http://fian.my.id/Waves
- *
- * Copyright 2014-2018 Alfiana E. Sibuea and other contributors
- * Released under the MIT license
- * https://github.com/fians/Waves/blob/master/LICENSE
- */
-
-;(function (window, factory) {
- 'use strict';
-
- // AMD. Register as an anonymous module. Wrap in function so we have access
- // to root via `this`.
-
- if (typeof define === 'function' && define.amd) {
- define([], function () {
- window.Waves = factory.call(window);
- document.addEventListener('DOMContentLoaded', function () {
- window.Waves.init();
- }, false);
- return window.Waves;
- });
- }
-
- // Node. Does not work with strict CommonJS, but only CommonJS-like
- // environments that support module.exports, like Node.
- else if (typeof exports === 'object') {
- module.exports = factory.call(window);
- }
-
- // Browser globals.
- else {
- window.Waves = factory.call(window);
- document.addEventListener('DOMContentLoaded', function () {
- window.Waves.init();
- }, false);
- }
-})(typeof global === 'object' ? global : this, function () {
- 'use strict';
-
- var Waves = Waves || {};
- var $$ = document.querySelectorAll.bind(document);
- var toString = Object.prototype.toString;
- var isTouchAvailable = 'ontouchstart' in window;
-
- /* Feature detection */
- var passiveIfSupported = false;
- try {
- window.addEventListener("test", null, Object.defineProperty({}, "passive", {
- get: function () {
- passiveIfSupported = { passive: false };
- }
- }));
- } catch (err) {}
-
- // Find exact position of element
- function isWindow(obj) {
- return obj !== null && obj === obj.window;
- }
-
- function getWindow(elem) {
- return isWindow(elem) ? elem : elem.nodeType === 9 && elem.defaultView;
- }
-
- function isObject(value) {
- var type = typeof value;
- return type === 'function' || type === 'object' && !!value;
- }
-
- function isDOMNode(obj) {
- return isObject(obj) && obj.nodeType > 0;
- }
-
- function getWavesElements(nodes) {
- var stringRepr = toString.call(nodes);
-
- if (stringRepr === '[object String]') {
- return $$(nodes);
- } else if (isObject(nodes) && /^\[object (Array|HTMLCollection|NodeList|Object)\]$/.test(stringRepr) && nodes.hasOwnProperty('length')) {
- return nodes;
- } else if (isDOMNode(nodes)) {
- return [nodes];
- }
-
- return [];
- }
-
- function offset(elem) {
- var docElem,
- win,
- box = { top: 0, left: 0 },
- doc = elem && elem.ownerDocument;
-
- docElem = doc.documentElement;
-
- if (typeof elem.getBoundingClientRect !== typeof undefined) {
- box = elem.getBoundingClientRect();
- }
- win = getWindow(doc);
- return {
- top: box.top + win.pageYOffset - docElem.clientTop,
- left: box.left + win.pageXOffset - docElem.clientLeft
- };
- }
-
- function convertStyle(styleObj) {
- var style = '';
-
- for (var prop in styleObj) {
- if (styleObj.hasOwnProperty(prop)) {
- style += prop + ':' + styleObj[prop] + ';';
- }
- }
-
- return style;
- }
-
- var Effect = {
-
- // Effect duration
- duration: 750,
-
- // Effect delay (check for scroll before showing effect)
- delay: 200,
-
- show: function (e, element, velocity) {
-
- // Disable right click
- if (e.button === 2) {
- return false;
- }
-
- element = element || this;
-
- // Create ripple
- var ripple = document.createElement('div');
- ripple.className = 'waves-ripple waves-rippling';
- element.appendChild(ripple);
-
- // Get click coordinate and element width
- var pos = offset(element);
- var relativeY = 0;
- var relativeX = 0;
- // Support for touch devices
- if ('touches' in e && e.touches.length) {
- relativeY = e.touches[0].pageY - pos.top;
- relativeX = e.touches[0].pageX - pos.left;
- }
- //Normal case
- else {
- relativeY = e.pageY - pos.top;
- relativeX = e.pageX - pos.left;
- }
- // Support for synthetic events
- relativeX = relativeX >= 0 ? relativeX : 0;
- relativeY = relativeY >= 0 ? relativeY : 0;
-
- var scale = 'scale(' + element.clientWidth / 100 * 3 + ')';
- var translate = 'translate(0,0)';
-
- if (velocity) {
- translate = 'translate(' + velocity.x + 'px, ' + velocity.y + 'px)';
- }
-
- // Attach data to element
- ripple.setAttribute('data-hold', Date.now());
- ripple.setAttribute('data-x', relativeX);
- ripple.setAttribute('data-y', relativeY);
- ripple.setAttribute('data-scale', scale);
- ripple.setAttribute('data-translate', translate);
-
- // Set ripple position
- var rippleStyle = {
- top: relativeY + 'px',
- left: relativeX + 'px'
- };
-
- ripple.classList.add('waves-notransition');
- ripple.setAttribute('style', convertStyle(rippleStyle));
- ripple.classList.remove('waves-notransition');
-
- // Scale the ripple
- rippleStyle['-webkit-transform'] = scale + ' ' + translate;
- rippleStyle['-moz-transform'] = scale + ' ' + translate;
- rippleStyle['-ms-transform'] = scale + ' ' + translate;
- rippleStyle['-o-transform'] = scale + ' ' + translate;
- rippleStyle.transform = scale + ' ' + translate;
- rippleStyle.opacity = '1';
-
- var duration = e.type === 'mousemove' ? 2500 : Effect.duration;
- rippleStyle['-webkit-transition-duration'] = duration + 'ms';
- rippleStyle['-moz-transition-duration'] = duration + 'ms';
- rippleStyle['-o-transition-duration'] = duration + 'ms';
- rippleStyle['transition-duration'] = duration + 'ms';
-
- ripple.setAttribute('style', convertStyle(rippleStyle));
- },
-
- hide: function (e, element) {
- element = element || this;
-
- var ripples = element.getElementsByClassName('waves-rippling');
-
- for (var i = 0, len = ripples.length; i < len; i++) {
- removeRipple(e, element, ripples[i]);
- }
-
- if (isTouchAvailable) {
- element.removeEventListener('touchend', Effect.hide);
- element.removeEventListener('touchcancel', Effect.hide);
- }
-
- element.removeEventListener('mouseup', Effect.hide);
- element.removeEventListener('mouseleave', Effect.hide);
- }
- };
-
- /**
- * Collection of wrapper for HTML element that only have single tag
- * like and
- */
- var TagWrapper = {
-
- // Wrap tag so it can perform the effect
- input: function (element) {
-
- var parent = element.parentNode;
-
- // If input already have parent just pass through
- if (parent.tagName.toLowerCase() === 'i' && parent.classList.contains('waves-effect')) {
- return;
- }
-
- // Put element class and style to the specified parent
- var wrapper = document.createElement('i');
- wrapper.className = element.className + ' waves-input-wrapper';
- element.className = 'waves-button-input';
-
- // Put element as child
- parent.replaceChild(wrapper, element);
- wrapper.appendChild(element);
-
- // Apply element color and background color to wrapper
- var elementStyle = window.getComputedStyle(element, null);
- var color = elementStyle.color;
- var backgroundColor = elementStyle.backgroundColor;
-
- wrapper.setAttribute('style', 'color:' + color + ';background:' + backgroundColor);
- element.setAttribute('style', 'background-color:rgba(0,0,0,0);');
- },
-
- // Wrap tag so it can perform the effect
- img: function (element) {
-
- var parent = element.parentNode;
-
- // If input already have parent just pass through
- if (parent.tagName.toLowerCase() === 'i' && parent.classList.contains('waves-effect')) {
- return;
- }
-
- // Put element as child
- var wrapper = document.createElement('i');
- parent.replaceChild(wrapper, element);
- wrapper.appendChild(element);
- }
- };
-
- /**
- * Hide the effect and remove the ripple. Must be
- * a separate function to pass the JSLint...
- */
- function removeRipple(e, el, ripple) {
-
- // Check if the ripple still exist
- if (!ripple) {
- return;
- }
-
- ripple.classList.remove('waves-rippling');
-
- var relativeX = ripple.getAttribute('data-x');
- var relativeY = ripple.getAttribute('data-y');
- var scale = ripple.getAttribute('data-scale');
- var translate = ripple.getAttribute('data-translate');
-
- // Get delay beetween mousedown and mouse leave
- var diff = Date.now() - Number(ripple.getAttribute('data-hold'));
- var delay = 350 - diff;
-
- if (delay < 0) {
- delay = 0;
- }
-
- if (e.type === 'mousemove') {
- delay = 150;
- }
-
- // Fade out ripple after delay
- var duration = e.type === 'mousemove' ? 2500 : Effect.duration;
-
- setTimeout(function () {
-
- var style = {
- top: relativeY + 'px',
- left: relativeX + 'px',
- opacity: '0',
-
- // Duration
- '-webkit-transition-duration': duration + 'ms',
- '-moz-transition-duration': duration + 'ms',
- '-o-transition-duration': duration + 'ms',
- 'transition-duration': duration + 'ms',
- '-webkit-transform': scale + ' ' + translate,
- '-moz-transform': scale + ' ' + translate,
- '-ms-transform': scale + ' ' + translate,
- '-o-transform': scale + ' ' + translate,
- 'transform': scale + ' ' + translate
- };
-
- ripple.setAttribute('style', convertStyle(style));
-
- setTimeout(function () {
- try {
- el.removeChild(ripple);
- } catch (e) {
- return false;
- }
- }, duration);
- }, delay);
- }
-
- /**
- * Disable mousedown event for 500ms during and after touch
- */
- var TouchHandler = {
-
- /* uses an integer rather than bool so there's no issues with
- * needing to clear timeouts if another touch event occurred
- * within the 500ms. Cannot mouseup between touchstart and
- * touchend, nor in the 500ms after touchend. */
- touches: 0,
-
- allowEvent: function (e) {
-
- var allow = true;
-
- if (/^(mousedown|mousemove)$/.test(e.type) && TouchHandler.touches) {
- allow = false;
- }
-
- return allow;
- },
- registerEvent: function (e) {
- var eType = e.type;
-
- if (eType === 'touchstart') {
-
- TouchHandler.touches += 1; // push
- } else if (/^(touchend|touchcancel)$/.test(eType)) {
-
- setTimeout(function () {
- if (TouchHandler.touches) {
- TouchHandler.touches -= 1; // pop after 500ms
- }
- }, 500);
- }
- }
- };
-
- /**
- * Delegated click handler for .waves-effect element.
- * returns null when .waves-effect element not in "click tree"
- */
- function getWavesEffectElement(e) {
-
- if (TouchHandler.allowEvent(e) === false) {
- return null;
- }
-
- var element = null;
- var target = e.target || e.srcElement;
-
- while (target.parentElement) {
- if (!(target instanceof SVGElement) && target.classList.contains('waves-effect')) {
- element = target;
- break;
- }
- target = target.parentElement;
- }
-
- return element;
- }
-
- /**
- * Bubble the click and show effect if .waves-effect elem was found
- */
- function showEffect(e) {
-
- // Disable effect if element has "disabled" property on it
- // In some cases, the event is not triggered by the current element
- // if (e.target.getAttribute('disabled') !== null) {
- // return;
- // }
-
- var element = getWavesEffectElement(e);
-
- if (element !== null) {
-
- // Make it sure the element has either disabled property, disabled attribute or 'disabled' class
- if (element.disabled || element.getAttribute('disabled') || element.classList.contains('disabled')) {
- return;
- }
-
- TouchHandler.registerEvent(e);
-
- if (e.type === 'touchstart' && Effect.delay) {
-
- var hidden = false;
-
- var timer = setTimeout(function () {
- timer = null;
- Effect.show(e, element);
- }, Effect.delay);
-
- var hideEffect = function (hideEvent) {
-
- // if touch hasn't moved, and effect not yet started: start effect now
- if (timer) {
- clearTimeout(timer);
- timer = null;
- Effect.show(e, element);
- }
- if (!hidden) {
- hidden = true;
- Effect.hide(hideEvent, element);
- }
-
- removeListeners();
- };
-
- var touchMove = function (moveEvent) {
- if (timer) {
- clearTimeout(timer);
- timer = null;
- }
- hideEffect(moveEvent);
-
- removeListeners();
- };
-
- element.addEventListener('touchmove', touchMove, passiveIfSupported);
- element.addEventListener('touchend', hideEffect, passiveIfSupported);
- element.addEventListener('touchcancel', hideEffect, passiveIfSupported);
-
- var removeListeners = function () {
- element.removeEventListener('touchmove', touchMove);
- element.removeEventListener('touchend', hideEffect);
- element.removeEventListener('touchcancel', hideEffect);
- };
- } else {
-
- Effect.show(e, element);
-
- if (isTouchAvailable) {
- element.addEventListener('touchend', Effect.hide, passiveIfSupported);
- element.addEventListener('touchcancel', Effect.hide, passiveIfSupported);
- }
-
- element.addEventListener('mouseup', Effect.hide, passiveIfSupported);
- element.addEventListener('mouseleave', Effect.hide, passiveIfSupported);
- }
- }
- }
-
- Waves.init = function (options) {
- var body = document.body;
-
- options = options || {};
-
- if ('duration' in options) {
- Effect.duration = options.duration;
- }
-
- if ('delay' in options) {
- Effect.delay = options.delay;
- }
-
- if (isTouchAvailable) {
- body.addEventListener('touchstart', showEffect, passiveIfSupported);
- body.addEventListener('touchcancel', TouchHandler.registerEvent, passiveIfSupported);
- body.addEventListener('touchend', TouchHandler.registerEvent, passiveIfSupported);
- }
-
- body.addEventListener('mousedown', showEffect, passiveIfSupported);
- };
-
- /**
- * Attach Waves to dynamically loaded inputs, or add .waves-effect and other
- * waves classes to a set of elements. Set drag to true if the ripple mouseover
- * or skimming effect should be applied to the elements.
- */
- Waves.attach = function (elements, classes) {
-
- elements = getWavesElements(elements);
-
- if (toString.call(classes) === '[object Array]') {
- classes = classes.join(' ');
- }
-
- classes = classes ? ' ' + classes : '';
-
- var element, tagName;
-
- for (var i = 0, len = elements.length; i < len; i++) {
-
- element = elements[i];
- tagName = element.tagName.toLowerCase();
-
- if (['input', 'img'].indexOf(tagName) !== -1) {
- TagWrapper[tagName](element);
- element = element.parentElement;
- }
-
- if (element.className.indexOf('waves-effect') === -1) {
- element.className += ' waves-effect' + classes;
- }
- }
- };
-
- /**
- * Cause a ripple to appear in an element via code.
- */
- Waves.ripple = function (elements, options) {
- elements = getWavesElements(elements);
- var elementsLen = elements.length;
-
- options = options || {};
- options.wait = options.wait || 0;
- options.position = options.position || null; // default = centre of element
-
-
- if (elementsLen) {
- var element,
- pos,
- off,
- centre = {},
- i = 0;
- var mousedown = {
- type: 'mousedown',
- button: 1
- };
- var hideRipple = function (mouseup, element) {
- return function () {
- Effect.hide(mouseup, element);
- };
- };
-
- for (; i < elementsLen; i++) {
- element = elements[i];
- pos = options.position || {
- x: element.clientWidth / 2,
- y: element.clientHeight / 2
- };
-
- off = offset(element);
- centre.x = off.left + pos.x;
- centre.y = off.top + pos.y;
-
- mousedown.pageX = centre.x;
- mousedown.pageY = centre.y;
-
- Effect.show(mousedown, element);
-
- if (options.wait >= 0 && options.wait !== null) {
- var mouseup = {
- type: 'mouseup',
- button: 1
- };
-
- setTimeout(hideRipple(mouseup, element), options.wait);
- }
- }
- }
- };
-
- /**
- * Remove all ripples from an element.
- */
- Waves.calm = function (elements) {
- elements = getWavesElements(elements);
- var mouseup = {
- type: 'mouseup',
- button: 1
- };
-
- for (var i = 0, len = elements.length; i < len; i++) {
- Effect.hide(mouseup, elements[i]);
- }
- };
-
- /**
- * Deprecated API fallback
- */
- Waves.displayEffect = function (options) {
- console.error('Waves.displayEffect() has been deprecated and will be removed in future version. Please use Waves.init() to initialize Waves effect');
- Waves.init(options);
- };
-
- return Waves;
-});;
-var Component = function () {
- /**
- * Generic constructor for all components
- * @constructor
- * @param {Element} el
- * @param {Object} options
- */
- function Component(classDef, el, options) {
- _classCallCheck(this, Component);
-
- // Display error if el is valid HTML Element
- if (!(el instanceof Element)) {
- console.error(Error(el + ' is not an HTML Element'));
- }
-
- // If exists, destroy and reinitialize in child
- var ins = classDef.getInstance(el);
- if (!!ins) {
- ins.destroy();
- }
-
- this.el = el;
- this.$el = cash(el);
- }
-
- /**
- * Initializes components
- * @param {class} classDef
- * @param {Element | NodeList | jQuery} els
- * @param {Object} options
- */
-
-
- _createClass(Component, null, [{
- key: "init",
- value: function init(classDef, els, options) {
- var instances = null;
- if (els instanceof Element) {
- instances = new classDef(els, options);
- } else if (!!els && (els.jquery || els.cash || els instanceof NodeList)) {
- var instancesArr = [];
- for (var i = 0; i < els.length; i++) {
- instancesArr.push(new classDef(els[i], options));
- }
- instances = instancesArr;
- }
-
- return instances;
- }
- }]);
-
- return Component;
-}();
-
-; // Required for Meteor package, the use of window prevents export by Meteor
-(function (window) {
- if (window.Package) {
- M = {};
- } else {
- window.M = {};
- }
-
- // Check for jQuery
- M.jQueryLoaded = !!window.jQuery;
-})(window);
-
-// AMD
-if (typeof define === 'function' && define.amd) {
- define('M', [], function () {
- return M;
- });
-
- // Common JS
-} else if (typeof exports !== 'undefined' && !exports.nodeType) {
- if (typeof module !== 'undefined' && !module.nodeType && module.exports) {
- exports = module.exports = M;
- }
- exports.default = M;
-}
-
-M.version = '1.2.2';
-
-M.keys = {
- TAB: 9,
- ENTER: 13,
- ESC: 27,
- ARROW_UP: 38,
- ARROW_DOWN: 40
-};
-
-/**
- * TabPress Keydown handler
- */
-M.tabPressed = false;
-M.keyDown = false;
-var docHandleKeydown = function (e) {
- M.keyDown = true;
- if (e.which === M.keys.TAB || e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) {
- M.tabPressed = true;
- }
-};
-var docHandleKeyup = function (e) {
- M.keyDown = false;
- if (e.which === M.keys.TAB || e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) {
- M.tabPressed = false;
- }
-};
-var docHandleFocus = function (e) {
- if (M.keyDown) {
- document.body.classList.add('keyboard-focused');
- }
-};
-var docHandleBlur = function (e) {
- document.body.classList.remove('keyboard-focused');
-};
-document.addEventListener('keydown', docHandleKeydown, true);
-document.addEventListener('keyup', docHandleKeyup, true);
-document.addEventListener('focus', docHandleFocus, true);
-document.addEventListener('blur', docHandleBlur, true);
-
-/**
- * Initialize jQuery wrapper for plugin
- * @param {Class} plugin javascript class
- * @param {string} pluginName jQuery plugin name
- * @param {string} classRef Class reference name
- */
-M.initializeJqueryWrapper = function (plugin, pluginName, classRef) {
- jQuery.fn[pluginName] = function (methodOrOptions) {
- // Call plugin method if valid method name is passed in
- if (plugin.prototype[methodOrOptions]) {
- var params = Array.prototype.slice.call(arguments, 1);
-
- // Getter methods
- if (methodOrOptions.slice(0, 3) === 'get') {
- var instance = this.first()[0][classRef];
- return instance[methodOrOptions].apply(instance, params);
- }
-
- // Void methods
- return this.each(function () {
- var instance = this[classRef];
- instance[methodOrOptions].apply(instance, params);
- });
-
- // Initialize plugin if options or no argument is passed in
- } else if (typeof methodOrOptions === 'object' || !methodOrOptions) {
- plugin.init(this, arguments[0]);
- return this;
- }
-
- // Return error if an unrecognized method name is passed in
- jQuery.error("Method " + methodOrOptions + " does not exist on jQuery." + pluginName);
- };
-};
-
-/**
- * Automatically initialize components
- * @param {Element} context DOM Element to search within for components
- */
-M.AutoInit = function (context) {
- // Use document.body if no context is given
- var root = !!context ? context : document.body;
-
- var registry = {
- Autocomplete: root.querySelectorAll('.autocomplete:not(.no-autoinit)'),
- Carousel: root.querySelectorAll('.carousel:not(.no-autoinit)'),
- Chips: root.querySelectorAll('.chips:not(.no-autoinit)'),
- Collapsible: root.querySelectorAll('.collapsible:not(.no-autoinit)'),
- Datepicker: root.querySelectorAll('.datepicker:not(.no-autoinit)'),
- Dropdown: root.querySelectorAll('.dropdown-trigger:not(.no-autoinit)'),
- Materialbox: root.querySelectorAll('.materialboxed:not(.no-autoinit)'),
- Modal: root.querySelectorAll('.modal:not(.no-autoinit)'),
- Parallax: root.querySelectorAll('.parallax:not(.no-autoinit)'),
- Pushpin: root.querySelectorAll('.pushpin:not(.no-autoinit)'),
- ScrollSpy: root.querySelectorAll('.scrollspy:not(.no-autoinit)'),
- FormSelect: root.querySelectorAll('select:not(.no-autoinit)'),
- Sidenav: root.querySelectorAll('.sidenav:not(.no-autoinit)'),
- Tabs: root.querySelectorAll('.tabs:not(.no-autoinit)'),
- TapTarget: root.querySelectorAll('.tap-target:not(.no-autoinit)'),
- Timepicker: root.querySelectorAll('.timepicker:not(.no-autoinit)'),
- Tooltip: root.querySelectorAll('.tooltipped:not(.no-autoinit)'),
- FloatingActionButton: root.querySelectorAll('.fixed-action-btn:not(.no-autoinit)')
- };
-
- for (var pluginName in registry) {
- var plugin = M[pluginName];
- plugin.init(registry[pluginName]);
- }
-};
-
-/**
- * Generate approximated selector string for a jQuery object
- * @param {jQuery} obj jQuery object to be parsed
- * @returns {string}
- */
-M.objectSelectorString = function (obj) {
- var tagStr = obj.prop('tagName') || '';
- var idStr = obj.attr('id') || '';
- var classStr = obj.attr('class') || '';
- return (tagStr + idStr + classStr).replace(/\s/g, '');
-};
-
-// Unique Random ID
-M.guid = function () {
- function s4() {
- return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
- }
- return function () {
- return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
- };
-}();
-
-/**
- * @typedef {Object} Edges
- * @property {Boolean} top If the top edge was exceeded
- * @property {Boolean} right If the right edge was exceeded
- * @property {Boolean} bottom If the bottom edge was exceeded
- * @property {Boolean} left If the left edge was exceeded
- */
-
-/**
- * @typedef {Object} Bounding
- * @property {Number} left left offset coordinate
- * @property {Number} top top offset coordinate
- * @property {Number} width
- * @property {Number} height
- */
-
-/**
- * Escapes hash from special characters
- * @param {Element} container Container element that acts as the boundary
- * @param {Bounding} bounding element bounding that is being checked
- * @param {Number} offset offset from edge that counts as exceeding
- * @returns {Edges}
- */
-M.checkWithinContainer = function (container, bounding, offset) {
- var edges = {
- top: false,
- right: false,
- bottom: false,
- left: false
- };
-
- var containerRect = container.getBoundingClientRect();
- // If body element is smaller than viewport, use viewport height instead.
- var containerBottom = container === document.body ? Math.max(containerRect.bottom, window.innerHeight) : containerRect.bottom;
-
- var scrollLeft = container.scrollLeft;
- var scrollTop = container.scrollTop;
-
- var scrolledX = bounding.left - scrollLeft;
- var scrolledY = bounding.top - scrollTop;
-
- // Check for container and viewport for each edge
- if (scrolledX < containerRect.left + offset || scrolledX < offset) {
- edges.left = true;
- }
-
- if (scrolledX + bounding.width > containerRect.right - offset || scrolledX + bounding.width > window.innerWidth - offset) {
- edges.right = true;
- }
-
- if (scrolledY < containerRect.top + offset || scrolledY < offset) {
- edges.top = true;
- }
-
- if (scrolledY + bounding.height > containerBottom - offset || scrolledY + bounding.height > window.innerHeight - offset) {
- edges.bottom = true;
- }
-
- return edges;
-};
-
-M.checkPossibleAlignments = function (el, container, bounding, offset) {
- var canAlign = {
- top: true,
- right: true,
- bottom: true,
- left: true,
- spaceOnTop: null,
- spaceOnRight: null,
- spaceOnBottom: null,
- spaceOnLeft: null
- };
-
- var containerAllowsOverflow = getComputedStyle(container).overflow === 'visible';
- var containerRect = container.getBoundingClientRect();
- var containerHeight = Math.min(containerRect.height, window.innerHeight);
- var containerWidth = Math.min(containerRect.width, window.innerWidth);
- var elOffsetRect = el.getBoundingClientRect();
-
- var scrollLeft = container.scrollLeft;
- var scrollTop = container.scrollTop;
-
- var scrolledX = bounding.left - scrollLeft;
- var scrolledYTopEdge = bounding.top - scrollTop;
- var scrolledYBottomEdge = bounding.top + elOffsetRect.height - scrollTop;
-
- // Check for container and viewport for left
- canAlign.spaceOnRight = !containerAllowsOverflow ? containerWidth - (scrolledX + bounding.width) : window.innerWidth - (elOffsetRect.left + bounding.width);
- if (canAlign.spaceOnRight < 0) {
- canAlign.left = false;
- }
-
- // Check for container and viewport for Right
- canAlign.spaceOnLeft = !containerAllowsOverflow ? scrolledX - bounding.width + elOffsetRect.width : elOffsetRect.right - bounding.width;
- if (canAlign.spaceOnLeft < 0) {
- canAlign.right = false;
- }
-
- // Check for container and viewport for Top
- canAlign.spaceOnBottom = !containerAllowsOverflow ? containerHeight - (scrolledYTopEdge + bounding.height + offset) : window.innerHeight - (elOffsetRect.top + bounding.height + offset);
- if (canAlign.spaceOnBottom < 0) {
- canAlign.top = false;
- }
-
- // Check for container and viewport for Bottom
- canAlign.spaceOnTop = !containerAllowsOverflow ? scrolledYBottomEdge - (bounding.height - offset) : elOffsetRect.bottom - (bounding.height + offset);
- if (canAlign.spaceOnTop < 0) {
- canAlign.bottom = false;
- }
-
- return canAlign;
-};
-
-M.getOverflowParent = function (element) {
- if (element == null) {
- return null;
- }
-
- if (element === document.body || getComputedStyle(element).overflow !== 'visible') {
- return element;
- }
-
- return M.getOverflowParent(element.parentElement);
-};
-
-/**
- * Gets id of component from a trigger
- * @param {Element} trigger trigger
- * @returns {string}
- */
-M.getIdFromTrigger = function (trigger) {
- var id = trigger.getAttribute('data-target');
- if (!id) {
- id = trigger.getAttribute('href');
- if (id) {
- id = id.slice(1);
- } else {
- id = '';
- }
- }
- return id;
-};
-
-/**
- * Multi browser support for document scroll top
- * @returns {Number}
- */
-M.getDocumentScrollTop = function () {
- return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
-};
-
-/**
- * Multi browser support for document scroll left
- * @returns {Number}
- */
-M.getDocumentScrollLeft = function () {
- return window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
-};
-
-/**
- * @typedef {Object} Edges
- * @property {Boolean} top If the top edge was exceeded
- * @property {Boolean} right If the right edge was exceeded
- * @property {Boolean} bottom If the bottom edge was exceeded
- * @property {Boolean} left If the left edge was exceeded
- */
-
-/**
- * @typedef {Object} Bounding
- * @property {Number} left left offset coordinate
- * @property {Number} top top offset coordinate
- * @property {Number} width
- * @property {Number} height
- */
-
-/**
- * Get time in ms
- * @license https://raw.github.com/jashkenas/underscore/master/LICENSE
- * @type {function}
- * @return {number}
- */
-var getTime = Date.now || function () {
- return new Date().getTime();
-};
-
-/**
- * Returns a function, that, when invoked, will only be triggered at most once
- * during a given window of time. Normally, the throttled function will run
- * as much as it can, without ever going more than once per `wait` duration;
- * but if you'd like to disable the execution on the leading edge, pass
- * `{leading: false}`. To disable execution on the trailing edge, ditto.
- * @license https://raw.github.com/jashkenas/underscore/master/LICENSE
- * @param {function} func
- * @param {number} wait
- * @param {Object=} options
- * @returns {Function}
- */
-M.throttle = function (func, wait, options) {
- var context = void 0,
- args = void 0,
- result = void 0;
- var timeout = null;
- var previous = 0;
- options || (options = {});
- var later = function () {
- previous = options.leading === false ? 0 : getTime();
- timeout = null;
- result = func.apply(context, args);
- context = args = null;
- };
- return function () {
- var now = getTime();
- if (!previous && options.leading === false) previous = now;
- var remaining = wait - (now - previous);
- context = this;
- args = arguments;
- if (remaining <= 0) {
- clearTimeout(timeout);
- timeout = null;
- previous = now;
- result = func.apply(context, args);
- context = args = null;
- } else if (!timeout && options.trailing !== false) {
- timeout = setTimeout(later, remaining);
- }
- return result;
- };
-};
-
-/* Feature detection */
-var passiveIfSupported = false;
-try {
- window.addEventListener('test', null, Object.defineProperty({}, 'passive', {
- get: function () {
- passiveIfSupported = { passive: false };
- }
- }));
-} catch (err) {}
-; /*
- v2.2.0
- 2017 Julian Garnier
- Released under the MIT license
- */
-var $jscomp = { scope: {} };$jscomp.defineProperty = "function" == typeof Object.defineProperties ? Object.defineProperty : function (e, r, p) {
- if (p.get || p.set) throw new TypeError("ES3 does not support getters and setters.");e != Array.prototype && e != Object.prototype && (e[r] = p.value);
-};$jscomp.getGlobal = function (e) {
- return "undefined" != typeof window && window === e ? e : "undefined" != typeof global && null != global ? global : e;
-};$jscomp.global = $jscomp.getGlobal(this);$jscomp.SYMBOL_PREFIX = "jscomp_symbol_";
-$jscomp.initSymbol = function () {
- $jscomp.initSymbol = function () {};$jscomp.global.Symbol || ($jscomp.global.Symbol = $jscomp.Symbol);
-};$jscomp.symbolCounter_ = 0;$jscomp.Symbol = function (e) {
- return $jscomp.SYMBOL_PREFIX + (e || "") + $jscomp.symbolCounter_++;
-};
-$jscomp.initSymbolIterator = function () {
- $jscomp.initSymbol();var e = $jscomp.global.Symbol.iterator;e || (e = $jscomp.global.Symbol.iterator = $jscomp.global.Symbol("iterator"));"function" != typeof Array.prototype[e] && $jscomp.defineProperty(Array.prototype, e, { configurable: !0, writable: !0, value: function () {
- return $jscomp.arrayIterator(this);
- } });$jscomp.initSymbolIterator = function () {};
-};$jscomp.arrayIterator = function (e) {
- var r = 0;return $jscomp.iteratorPrototype(function () {
- return r < e.length ? { done: !1, value: e[r++] } : { done: !0 };
- });
-};
-$jscomp.iteratorPrototype = function (e) {
- $jscomp.initSymbolIterator();e = { next: e };e[$jscomp.global.Symbol.iterator] = function () {
- return this;
- };return e;
-};$jscomp.array = $jscomp.array || {};$jscomp.iteratorFromArray = function (e, r) {
- $jscomp.initSymbolIterator();e instanceof String && (e += "");var p = 0,
- m = { next: function () {
- if (p < e.length) {
- var u = p++;return { value: r(u, e[u]), done: !1 };
- }m.next = function () {
- return { done: !0, value: void 0 };
- };return m.next();
- } };m[Symbol.iterator] = function () {
- return m;
- };return m;
-};
-$jscomp.polyfill = function (e, r, p, m) {
- if (r) {
- p = $jscomp.global;e = e.split(".");for (m = 0; m < e.length - 1; m++) {
- var u = e[m];u in p || (p[u] = {});p = p[u];
- }e = e[e.length - 1];m = p[e];r = r(m);r != m && null != r && $jscomp.defineProperty(p, e, { configurable: !0, writable: !0, value: r });
- }
-};$jscomp.polyfill("Array.prototype.keys", function (e) {
- return e ? e : function () {
- return $jscomp.iteratorFromArray(this, function (e) {
- return e;
- });
- };
-}, "es6-impl", "es3");var $jscomp$this = this;
-(function (r) {
- M.anime = r();
-})(function () {
- function e(a) {
- if (!h.col(a)) try {
- return document.querySelectorAll(a);
- } catch (c) {}
- }function r(a, c) {
- for (var d = a.length, b = 2 <= arguments.length ? arguments[1] : void 0, f = [], n = 0; n < d; n++) {
- if (n in a) {
- var k = a[n];c.call(b, k, n, a) && f.push(k);
- }
- }return f;
- }function p(a) {
- return a.reduce(function (a, d) {
- return a.concat(h.arr(d) ? p(d) : d);
- }, []);
- }function m(a) {
- if (h.arr(a)) return a;
- h.str(a) && (a = e(a) || a);return a instanceof NodeList || a instanceof HTMLCollection ? [].slice.call(a) : [a];
- }function u(a, c) {
- return a.some(function (a) {
- return a === c;
- });
- }function C(a) {
- var c = {},
- d;for (d in a) {
- c[d] = a[d];
- }return c;
- }function D(a, c) {
- var d = C(a),
- b;for (b in a) {
- d[b] = c.hasOwnProperty(b) ? c[b] : a[b];
- }return d;
- }function z(a, c) {
- var d = C(a),
- b;for (b in c) {
- d[b] = h.und(a[b]) ? c[b] : a[b];
- }return d;
- }function T(a) {
- a = a.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, function (a, c, d, k) {
- return c + c + d + d + k + k;
- });var c = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(a);
- a = parseInt(c[1], 16);var d = parseInt(c[2], 16),
- c = parseInt(c[3], 16);return "rgba(" + a + "," + d + "," + c + ",1)";
- }function U(a) {
- function c(a, c, b) {
- 0 > b && (b += 1);1 < b && --b;return b < 1 / 6 ? a + 6 * (c - a) * b : .5 > b ? c : b < 2 / 3 ? a + (c - a) * (2 / 3 - b) * 6 : a;
- }var d = /hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(a) || /hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(a);a = parseInt(d[1]) / 360;var b = parseInt(d[2]) / 100,
- f = parseInt(d[3]) / 100,
- d = d[4] || 1;if (0 == b) f = b = a = f;else {
- var n = .5 > f ? f * (1 + b) : f + b - f * b,
- k = 2 * f - n,
- f = c(k, n, a + 1 / 3),
- b = c(k, n, a);a = c(k, n, a - 1 / 3);
- }return "rgba(" + 255 * f + "," + 255 * b + "," + 255 * a + "," + d + ")";
- }function y(a) {
- if (a = /([\+\-]?[0-9#\.]+)(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(a)) return a[2];
- }function V(a) {
- if (-1 < a.indexOf("translate") || "perspective" === a) return "px";if (-1 < a.indexOf("rotate") || -1 < a.indexOf("skew")) return "deg";
- }function I(a, c) {
- return h.fnc(a) ? a(c.target, c.id, c.total) : a;
- }function E(a, c) {
- if (c in a.style) return getComputedStyle(a).getPropertyValue(c.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()) || "0";
- }function J(a, c) {
- if (h.dom(a) && u(W, c)) return "transform";if (h.dom(a) && (a.getAttribute(c) || h.svg(a) && a[c])) return "attribute";if (h.dom(a) && "transform" !== c && E(a, c)) return "css";if (null != a[c]) return "object";
- }function X(a, c) {
- var d = V(c),
- d = -1 < c.indexOf("scale") ? 1 : 0 + d;a = a.style.transform;if (!a) return d;for (var b = [], f = [], n = [], k = /(\w+)\((.+?)\)/g; b = k.exec(a);) {
- f.push(b[1]), n.push(b[2]);
- }a = r(n, function (a, b) {
- return f[b] === c;
- });return a.length ? a[0] : d;
- }function K(a, c) {
- switch (J(a, c)) {case "transform":
- return X(a, c);case "css":
- return E(a, c);case "attribute":
- return a.getAttribute(c);}return a[c] || 0;
- }function L(a, c) {
- var d = /^(\*=|\+=|-=)/.exec(a);if (!d) return a;var b = y(a) || 0;c = parseFloat(c);a = parseFloat(a.replace(d[0], ""));switch (d[0][0]) {case "+":
- return c + a + b;case "-":
- return c - a + b;case "*":
- return c * a + b;}
- }function F(a, c) {
- return Math.sqrt(Math.pow(c.x - a.x, 2) + Math.pow(c.y - a.y, 2));
- }function M(a) {
- a = a.points;for (var c = 0, d, b = 0; b < a.numberOfItems; b++) {
- var f = a.getItem(b);0 < b && (c += F(d, f));d = f;
- }return c;
- }function N(a) {
- if (a.getTotalLength) return a.getTotalLength();switch (a.tagName.toLowerCase()) {case "circle":
- return 2 * Math.PI * a.getAttribute("r");case "rect":
- return 2 * a.getAttribute("width") + 2 * a.getAttribute("height");case "line":
- return F({ x: a.getAttribute("x1"), y: a.getAttribute("y1") }, { x: a.getAttribute("x2"), y: a.getAttribute("y2") });case "polyline":
- return M(a);case "polygon":
- var c = a.points;return M(a) + F(c.getItem(c.numberOfItems - 1), c.getItem(0));}
- }function Y(a, c) {
- function d(b) {
- b = void 0 === b ? 0 : b;return a.el.getPointAtLength(1 <= c + b ? c + b : 0);
- }var b = d(),
- f = d(-1),
- n = d(1);switch (a.property) {case "x":
- return b.x;case "y":
- return b.y;
- case "angle":
- return 180 * Math.atan2(n.y - f.y, n.x - f.x) / Math.PI;}
- }function O(a, c) {
- var d = /-?\d*\.?\d+/g,
- b;b = h.pth(a) ? a.totalLength : a;if (h.col(b)) {
- if (h.rgb(b)) {
- var f = /rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(b);b = f ? "rgba(" + f[1] + ",1)" : b;
- } else b = h.hex(b) ? T(b) : h.hsl(b) ? U(b) : void 0;
- } else f = (f = y(b)) ? b.substr(0, b.length - f.length) : b, b = c && !/\s/g.test(b) ? f + c : f;b += "";return { original: b, numbers: b.match(d) ? b.match(d).map(Number) : [0], strings: h.str(a) || c ? b.split(d) : [] };
- }function P(a) {
- a = a ? p(h.arr(a) ? a.map(m) : m(a)) : [];return r(a, function (a, d, b) {
- return b.indexOf(a) === d;
- });
- }function Z(a) {
- var c = P(a);return c.map(function (a, b) {
- return { target: a, id: b, total: c.length };
- });
- }function aa(a, c) {
- var d = C(c);if (h.arr(a)) {
- var b = a.length;2 !== b || h.obj(a[0]) ? h.fnc(c.duration) || (d.duration = c.duration / b) : a = { value: a };
- }return m(a).map(function (a, b) {
- b = b ? 0 : c.delay;a = h.obj(a) && !h.pth(a) ? a : { value: a };h.und(a.delay) && (a.delay = b);return a;
- }).map(function (a) {
- return z(a, d);
- });
- }function ba(a, c) {
- var d = {},
- b;for (b in a) {
- var f = I(a[b], c);h.arr(f) && (f = f.map(function (a) {
- return I(a, c);
- }), 1 === f.length && (f = f[0]));d[b] = f;
- }d.duration = parseFloat(d.duration);d.delay = parseFloat(d.delay);return d;
- }function ca(a) {
- return h.arr(a) ? A.apply(this, a) : Q[a];
- }function da(a, c) {
- var d;return a.tweens.map(function (b) {
- b = ba(b, c);var f = b.value,
- e = K(c.target, a.name),
- k = d ? d.to.original : e,
- k = h.arr(f) ? f[0] : k,
- w = L(h.arr(f) ? f[1] : f, k),
- e = y(w) || y(k) || y(e);b.from = O(k, e);b.to = O(w, e);b.start = d ? d.end : a.offset;b.end = b.start + b.delay + b.duration;b.easing = ca(b.easing);b.elasticity = (1E3 - Math.min(Math.max(b.elasticity, 1), 999)) / 1E3;b.isPath = h.pth(f);b.isColor = h.col(b.from.original);b.isColor && (b.round = 1);return d = b;
- });
- }function ea(a, c) {
- return r(p(a.map(function (a) {
- return c.map(function (b) {
- var c = J(a.target, b.name);if (c) {
- var d = da(b, a);b = { type: c, property: b.name, animatable: a, tweens: d, duration: d[d.length - 1].end, delay: d[0].delay };
- } else b = void 0;return b;
- });
- })), function (a) {
- return !h.und(a);
- });
- }function R(a, c, d, b) {
- var f = "delay" === a;return c.length ? (f ? Math.min : Math.max).apply(Math, c.map(function (b) {
- return b[a];
- })) : f ? b.delay : d.offset + b.delay + b.duration;
- }function fa(a) {
- var c = D(ga, a),
- d = D(S, a),
- b = Z(a.targets),
- f = [],
- e = z(c, d),
- k;for (k in a) {
- e.hasOwnProperty(k) || "targets" === k || f.push({ name: k, offset: e.offset, tweens: aa(a[k], d) });
- }a = ea(b, f);return z(c, { children: [], animatables: b, animations: a, duration: R("duration", a, c, d), delay: R("delay", a, c, d) });
- }function q(a) {
- function c() {
- return window.Promise && new Promise(function (a) {
- return p = a;
- });
- }function d(a) {
- return g.reversed ? g.duration - a : a;
- }function b(a) {
- for (var b = 0, c = {}, d = g.animations, f = d.length; b < f;) {
- var e = d[b],
- k = e.animatable,
- h = e.tweens,
- n = h.length - 1,
- l = h[n];n && (l = r(h, function (b) {
- return a < b.end;
- })[0] || l);for (var h = Math.min(Math.max(a - l.start - l.delay, 0), l.duration) / l.duration, w = isNaN(h) ? 1 : l.easing(h, l.elasticity), h = l.to.strings, p = l.round, n = [], m = void 0, m = l.to.numbers.length, t = 0; t < m; t++) {
- var x = void 0,
- x = l.to.numbers[t],
- q = l.from.numbers[t],
- x = l.isPath ? Y(l.value, w * x) : q + w * (x - q);p && (l.isColor && 2 < t || (x = Math.round(x * p) / p));n.push(x);
- }if (l = h.length) for (m = h[0], w = 0; w < l; w++) {
- p = h[w + 1], t = n[w], isNaN(t) || (m = p ? m + (t + p) : m + (t + " "));
- } else m = n[0];ha[e.type](k.target, e.property, m, c, k.id);e.currentValue = m;b++;
- }if (b = Object.keys(c).length) for (d = 0; d < b; d++) {
- H || (H = E(document.body, "transform") ? "transform" : "-webkit-transform"), g.animatables[d].target.style[H] = c[d].join(" ");
- }g.currentTime = a;g.progress = a / g.duration * 100;
- }function f(a) {
- if (g[a]) g[a](g);
- }function e() {
- g.remaining && !0 !== g.remaining && g.remaining--;
- }function k(a) {
- var k = g.duration,
- n = g.offset,
- w = n + g.delay,
- r = g.currentTime,
- x = g.reversed,
- q = d(a);if (g.children.length) {
- var u = g.children,
- v = u.length;
- if (q >= g.currentTime) for (var G = 0; G < v; G++) {
- u[G].seek(q);
- } else for (; v--;) {
- u[v].seek(q);
- }
- }if (q >= w || !k) g.began || (g.began = !0, f("begin")), f("run");if (q > n && q < k) b(q);else if (q <= n && 0 !== r && (b(0), x && e()), q >= k && r !== k || !k) b(k), x || e();f("update");a >= k && (g.remaining ? (t = h, "alternate" === g.direction && (g.reversed = !g.reversed)) : (g.pause(), g.completed || (g.completed = !0, f("complete"), "Promise" in window && (p(), m = c()))), l = 0);
- }a = void 0 === a ? {} : a;var h,
- t,
- l = 0,
- p = null,
- m = c(),
- g = fa(a);g.reset = function () {
- var a = g.direction,
- c = g.loop;g.currentTime = 0;g.progress = 0;g.paused = !0;g.began = !1;g.completed = !1;g.reversed = "reverse" === a;g.remaining = "alternate" === a && 1 === c ? 2 : c;b(0);for (a = g.children.length; a--;) {
- g.children[a].reset();
- }
- };g.tick = function (a) {
- h = a;t || (t = h);k((l + h - t) * q.speed);
- };g.seek = function (a) {
- k(d(a));
- };g.pause = function () {
- var a = v.indexOf(g);-1 < a && v.splice(a, 1);g.paused = !0;
- };g.play = function () {
- g.paused && (g.paused = !1, t = 0, l = d(g.currentTime), v.push(g), B || ia());
- };g.reverse = function () {
- g.reversed = !g.reversed;t = 0;l = d(g.currentTime);
- };g.restart = function () {
- g.pause();
- g.reset();g.play();
- };g.finished = m;g.reset();g.autoplay && g.play();return g;
- }var ga = { update: void 0, begin: void 0, run: void 0, complete: void 0, loop: 1, direction: "normal", autoplay: !0, offset: 0 },
- S = { duration: 1E3, delay: 0, easing: "easeOutElastic", elasticity: 500, round: 0 },
- W = "translateX translateY translateZ rotate rotateX rotateY rotateZ scale scaleX scaleY scaleZ skewX skewY perspective".split(" "),
- H,
- h = { arr: function (a) {
- return Array.isArray(a);
- }, obj: function (a) {
- return -1 < Object.prototype.toString.call(a).indexOf("Object");
- },
- pth: function (a) {
- return h.obj(a) && a.hasOwnProperty("totalLength");
- }, svg: function (a) {
- return a instanceof SVGElement;
- }, dom: function (a) {
- return a.nodeType || h.svg(a);
- }, str: function (a) {
- return "string" === typeof a;
- }, fnc: function (a) {
- return "function" === typeof a;
- }, und: function (a) {
- return "undefined" === typeof a;
- }, hex: function (a) {
- return (/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(a)
- );
- }, rgb: function (a) {
- return (/^rgb/.test(a)
- );
- }, hsl: function (a) {
- return (/^hsl/.test(a)
- );
- }, col: function (a) {
- return h.hex(a) || h.rgb(a) || h.hsl(a);
- } },
- A = function () {
- function a(a, d, b) {
- return (((1 - 3 * b + 3 * d) * a + (3 * b - 6 * d)) * a + 3 * d) * a;
- }return function (c, d, b, f) {
- if (0 <= c && 1 >= c && 0 <= b && 1 >= b) {
- var e = new Float32Array(11);if (c !== d || b !== f) for (var k = 0; 11 > k; ++k) {
- e[k] = a(.1 * k, c, b);
- }return function (k) {
- if (c === d && b === f) return k;if (0 === k) return 0;if (1 === k) return 1;for (var h = 0, l = 1; 10 !== l && e[l] <= k; ++l) {
- h += .1;
- }--l;var l = h + (k - e[l]) / (e[l + 1] - e[l]) * .1,
- n = 3 * (1 - 3 * b + 3 * c) * l * l + 2 * (3 * b - 6 * c) * l + 3 * c;if (.001 <= n) {
- for (h = 0; 4 > h; ++h) {
- n = 3 * (1 - 3 * b + 3 * c) * l * l + 2 * (3 * b - 6 * c) * l + 3 * c;if (0 === n) break;var m = a(l, c, b) - k,
- l = l - m / n;
- }k = l;
- } else if (0 === n) k = l;else {
- var l = h,
- h = h + .1,
- g = 0;do {
- m = l + (h - l) / 2, n = a(m, c, b) - k, 0 < n ? h = m : l = m;
- } while (1e-7 < Math.abs(n) && 10 > ++g);k = m;
- }return a(k, d, f);
- };
- }
- };
- }(),
- Q = function () {
- function a(a, b) {
- return 0 === a || 1 === a ? a : -Math.pow(2, 10 * (a - 1)) * Math.sin(2 * (a - 1 - b / (2 * Math.PI) * Math.asin(1)) * Math.PI / b);
- }var c = "Quad Cubic Quart Quint Sine Expo Circ Back Elastic".split(" "),
- d = { In: [[.55, .085, .68, .53], [.55, .055, .675, .19], [.895, .03, .685, .22], [.755, .05, .855, .06], [.47, 0, .745, .715], [.95, .05, .795, .035], [.6, .04, .98, .335], [.6, -.28, .735, .045], a], Out: [[.25, .46, .45, .94], [.215, .61, .355, 1], [.165, .84, .44, 1], [.23, 1, .32, 1], [.39, .575, .565, 1], [.19, 1, .22, 1], [.075, .82, .165, 1], [.175, .885, .32, 1.275], function (b, c) {
- return 1 - a(1 - b, c);
- }], InOut: [[.455, .03, .515, .955], [.645, .045, .355, 1], [.77, 0, .175, 1], [.86, 0, .07, 1], [.445, .05, .55, .95], [1, 0, 0, 1], [.785, .135, .15, .86], [.68, -.55, .265, 1.55], function (b, c) {
- return .5 > b ? a(2 * b, c) / 2 : 1 - a(-2 * b + 2, c) / 2;
- }] },
- b = { linear: A(.25, .25, .75, .75) },
- f = {},
- e;for (e in d) {
- f.type = e, d[f.type].forEach(function (a) {
- return function (d, f) {
- b["ease" + a.type + c[f]] = h.fnc(d) ? d : A.apply($jscomp$this, d);
- };
- }(f)), f = { type: f.type };
- }return b;
- }(),
- ha = { css: function (a, c, d) {
- return a.style[c] = d;
- }, attribute: function (a, c, d) {
- return a.setAttribute(c, d);
- }, object: function (a, c, d) {
- return a[c] = d;
- }, transform: function (a, c, d, b, f) {
- b[f] || (b[f] = []);b[f].push(c + "(" + d + ")");
- } },
- v = [],
- B = 0,
- ia = function () {
- function a() {
- B = requestAnimationFrame(c);
- }function c(c) {
- var b = v.length;if (b) {
- for (var d = 0; d < b;) {
- v[d] && v[d].tick(c), d++;
- }a();
- } else cancelAnimationFrame(B), B = 0;
- }return a;
- }();q.version = "2.2.0";q.speed = 1;q.running = v;q.remove = function (a) {
- a = P(a);for (var c = v.length; c--;) {
- for (var d = v[c], b = d.animations, f = b.length; f--;) {
- u(a, b[f].animatable.target) && (b.splice(f, 1), b.length || d.pause());
- }
- }
- };q.getValue = K;q.path = function (a, c) {
- var d = h.str(a) ? e(a)[0] : a,
- b = c || 100;return function (a) {
- return { el: d, property: a, totalLength: N(d) * (b / 100) };
- };
- };q.setDashoffset = function (a) {
- var c = N(a);a.setAttribute("stroke-dasharray", c);return c;
- };q.bezier = A;q.easings = Q;q.timeline = function (a) {
- var c = q(a);c.pause();c.duration = 0;c.add = function (d) {
- c.children.forEach(function (a) {
- a.began = !0;a.completed = !0;
- });m(d).forEach(function (b) {
- var d = z(b, D(S, a || {}));d.targets = d.targets || a.targets;b = c.duration;var e = d.offset;d.autoplay = !1;d.direction = c.direction;d.offset = h.und(e) ? b : L(e, b);c.began = !0;c.completed = !0;c.seek(d.offset);d = q(d);d.began = !0;d.completed = !0;d.duration > b && (c.duration = d.duration);c.children.push(d);
- });c.seek(0);c.reset();c.autoplay && c.restart();return c;
- };return c;
- };q.random = function (a, c) {
- return Math.floor(Math.random() * (c - a + 1)) + a;
- };return q;
-});
-;(function ($, anim) {
- 'use strict';
-
- var _defaults = {
- accordion: true,
- onOpenStart: undefined,
- onOpenEnd: undefined,
- onCloseStart: undefined,
- onCloseEnd: undefined,
- inDuration: 300,
- outDuration: 300
- };
-
- /**
- * @class
- *
- */
-
- var Collapsible = function (_Component) {
- _inherits(Collapsible, _Component);
-
- /**
- * Construct Collapsible instance
- * @constructor
- * @param {Element} el
- * @param {Object} options
- */
- function Collapsible(el, options) {
- _classCallCheck(this, Collapsible);
-
- var _this3 = _possibleConstructorReturn(this, (Collapsible.__proto__ || Object.getPrototypeOf(Collapsible)).call(this, Collapsible, el, options));
-
- _this3.el.M_Collapsible = _this3;
-
- /**
- * Options for the collapsible
- * @member Collapsible#options
- * @prop {Boolean} [accordion=false] - Type of the collapsible
- * @prop {Function} onOpenStart - Callback function called before collapsible is opened
- * @prop {Function} onOpenEnd - Callback function called after collapsible is opened
- * @prop {Function} onCloseStart - Callback function called before collapsible is closed
- * @prop {Function} onCloseEnd - Callback function called after collapsible is closed
- * @prop {Number} inDuration - Transition in duration in milliseconds.
- * @prop {Number} outDuration - Transition duration in milliseconds.
- */
- _this3.options = $.extend({}, Collapsible.defaults, options);
-
- // Setup tab indices
- _this3.$headers = _this3.$el.children('li').children('.collapsible-header');
- _this3.$headers.attr('tabindex', 0);
-
- _this3._setupEventHandlers();
-
- // Open first active
- var $activeBodies = _this3.$el.children('li.active').children('.collapsible-body');
- if (_this3.options.accordion) {
- // Handle Accordion
- $activeBodies.first().css('display', 'block');
- } else {
- // Handle Expandables
- $activeBodies.css('display', 'block');
- }
- return _this3;
- }
-
- _createClass(Collapsible, [{
- key: "destroy",
-
-
- /**
- * Teardown component
- */
- value: function destroy() {
- this._removeEventHandlers();
- this.el.M_Collapsible = undefined;
- }
-
- /**
- * Setup Event Handlers
- */
-
- }, {
- key: "_setupEventHandlers",
- value: function _setupEventHandlers() {
- var _this4 = this;
-
- this._handleCollapsibleClickBound = this._handleCollapsibleClick.bind(this);
- this._handleCollapsibleKeydownBound = this._handleCollapsibleKeydown.bind(this);
- this.el.addEventListener('click', this._handleCollapsibleClickBound);
- this.$headers.each(function (header) {
- header.addEventListener('keydown', _this4._handleCollapsibleKeydownBound);
- });
- }
-
- /**
- * Remove Event Handlers
- */
-
- }, {
- key: "_removeEventHandlers",
- value: function _removeEventHandlers() {
- var _this5 = this;
-
- this.el.removeEventListener('click', this._handleCollapsibleClickBound);
- this.$headers.each(function (header) {
- header.removeEventListener('keydown', _this5._handleCollapsibleKeydownBound);
- });
- }
-
- /**
- * Handle Collapsible Click
- * @param {Event} e
- */
-
- }, {
- key: "_handleCollapsibleClick",
- value: function _handleCollapsibleClick(e) {
- var $header = $(e.target).closest('.collapsible-header');
- if (e.target && $header.length) {
- var $collapsible = $header.closest('.collapsible');
- if ($collapsible[0] === this.el) {
- var $collapsibleLi = $header.closest('li');
- var $collapsibleLis = $collapsible.children('li');
- var isActive = $collapsibleLi[0].classList.contains('active');
- var index = $collapsibleLis.index($collapsibleLi);
-
- if (isActive) {
- this.close(index);
- } else {
- this.open(index);
- }
- }
- }
- }
-
- /**
- * Handle Collapsible Keydown
- * @param {Event} e
- */
-
- }, {
- key: "_handleCollapsibleKeydown",
- value: function _handleCollapsibleKeydown(e) {
- if (e.keyCode === 13) {
- this._handleCollapsibleClickBound(e);
- }
- }
-
- /**
- * Animate in collapsible slide
- * @param {Number} index - 0th index of slide
- */
-
- }, {
- key: "_animateIn",
- value: function _animateIn(index) {
- var _this6 = this;
-
- var $collapsibleLi = this.$el.children('li').eq(index);
- if ($collapsibleLi.length) {
- var $body = $collapsibleLi.children('.collapsible-body');
-
- anim.remove($body[0]);
- $body.css({
- display: 'block',
- overflow: 'hidden',
- height: 0,
- paddingTop: '',
- paddingBottom: ''
- });
-
- var pTop = $body.css('padding-top');
- var pBottom = $body.css('padding-bottom');
- var finalHeight = $body[0].scrollHeight;
- $body.css({
- paddingTop: 0,
- paddingBottom: 0
- });
-
- anim({
- targets: $body[0],
- height: finalHeight,
- paddingTop: pTop,
- paddingBottom: pBottom,
- duration: this.options.inDuration,
- easing: 'easeInOutCubic',
- complete: function (anim) {
- $body.css({
- overflow: '',
- paddingTop: '',
- paddingBottom: '',
- height: ''
- });
-
- // onOpenEnd callback
- if (typeof _this6.options.onOpenEnd === 'function') {
- _this6.options.onOpenEnd.call(_this6, $collapsibleLi[0]);
- }
- }
- });
- }
- }
-
- /**
- * Animate out collapsible slide
- * @param {Number} index - 0th index of slide to open
- */
-
- }, {
- key: "_animateOut",
- value: function _animateOut(index) {
- var _this7 = this;
-
- var $collapsibleLi = this.$el.children('li').eq(index);
- if ($collapsibleLi.length) {
- var $body = $collapsibleLi.children('.collapsible-body');
- anim.remove($body[0]);
- $body.css('overflow', 'hidden');
- anim({
- targets: $body[0],
- height: 0,
- paddingTop: 0,
- paddingBottom: 0,
- duration: this.options.outDuration,
- easing: 'easeInOutCubic',
- complete: function () {
- $body.css({
- height: '',
- overflow: '',
- padding: '',
- display: ''
- });
-
- // onCloseEnd callback
- if (typeof _this7.options.onCloseEnd === 'function') {
- _this7.options.onCloseEnd.call(_this7, $collapsibleLi[0]);
- }
- }
- });
- }
- }
-
- /**
- * Open Collapsible
- * @param {Number} index - 0th index of slide
- */
-
- }, {
- key: "open",
- value: function open(index) {
- var _this8 = this;
-
- var $collapsibleLi = this.$el.children('li').eq(index);
- if ($collapsibleLi.length && !$collapsibleLi[0].classList.contains('active')) {
- // onOpenStart callback
- if (typeof this.options.onOpenStart === 'function') {
- this.options.onOpenStart.call(this, $collapsibleLi[0]);
- }
-
- // Handle accordion behavior
- if (this.options.accordion) {
- var $collapsibleLis = this.$el.children('li');
- var $activeLis = this.$el.children('li.active');
- $activeLis.each(function (el) {
- var index = $collapsibleLis.index($(el));
- _this8.close(index);
- });
- }
-
- // Animate in
- $collapsibleLi[0].classList.add('active');
- this._animateIn(index);
- }
- }
-
- /**
- * Close Collapsible
- * @param {Number} index - 0th index of slide
- */
-
- }, {
- key: "close",
- value: function close(index) {
- var $collapsibleLi = this.$el.children('li').eq(index);
- if ($collapsibleLi.length && $collapsibleLi[0].classList.contains('active')) {
- // onCloseStart callback
- if (typeof this.options.onCloseStart === 'function') {
- this.options.onCloseStart.call(this, $collapsibleLi[0]);
- }
-
- // Animate out
- $collapsibleLi[0].classList.remove('active');
- this._animateOut(index);
- }
- }
- }], [{
- key: "init",
- value: function init(els, options) {
- return _get(Collapsible.__proto__ || Object.getPrototypeOf(Collapsible), "init", this).call(this, this, els, options);
- }
-
- /**
- * Get Instance
- */
-
- }, {
- key: "getInstance",
- value: function getInstance(el) {
- var domElem = !!el.jquery ? el[0] : el;
- return domElem.M_Collapsible;
- }
- }, {
- key: "defaults",
- get: function () {
- return _defaults;
- }
- }]);
-
- return Collapsible;
- }(Component);
-
- M.Collapsible = Collapsible;
-
- if (M.jQueryLoaded) {
- M.initializeJqueryWrapper(Collapsible, 'collapsible', 'M_Collapsible');
- }
-})(cash, M.anime);
-;(function ($, anim) {
- 'use strict';
-
- var _defaults = {
- alignment: 'left',
- autoFocus: true,
- constrainWidth: true,
- container: null,
- coverTrigger: true,
- closeOnClick: true,
- hover: false,
- inDuration: 150,
- outDuration: 250,
- onOpenStart: null,
- onOpenEnd: null,
- onCloseStart: null,
- onCloseEnd: null,
- onItemClick: null
- };
-
- /**
- * @class
- */
-
- var Dropdown = function (_Component2) {
- _inherits(Dropdown, _Component2);
-
- function Dropdown(el, options) {
- _classCallCheck(this, Dropdown);
-
- var _this9 = _possibleConstructorReturn(this, (Dropdown.__proto__ || Object.getPrototypeOf(Dropdown)).call(this, Dropdown, el, options));
-
- _this9.el.M_Dropdown = _this9;
- Dropdown._dropdowns.push(_this9);
-
- _this9.id = M.getIdFromTrigger(el);
- _this9.dropdownEl = document.getElementById(_this9.id);
- _this9.$dropdownEl = $(_this9.dropdownEl);
-
- /**
- * Options for the dropdown
- * @member Dropdown#options
- * @prop {String} [alignment='left'] - Edge which the dropdown is aligned to
- * @prop {Boolean} [autoFocus=true] - Automatically focus dropdown el for keyboard
- * @prop {Boolean} [constrainWidth=true] - Constrain width to width of the button
- * @prop {Element} container - Container element to attach dropdown to (optional)
- * @prop {Boolean} [coverTrigger=true] - Place dropdown over trigger
- * @prop {Boolean} [closeOnClick=true] - Close on click of dropdown item
- * @prop {Boolean} [hover=false] - Open dropdown on hover
- * @prop {Number} [inDuration=150] - Duration of open animation in ms
- * @prop {Number} [outDuration=250] - Duration of close animation in ms
- * @prop {Function} onOpenStart - Function called when dropdown starts opening
- * @prop {Function} onOpenEnd - Function called when dropdown finishes opening
- * @prop {Function} onCloseStart - Function called when dropdown starts closing
- * @prop {Function} onCloseEnd - Function called when dropdown finishes closing
- */
- _this9.options = $.extend({}, Dropdown.defaults, options);
-
- /**
- * Describes open/close state of dropdown
- * @type {Boolean}
- */
- _this9.isOpen = false;
-
- /**
- * Describes if dropdown content is scrollable
- * @type {Boolean}
- */
- _this9.isScrollable = false;
-
- /**
- * Describes if touch moving on dropdown content
- * @type {Boolean}
- */
- _this9.isTouchMoving = false;
-
- _this9.focusedIndex = -1;
- _this9.filterQuery = [];
-
- // Move dropdown-content after dropdown-trigger
- _this9._moveDropdown();
-
- _this9._makeDropdownFocusable();
- _this9._resetFilterQueryBound = _this9._resetFilterQuery.bind(_this9);
- _this9._handleDocumentClickBound = _this9._handleDocumentClick.bind(_this9);
- _this9._handleDocumentTouchmoveBound = _this9._handleDocumentTouchmove.bind(_this9);
- _this9._handleDropdownClickBound = _this9._handleDropdownClick.bind(_this9);
- _this9._handleDropdownKeydownBound = _this9._handleDropdownKeydown.bind(_this9);
- _this9._handleTriggerKeydownBound = _this9._handleTriggerKeydown.bind(_this9);
- _this9._setupEventHandlers();
- return _this9;
- }
-
- _createClass(Dropdown, [{
- key: "destroy",
-
-
- /**
- * Teardown component
- */
- value: function destroy() {
- this._resetDropdownStyles();
- this._removeEventHandlers();
- Dropdown._dropdowns.splice(Dropdown._dropdowns.indexOf(this), 1);
- this.el.M_Dropdown = undefined;
- }
-
- /**
- * Setup Event Handlers
- */
-
- }, {
- key: "_setupEventHandlers",
- value: function _setupEventHandlers() {
- // Trigger keydown handler
- this.el.addEventListener('keydown', this._handleTriggerKeydownBound);
-
- // Item click handler
- this.dropdownEl.addEventListener('click', this._handleDropdownClickBound);
-
- // Hover event handlers
- if (this.options.hover) {
- this._handleMouseEnterBound = this._handleMouseEnter.bind(this);
- this.el.addEventListener('mouseenter', this._handleMouseEnterBound);
- this._handleMouseLeaveBound = this._handleMouseLeave.bind(this);
- this.el.addEventListener('mouseleave', this._handleMouseLeaveBound);
- this.dropdownEl.addEventListener('mouseleave', this._handleMouseLeaveBound);
-
- // Click event handlers
- } else {
- this._handleClickBound = this._handleClick.bind(this);
- this.el.addEventListener('click', this._handleClickBound);
- }
- }
-
- /**
- * Remove Event Handlers
- */
-
- }, {
- key: "_removeEventHandlers",
- value: function _removeEventHandlers() {
- this.el.removeEventListener('keydown', this._handleTriggerKeydownBound);
- this.dropdownEl.removeEventListener('click', this._handleDropdownClickBound);
-
- if (this.options.hover) {
- this.el.removeEventListener('mouseenter', this._handleMouseEnterBound);
- this.el.removeEventListener('mouseleave', this._handleMouseLeaveBound);
- this.dropdownEl.removeEventListener('mouseleave', this._handleMouseLeaveBound);
- } else {
- this.el.removeEventListener('click', this._handleClickBound);
- }
- }
- }, {
- key: "_setupTemporaryEventHandlers",
- value: function _setupTemporaryEventHandlers() {
- // Use capture phase event handler to prevent click
- document.body.addEventListener('click', this._handleDocumentClickBound, true);
- document.body.addEventListener('touchmove', this._handleDocumentTouchmoveBound);
- this.dropdownEl.addEventListener('keydown', this._handleDropdownKeydownBound);
- }
- }, {
- key: "_removeTemporaryEventHandlers",
- value: function _removeTemporaryEventHandlers() {
- // Use capture phase event handler to prevent click
- document.body.removeEventListener('click', this._handleDocumentClickBound, true);
- document.body.removeEventListener('touchmove', this._handleDocumentTouchmoveBound);
- this.dropdownEl.removeEventListener('keydown', this._handleDropdownKeydownBound);
- }
- }, {
- key: "_handleClick",
- value: function _handleClick(e) {
- e.preventDefault();
- this.open();
- }
- }, {
- key: "_handleMouseEnter",
- value: function _handleMouseEnter() {
- this.open();
- }
- }, {
- key: "_handleMouseLeave",
- value: function _handleMouseLeave(e) {
- var toEl = e.toElement || e.relatedTarget;
- var leaveToDropdownContent = !!$(toEl).closest('.dropdown-content').length;
- var leaveToActiveDropdownTrigger = false;
-
- var $closestTrigger = $(toEl).closest('.dropdown-trigger');
- if ($closestTrigger.length && !!$closestTrigger[0].M_Dropdown && $closestTrigger[0].M_Dropdown.isOpen) {
- leaveToActiveDropdownTrigger = true;
- }
-
- // Close hover dropdown if mouse did not leave to either active dropdown-trigger or dropdown-content
- if (!leaveToActiveDropdownTrigger && !leaveToDropdownContent) {
- this.close();
- }
- }
- }, {
- key: "_handleDocumentClick",
- value: function _handleDocumentClick(e) {
- var _this10 = this;
-
- var $target = $(e.target);
- if (this.options.closeOnClick && $target.closest('.dropdown-content').length && !this.isTouchMoving) {
- // isTouchMoving to check if scrolling on mobile.
- setTimeout(function () {
- _this10.close();
- }, 0);
- } else if ($target.closest('.dropdown-trigger').length || !$target.closest('.dropdown-content').length) {
- setTimeout(function () {
- _this10.close();
- }, 0);
- }
- this.isTouchMoving = false;
- }
- }, {
- key: "_handleTriggerKeydown",
- value: function _handleTriggerKeydown(e) {
- // ARROW DOWN OR ENTER WHEN SELECT IS CLOSED - open Dropdown
- if ((e.which === M.keys.ARROW_DOWN || e.which === M.keys.ENTER) && !this.isOpen) {
- e.preventDefault();
- this.open();
- }
- }
-
- /**
- * Handle Document Touchmove
- * @param {Event} e
- */
-
- }, {
- key: "_handleDocumentTouchmove",
- value: function _handleDocumentTouchmove(e) {
- var $target = $(e.target);
- if ($target.closest('.dropdown-content').length) {
- this.isTouchMoving = true;
- }
- }
-
- /**
- * Handle Dropdown Click
- * @param {Event} e
- */
-
- }, {
- key: "_handleDropdownClick",
- value: function _handleDropdownClick(e) {
- // onItemClick callback
- if (typeof this.options.onItemClick === 'function') {
- var itemEl = $(e.target).closest('li')[0];
- this.options.onItemClick.call(this, itemEl);
- }
- }
-
- /**
- * Handle Dropdown Keydown
- * @param {Event} e
- */
-
- }, {
- key: "_handleDropdownKeydown",
- value: function _handleDropdownKeydown(e) {
- if (e.which === M.keys.TAB) {
- e.preventDefault();
- this.close();
-
- // Navigate down dropdown list
- } else if ((e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) && this.isOpen) {
- e.preventDefault();
- var direction = e.which === M.keys.ARROW_DOWN ? 1 : -1;
- var newFocusedIndex = this.focusedIndex;
- var foundNewIndex = false;
- do {
- newFocusedIndex = newFocusedIndex + direction;
-
- if (!!this.dropdownEl.children[newFocusedIndex] && this.dropdownEl.children[newFocusedIndex].tabIndex !== -1) {
- foundNewIndex = true;
- break;
- }
- } while (newFocusedIndex < this.dropdownEl.children.length && newFocusedIndex >= 0);
-
- if (foundNewIndex) {
- // Remove active class from old element
- if (this.focusedIndex >= 0) this.dropdownEl.children[this.focusedIndex].classList.remove('active');
- this.focusedIndex = newFocusedIndex;
- this._focusFocusedItem();
- }
-
- // ENTER selects choice on focused item
- } else if (e.which === M.keys.ENTER && this.isOpen) {
- // Search for and