diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..c70e6e6 --- /dev/null +++ b/.gitignore @@ -0,0 +1,52 @@ +### JetBrains template +# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm + +## Directory-based project format +.idea/ +/*.iml +# if you remove the above rule, at least ignore user-specific stuff: +# .idea/workspace.xml +# .idea/tasks.xml +# .idea/dictionaries +# and these sensitive or high-churn files: +# .idea/dataSources.ids +# .idea/dataSources.xml +# .idea/sqlDataSources.xml +# .idea/dynamic.xml +# and, if using gradle:: +# .idea/gradle.xml +# .idea/libraries + +## File-based project format +*.ipr +*.iws + +## Additional for IntelliJ +out/ + +# generated by mpeltonen/sbt-idea plugin +.idea_modules/ + +# generated by JIRA plugin +atlassian-ide-plugin.xml + +# generated by Crashlytics plugin (for Android Studio and Intellij) +com_crashlytics_export_strings.xml + +### Windows template + +# Windows image file caches +Thumbs.db +ehthumbs.db + +# Folder config file +Desktop.ini + +# Recycle Bin used on file shares +$RECYCLE.BIN/ + +# Windows Installer files +*.cab +*.msi +*.msm +*.msp \ No newline at end of file diff --git a/LICENSE b/LICENSE index ccffb97..7b643d8 100644 --- a/LICENSE +++ b/LICENSE @@ -1,6 +1,6 @@ The MIT License (MIT) -Copyright (c) 2014 Sergey Kupletsky +Copyright (c) 2014 Sergey Kupletsky (@zavoloklom) Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal @@ -18,5 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. - +SOFTWARE. \ No newline at end of file diff --git a/README.md b/README.md index 870b81c..df9ef81 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,36 @@ -material-design-color-palette -============================= +# [Material Design Color Palette v1.0.0](http://zavoloklom.github.io/material-design-color-palette) +### Material Design Color Palette: LESS/CSS toolkit + +Color palette created and maintained by [Google](http://www.google.com/design/spec/style/color.html#color-color-palette). + +This color palette comprises primary and accent colors that can be used for illustration or to develop your brand colors. They’ve been designed to work harmoniously with each other. + +##License + +- Material Design Color Palette CSS and LESS files are licensed under the MIT License: + - http://opensource.org/licenses/mit-license.html +- Full details: http://zavoloklom.github.io/material-design-color-palette/license.html + +## Changelog +- v1.0.0 - add all colors from [Google](http://www.google.com/design/spec/style/color.html#color-color-palette) + +## Versioning + +Material Design Color Palette will be maintained under the Semantic Versioning guidelines as much as possible. Releases will be numbered with the following format: + +`..` + +And constructed with the following guidelines: + +* New colors from Google or changes that breaking backward compatibility bumps the major (and resets the minor and patch) +* New additions without breaking backward compatibility bumps the minor (and resets the patch) +* Bug fixes and misc changes bumps the patch + +For more information on SemVer, please visit http://semver.org. + +## Author +- Email: s.kupletsky@gmail.com +- Website: design4net.ru +- Twitter: https://twitter.com/zavoloklom +- GitHub: https://github.com/zavoloklom +- CodePen: http://codepen.io/zavoloklom \ No newline at end of file diff --git a/css/material-design-color-palette.css b/css/material-design-color-palette.css new file mode 100644 index 0000000..7a6affa --- /dev/null +++ b/css/material-design-color-palette.css @@ -0,0 +1,3938 @@ +/*! + * Material Design Color Palette 1.0.0 by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-color-palette/ + * License - https://github.com/zavoloklom/material-design-color-palette/blob/master/License (MIT license) + */ +.mdc-text-red { + color: #e51c23; +} +a.mdc-text-red:hover, +a.mdc-text-red:focus { + color: #dd191d; +} +.mdc-text-red-50 { + color: #fde0dc; +} +a.mdc-text-red-50:hover, +a.mdc-text-red-50:focus { + color: #f9bdbb; +} +.mdc-text-red-100 { + color: #f9bdbb; +} +a.mdc-text-red-100:hover, +a.mdc-text-red-100:focus { + color: #f69988; +} +.mdc-text-red-200 { + color: #f69988; +} +a.mdc-text-red-200:hover, +a.mdc-text-red-200:focus { + color: #f36c60; +} +.mdc-text-red-300 { + color: #f36c60; +} +a.mdc-text-red-300:hover, +a.mdc-text-red-300:focus { + color: #e84e40; +} +.mdc-text-red-400 { + color: #e84e40; +} +a.mdc-text-red-400:hover, +a.mdc-text-red-400:focus { + color: #e51c23; +} +.mdc-text-red-500 { + color: #e51c23; +} +a.mdc-text-red-500:hover, +a.mdc-text-red-500:focus { + color: #dd191d; +} +.mdc-text-red-600 { + color: #dd191d; +} +a.mdc-text-red-600:hover, +a.mdc-text-red-600:focus { + color: #d01716; +} +.mdc-text-red-700 { + color: #d01716; +} +a.mdc-text-red-700:hover, +a.mdc-text-red-700:focus { + color: #c41411; +} +.mdc-text-red-800 { + color: #c41411; +} +a.mdc-text-red-800:hover, +a.mdc-text-red-800:focus { + color: #b0120a; +} +.mdc-text-red-900 { + color: #b0120a; +} +a.mdc-text-red-900:hover, +a.mdc-text-red-900:focus { + color: #800d07; +} +.mdc-text-red-A100 { + color: #ff7997; +} +a.mdc-text-red-A100:hover, +a.mdc-text-red-A100:focus { + color: #ff466f; +} +.mdc-text-red-A200 { + color: #ff5177; +} +a.mdc-text-red-A200:hover, +a.mdc-text-red-A200:focus { + color: #ff1e4f; +} +.mdc-text-red-A400 { + color: #ff2d6f; +} +a.mdc-text-red-A400:hover, +a.mdc-text-red-A400:focus { + color: #f9004e; +} +.mdc-text-red-A700 { + color: #e00032; +} +a.mdc-text-red-A700:hover, +a.mdc-text-red-A700:focus { + color: #ad0027; +} +.mdc-bg-red { + background-color: #e51c23; +} +a.mdc-bg-red:hover, +a.mdc-bg-red:focus { + background-color: #dd191d; +} +.mdc-bg-red-50 { + background-color: #fde0dc; +} +a.mdc-bg-red-50:hover, +a.mdc-bg-red-50:focus { + background-color: #f9bdbb; +} +.mdc-bg-red-100 { + background-color: #f9bdbb; +} +a.mdc-bg-red-100:hover, +a.mdc-bg-red-100:focus { + background-color: #f69988; +} +.mdc-bg-red-200 { + background-color: #f69988; +} +a.mdc-bg-red-200:hover, +a.mdc-bg-red-200:focus { + background-color: #f36c60; +} +.mdc-bg-red-300 { + background-color: #f36c60; +} +a.mdc-bg-red-300:hover, +a.mdc-bg-red-300:focus { + background-color: #e84e40; +} +.mdc-bg-red-400 { + background-color: #e84e40; +} +a.mdc-bg-red-400:hover, +a.mdc-bg-red-400:focus { + background-color: #e51c23; +} +.mdc-bg-red-500 { + background-color: #e51c23; +} +a.mdc-bg-red-500:hover, +a.mdc-bg-red-500:focus { + background-color: #dd191d; +} +.mdc-bg-red-600 { + background-color: #dd191d; +} +a.mdc-bg-red-600:hover, +a.mdc-bg-red-600:focus { + background-color: #d01716; +} +.mdc-bg-red-700 { + background-color: #d01716; +} +a.mdc-bg-red-700:hover, +a.mdc-bg-red-700:focus { + background-color: #c41411; +} +.mdc-bg-red-800 { + background-color: #c41411; +} +a.mdc-bg-red-800:hover, +a.mdc-bg-red-800:focus { + background-color: #b0120a; +} +.mdc-bg-red-900 { + background-color: #b0120a; +} +a.mdc-bg-red-900:hover, +a.mdc-bg-red-900:focus { + background-color: #800d07; +} +.mdc-bg-red-A100 { + background-color: #ff7997; +} +a.mdc-bg-red-A100:hover, +a.mdc-bg-red-A100:focus { + background-color: #ff466f; +} +.mdc-bg-red-A200 { + background-color: #ff5177; +} +a.mdc-bg-red-A200:hover, +a.mdc-bg-red-A200:focus { + background-color: #ff1e4f; +} +.mdc-bg-red-A400 { + background-color: #ff2d6f; +} +a.mdc-bg-red-A400:hover, +a.mdc-bg-red-A400:focus { + background-color: #f9004e; +} +.mdc-bg-red-A700 { + background-color: #e00032; +} +a.mdc-bg-red-A700:hover, +a.mdc-bg-red-A700:focus { + background-color: #ad0027; +} +.mdc-text-pink { + color: #e91e63; +} +a.mdc-text-pink:hover, +a.mdc-text-pink:focus { + color: #d81b60; +} +.mdc-text-pink-50 { + color: #fce4ec; +} +a.mdc-text-pink-50:hover, +a.mdc-text-pink-50:focus { + color: #f8bbd0; +} +.mdc-text-pink-100 { + color: #f8bbd0; +} +a.mdc-text-pink-100:hover, +a.mdc-text-pink-100:focus { + color: #f48fb1; +} +.mdc-text-pink-200 { + color: #f48fb1; +} +a.mdc-text-pink-200:hover, +a.mdc-text-pink-200:focus { + color: #f06292; +} +.mdc-text-pink-300 { + color: #f06292; +} +a.mdc-text-pink-300:hover, +a.mdc-text-pink-300:focus { + color: #ec407a; +} +.mdc-text-pink-400 { + color: #ec407a; +} +a.mdc-text-pink-400:hover, +a.mdc-text-pink-400:focus { + color: #e91e63; +} +.mdc-text-pink-500 { + color: #e91e63; +} +a.mdc-text-pink-500:hover, +a.mdc-text-pink-500:focus { + color: #d81b60; +} +.mdc-text-pink-600 { + color: #d81b60; +} +a.mdc-text-pink-600:hover, +a.mdc-text-pink-600:focus { + color: #c2185b; +} +.mdc-text-pink-700 { + color: #c2185b; +} +a.mdc-text-pink-700:hover, +a.mdc-text-pink-700:focus { + color: #ad1457; +} +.mdc-text-pink-800 { + color: #ad1457; +} +a.mdc-text-pink-800:hover, +a.mdc-text-pink-800:focus { + color: #880e4f; +} +.mdc-text-pink-900 { + color: #880e4f; +} +a.mdc-text-pink-900:hover, +a.mdc-text-pink-900:focus { + color: #5a0934; +} +.mdc-text-pink-A100 { + color: #ff80ab; +} +a.mdc-text-pink-A100:hover, +a.mdc-text-pink-A100:focus { + color: #ff4d89; +} +.mdc-text-pink-A200 { + color: #ff4081; +} +a.mdc-text-pink-A200:hover, +a.mdc-text-pink-A200:focus { + color: #ff0d5f; +} +.mdc-text-pink-A400 { + color: #f50057; +} +a.mdc-text-pink-A400:hover, +a.mdc-text-pink-A400:focus { + color: #c20045; +} +.mdc-text-pink-A700 { + color: #c51162; +} +a.mdc-text-pink-A700:hover, +a.mdc-text-pink-A700:focus { + color: #960d4b; +} +.mdc-bg-pink { + background-color: #e91e63; +} +a.mdc-bg-pink:hover, +a.mdc-bg-pink:focus { + background-color: #d81b60; +} +.mdc-bg-pink-50 { + background-color: #fce4ec; +} +a.mdc-bg-pink-50:hover, +a.mdc-bg-pink-50:focus { + background-color: #f8bbd0; +} +.mdc-bg-pink-100 { + background-color: #f8bbd0; +} +a.mdc-bg-pink-100:hover, +a.mdc-bg-pink-100:focus { + background-color: #f48fb1; +} +.mdc-bg-pink-200 { + background-color: #f48fb1; +} +a.mdc-bg-pink-200:hover, +a.mdc-bg-pink-200:focus { + background-color: #f06292; +} +.mdc-bg-pink-300 { + background-color: #f06292; +} +a.mdc-bg-pink-300:hover, +a.mdc-bg-pink-300:focus { + background-color: #ec407a; +} +.mdc-bg-pink-400 { + background-color: #ec407a; +} +a.mdc-bg-pink-400:hover, +a.mdc-bg-pink-400:focus { + background-color: #e91e63; +} +.mdc-bg-pink-500 { + background-color: #e91e63; +} +a.mdc-bg-pink-500:hover, +a.mdc-bg-pink-500:focus { + background-color: #d81b60; +} +.mdc-bg-pink-600 { + background-color: #d81b60; +} +a.mdc-bg-pink-600:hover, +a.mdc-bg-pink-600:focus { + background-color: #c2185b; +} +.mdc-bg-pink-700 { + background-color: #c2185b; +} +a.mdc-bg-pink-700:hover, +a.mdc-bg-pink-700:focus { + background-color: #ad1457; +} +.mdc-bg-pink-800 { + background-color: #ad1457; +} +a.mdc-bg-pink-800:hover, +a.mdc-bg-pink-800:focus { + background-color: #880e4f; +} +.mdc-bg-pink-900 { + background-color: #880e4f; +} +a.mdc-bg-pink-900:hover, +a.mdc-bg-pink-900:focus { + background-color: #5a0934; +} +.mdc-bg-pink-A100 { + background-color: #ff80ab; +} +a.mdc-bg-pink-A100:hover, +a.mdc-bg-pink-A100:focus { + background-color: #ff4d89; +} +.mdc-bg-pink-A200 { + background-color: #ff4081; +} +a.mdc-bg-pink-A200:hover, +a.mdc-bg-pink-A200:focus { + background-color: #ff0d5f; +} +.mdc-bg-pink-A400 { + background-color: #f50057; +} +a.mdc-bg-pink-A400:hover, +a.mdc-bg-pink-A400:focus { + background-color: #c20045; +} +.mdc-bg-pink-A700 { + background-color: #c51162; +} +a.mdc-bg-pink-A700:hover, +a.mdc-bg-pink-A700:focus { + background-color: #960d4b; +} +.mdc-text-purple { + color: #9c27b0; +} +a.mdc-text-purple:hover, +a.mdc-text-purple:focus { + color: #8e24aa; +} +.mdc-text-purple-50 { + color: #f3e5f5; +} +a.mdc-text-purple-50:hover, +a.mdc-text-purple-50:focus { + color: #e1bee7; +} +.mdc-text-purple-100 { + color: #e1bee7; +} +a.mdc-text-purple-100:hover, +a.mdc-text-purple-100:focus { + color: #ce93d8; +} +.mdc-text-purple-200 { + color: #ce93d8; +} +a.mdc-text-purple-200:hover, +a.mdc-text-purple-200:focus { + color: #ba68c8; +} +.mdc-text-purple-300 { + color: #ba68c8; +} +a.mdc-text-purple-300:hover, +a.mdc-text-purple-300:focus { + color: #ab47bc; +} +.mdc-text-purple-400 { + color: #ab47bc; +} +a.mdc-text-purple-400:hover, +a.mdc-text-purple-400:focus { + color: #9c27b0; +} +.mdc-text-purple-500 { + color: #9c27b0; +} +a.mdc-text-purple-500:hover, +a.mdc-text-purple-500:focus { + color: #8e24aa; +} +.mdc-text-purple-600 { + color: #8e24aa; +} +a.mdc-text-purple-600:hover, +a.mdc-text-purple-600:focus { + color: #7b1fa2; +} +.mdc-text-purple-700 { + color: #7b1fa2; +} +a.mdc-text-purple-700:hover, +a.mdc-text-purple-700:focus { + color: #6a1b9a; +} +.mdc-text-purple-800 { + color: #6a1b9a; +} +a.mdc-text-purple-800:hover, +a.mdc-text-purple-800:focus { + color: #4a148c; +} +.mdc-text-purple-900 { + color: #4a148c; +} +a.mdc-text-purple-900:hover, +a.mdc-text-purple-900:focus { + color: #320e5f; +} +.mdc-text-purple-A100 { + color: #ea80fc; +} +a.mdc-text-purple-A100:hover, +a.mdc-text-purple-A100:focus { + color: #e24efb; +} +.mdc-text-purple-A200 { + color: #e040fb; +} +a.mdc-text-purple-A200:hover, +a.mdc-text-purple-A200:focus { + color: #d80efa; +} +.mdc-text-purple-A400 { + color: #d500f9; +} +a.mdc-text-purple-A400:hover, +a.mdc-text-purple-A400:focus { + color: #a900c6; +} +.mdc-text-purple-A700 { + color: #aa00ff; +} +a.mdc-text-purple-A700:hover, +a.mdc-text-purple-A700:focus { + color: #8800cc; +} +.mdc-bg-purple { + background-color: #9c27b0; +} +a.mdc-bg-purple:hover, +a.mdc-bg-purple:focus { + background-color: #8e24aa; +} +.mdc-bg-purple-50 { + background-color: #f3e5f5; +} +a.mdc-bg-purple-50:hover, +a.mdc-bg-purple-50:focus { + background-color: #e1bee7; +} +.mdc-bg-purple-100 { + background-color: #e1bee7; +} +a.mdc-bg-purple-100:hover, +a.mdc-bg-purple-100:focus { + background-color: #ce93d8; +} +.mdc-bg-purple-200 { + background-color: #ce93d8; +} +a.mdc-bg-purple-200:hover, +a.mdc-bg-purple-200:focus { + background-color: #ba68c8; +} +.mdc-bg-purple-300 { + background-color: #ba68c8; +} +a.mdc-bg-purple-300:hover, +a.mdc-bg-purple-300:focus { + background-color: #ab47bc; +} +.mdc-bg-purple-400 { + background-color: #ab47bc; +} +a.mdc-bg-purple-400:hover, +a.mdc-bg-purple-400:focus { + background-color: #9c27b0; +} +.mdc-bg-purple-500 { + background-color: #9c27b0; +} +a.mdc-bg-purple-500:hover, +a.mdc-bg-purple-500:focus { + background-color: #8e24aa; +} +.mdc-bg-purple-600 { + background-color: #8e24aa; +} +a.mdc-bg-purple-600:hover, +a.mdc-bg-purple-600:focus { + background-color: #7b1fa2; +} +.mdc-bg-purple-700 { + background-color: #7b1fa2; +} +a.mdc-bg-purple-700:hover, +a.mdc-bg-purple-700:focus { + background-color: #6a1b9a; +} +.mdc-bg-purple-800 { + background-color: #6a1b9a; +} +a.mdc-bg-purple-800:hover, +a.mdc-bg-purple-800:focus { + background-color: #4a148c; +} +.mdc-bg-purple-900 { + background-color: #4a148c; +} +a.mdc-bg-purple-900:hover, +a.mdc-bg-purple-900:focus { + background-color: #320e5f; +} +.mdc-bg-purple-A100 { + background-color: #ea80fc; +} +a.mdc-bg-purple-A100:hover, +a.mdc-bg-purple-A100:focus { + background-color: #e24efb; +} +.mdc-bg-purple-A200 { + background-color: #e040fb; +} +a.mdc-bg-purple-A200:hover, +a.mdc-bg-purple-A200:focus { + background-color: #d80efa; +} +.mdc-bg-purple-A400 { + background-color: #d500f9; +} +a.mdc-bg-purple-A400:hover, +a.mdc-bg-purple-A400:focus { + background-color: #a900c6; +} +.mdc-bg-purple-A700 { + background-color: #aa00ff; +} +a.mdc-bg-purple-A700:hover, +a.mdc-bg-purple-A700:focus { + background-color: #8800cc; +} +.mdc-text-deep-purple { + color: #673ab7; +} +a.mdc-text-deep-purple:hover, +a.mdc-text-deep-purple:focus { + color: #5e35b1; +} +.mdc-text-deep-purple-50 { + color: #ede7f6; +} +a.mdc-text-deep-purple-50:hover, +a.mdc-text-deep-purple-50:focus { + color: #d1c4e9; +} +.mdc-text-deep-purple-100 { + color: #d1c4e9; +} +a.mdc-text-deep-purple-100:hover, +a.mdc-text-deep-purple-100:focus { + color: #b39ddb; +} +.mdc-text-deep-purple-200 { + color: #b39ddb; +} +a.mdc-text-deep-purple-200:hover, +a.mdc-text-deep-purple-200:focus { + color: #9575cd; +} +.mdc-text-deep-purple-300 { + color: #9575cd; +} +a.mdc-text-deep-purple-300:hover, +a.mdc-text-deep-purple-300:focus { + color: #7e57c2; +} +.mdc-text-deep-purple-400 { + color: #7e57c2; +} +a.mdc-text-deep-purple-400:hover, +a.mdc-text-deep-purple-400:focus { + color: #673ab7; +} +.mdc-text-deep-purple-500 { + color: #673ab7; +} +a.mdc-text-deep-purple-500:hover, +a.mdc-text-deep-purple-500:focus { + color: #5e35b1; +} +.mdc-text-deep-purple-600 { + color: #5e35b1; +} +a.mdc-text-deep-purple-600:hover, +a.mdc-text-deep-purple-600:focus { + color: #512da8; +} +.mdc-text-deep-purple-700 { + color: #512da8; +} +a.mdc-text-deep-purple-700:hover, +a.mdc-text-deep-purple-700:focus { + color: #4527a0; +} +.mdc-text-deep-purple-800 { + color: #4527a0; +} +a.mdc-text-deep-purple-800:hover, +a.mdc-text-deep-purple-800:focus { + color: #311b92; +} +.mdc-text-deep-purple-900 { + color: #311b92; +} +a.mdc-text-deep-purple-900:hover, +a.mdc-text-deep-purple-900:focus { + color: #231367; +} +.mdc-text-deep-purple-A100 { + color: #b388ff; +} +a.mdc-text-deep-purple-A100:hover, +a.mdc-text-deep-purple-A100:focus { + color: #9255ff; +} +.mdc-text-deep-purple-A200 { + color: #7c4dff; +} +a.mdc-text-deep-purple-A200:hover, +a.mdc-text-deep-purple-A200:focus { + color: #561aff; +} +.mdc-text-deep-purple-A400 { + color: #651fff; +} +a.mdc-text-deep-purple-A400:hover, +a.mdc-text-deep-purple-A400:focus { + color: #4900eb; +} +.mdc-text-deep-purple-A700 { + color: #6200ea; +} +a.mdc-text-deep-purple-A700:hover, +a.mdc-text-deep-purple-A700:focus { + color: #4d00b7; +} +.mdc-bg-deep-purple { + background-color: #673ab7; +} +a.mdc-bg-deep-purple:hover, +a.mdc-bg-deep-purple:focus { + background-color: #5e35b1; +} +.mdc-bg-deep-purple-50 { + background-color: #ede7f6; +} +a.mdc-bg-deep-purple-50:hover, +a.mdc-bg-deep-purple-50:focus { + background-color: #d1c4e9; +} +.mdc-bg-deep-purple-100 { + background-color: #d1c4e9; +} +a.mdc-bg-deep-purple-100:hover, +a.mdc-bg-deep-purple-100:focus { + background-color: #b39ddb; +} +.mdc-bg-deep-purple-200 { + background-color: #b39ddb; +} +a.mdc-bg-deep-purple-200:hover, +a.mdc-bg-deep-purple-200:focus { + background-color: #9575cd; +} +.mdc-bg-deep-purple-300 { + background-color: #9575cd; +} +a.mdc-bg-deep-purple-300:hover, +a.mdc-bg-deep-purple-300:focus { + background-color: #7e57c2; +} +.mdc-bg-deep-purple-400 { + background-color: #7e57c2; +} +a.mdc-bg-deep-purple-400:hover, +a.mdc-bg-deep-purple-400:focus { + background-color: #673ab7; +} +.mdc-bg-deep-purple-500 { + background-color: #673ab7; +} +a.mdc-bg-deep-purple-500:hover, +a.mdc-bg-deep-purple-500:focus { + background-color: #5e35b1; +} +.mdc-bg-deep-purple-600 { + background-color: #5e35b1; +} +a.mdc-bg-deep-purple-600:hover, +a.mdc-bg-deep-purple-600:focus { + background-color: #512da8; +} +.mdc-bg-deep-purple-700 { + background-color: #512da8; +} +a.mdc-bg-deep-purple-700:hover, +a.mdc-bg-deep-purple-700:focus { + background-color: #4527a0; +} +.mdc-bg-deep-purple-800 { + background-color: #4527a0; +} +a.mdc-bg-deep-purple-800:hover, +a.mdc-bg-deep-purple-800:focus { + background-color: #311b92; +} +.mdc-bg-deep-purple-900 { + background-color: #311b92; +} +a.mdc-bg-deep-purple-900:hover, +a.mdc-bg-deep-purple-900:focus { + background-color: #231367; +} +.mdc-bg-deep-purple-A100 { + background-color: #b388ff; +} +a.mdc-bg-deep-purple-A100:hover, +a.mdc-bg-deep-purple-A100:focus { + background-color: #9255ff; +} +.mdc-bg-deep-purple-A200 { + background-color: #7c4dff; +} +a.mdc-bg-deep-purple-A200:hover, +a.mdc-bg-deep-purple-A200:focus { + background-color: #561aff; +} +.mdc-bg-deep-purple-A400 { + background-color: #651fff; +} +a.mdc-bg-deep-purple-A400:hover, +a.mdc-bg-deep-purple-A400:focus { + background-color: #4900eb; +} +.mdc-bg-deep-purple-A700 { + background-color: #6200ea; +} +a.mdc-bg-deep-purple-A700:hover, +a.mdc-bg-deep-purple-A700:focus { + background-color: #4d00b7; +} +.mdc-text-indigo { + color: #3f51b5; +} +a.mdc-text-indigo:hover, +a.mdc-text-indigo:focus { + color: #3949ab; +} +.mdc-text-indigo-50 { + color: #e8eaf6; +} +a.mdc-text-indigo-50:hover, +a.mdc-text-indigo-50:focus { + color: #c5cae9; +} +.mdc-text-indigo-100 { + color: #c5cae9; +} +a.mdc-text-indigo-100:hover, +a.mdc-text-indigo-100:focus { + color: #9fa8da; +} +.mdc-text-indigo-200 { + color: #9fa8da; +} +a.mdc-text-indigo-200:hover, +a.mdc-text-indigo-200:focus { + color: #7986cb; +} +.mdc-text-indigo-300 { + color: #7986cb; +} +a.mdc-text-indigo-300:hover, +a.mdc-text-indigo-300:focus { + color: #5c6bc0; +} +.mdc-text-indigo-400 { + color: #5c6bc0; +} +a.mdc-text-indigo-400:hover, +a.mdc-text-indigo-400:focus { + color: #3f51b5; +} +.mdc-text-indigo-500 { + color: #3f51b5; +} +a.mdc-text-indigo-500:hover, +a.mdc-text-indigo-500:focus { + color: #3949ab; +} +.mdc-text-indigo-600 { + color: #3949ab; +} +a.mdc-text-indigo-600:hover, +a.mdc-text-indigo-600:focus { + color: #303f9f; +} +.mdc-text-indigo-700 { + color: #303f9f; +} +a.mdc-text-indigo-700:hover, +a.mdc-text-indigo-700:focus { + color: #283593; +} +.mdc-text-indigo-800 { + color: #283593; +} +a.mdc-text-indigo-800:hover, +a.mdc-text-indigo-800:focus { + color: #1a237e; +} +.mdc-text-indigo-900 { + color: #1a237e; +} +a.mdc-text-indigo-900:hover, +a.mdc-text-indigo-900:focus { + color: #111754; +} +.mdc-text-indigo-A100 { + color: #8c9eff; +} +a.mdc-text-indigo-A100:hover, +a.mdc-text-indigo-A100:focus { + color: #5973ff; +} +.mdc-text-indigo-A200 { + color: #536dfe; +} +a.mdc-text-indigo-A200:hover, +a.mdc-text-indigo-A200:focus { + color: #2042fe; +} +.mdc-text-indigo-A400 { + color: #3d5afe; +} +a.mdc-text-indigo-A400:hover, +a.mdc-text-indigo-A400:focus { + color: #0a2ffe; +} +.mdc-text-indigo-A700 { + color: #304ffe; +} +a.mdc-text-indigo-A700:hover, +a.mdc-text-indigo-A700:focus { + color: #0127fa; +} +.mdc-bg-indigo { + background-color: #3f51b5; +} +a.mdc-bg-indigo:hover, +a.mdc-bg-indigo:focus { + background-color: #3949ab; +} +.mdc-bg-indigo-50 { + background-color: #e8eaf6; +} +a.mdc-bg-indigo-50:hover, +a.mdc-bg-indigo-50:focus { + background-color: #c5cae9; +} +.mdc-bg-indigo-100 { + background-color: #c5cae9; +} +a.mdc-bg-indigo-100:hover, +a.mdc-bg-indigo-100:focus { + background-color: #9fa8da; +} +.mdc-bg-indigo-200 { + background-color: #9fa8da; +} +a.mdc-bg-indigo-200:hover, +a.mdc-bg-indigo-200:focus { + background-color: #7986cb; +} +.mdc-bg-indigo-300 { + background-color: #7986cb; +} +a.mdc-bg-indigo-300:hover, +a.mdc-bg-indigo-300:focus { + background-color: #5c6bc0; +} +.mdc-bg-indigo-400 { + background-color: #5c6bc0; +} +a.mdc-bg-indigo-400:hover, +a.mdc-bg-indigo-400:focus { + background-color: #3f51b5; +} +.mdc-bg-indigo-500 { + background-color: #3f51b5; +} +a.mdc-bg-indigo-500:hover, +a.mdc-bg-indigo-500:focus { + background-color: #3949ab; +} +.mdc-bg-indigo-600 { + background-color: #3949ab; +} +a.mdc-bg-indigo-600:hover, +a.mdc-bg-indigo-600:focus { + background-color: #303f9f; +} +.mdc-bg-indigo-700 { + background-color: #303f9f; +} +a.mdc-bg-indigo-700:hover, +a.mdc-bg-indigo-700:focus { + background-color: #283593; +} +.mdc-bg-indigo-800 { + background-color: #283593; +} +a.mdc-bg-indigo-800:hover, +a.mdc-bg-indigo-800:focus { + background-color: #1a237e; +} +.mdc-bg-indigo-900 { + background-color: #1a237e; +} +a.mdc-bg-indigo-900:hover, +a.mdc-bg-indigo-900:focus { + background-color: #111754; +} +.mdc-bg-indigo-A100 { + background-color: #8c9eff; +} +a.mdc-bg-indigo-A100:hover, +a.mdc-bg-indigo-A100:focus { + background-color: #5973ff; +} +.mdc-bg-indigo-A200 { + background-color: #536dfe; +} +a.mdc-bg-indigo-A200:hover, +a.mdc-bg-indigo-A200:focus { + background-color: #2042fe; +} +.mdc-bg-indigo-A400 { + background-color: #3d5afe; +} +a.mdc-bg-indigo-A400:hover, +a.mdc-bg-indigo-A400:focus { + background-color: #0a2ffe; +} +.mdc-bg-indigo-A700 { + background-color: #304ffe; +} +a.mdc-bg-indigo-A700:hover, +a.mdc-bg-indigo-A700:focus { + background-color: #0127fa; +} +.mdc-text-blue { + color: #5677fc; +} +a.mdc-text-blue:hover, +a.mdc-text-blue:focus { + color: #4e6cef; +} +.mdc-text-blue-50 { + color: #e7e9fd; +} +a.mdc-text-blue-50:hover, +a.mdc-text-blue-50:focus { + color: #d0d9ff; +} +.mdc-text-blue-100 { + color: #d0d9ff; +} +a.mdc-text-blue-100:hover, +a.mdc-text-blue-100:focus { + color: #afbfff; +} +.mdc-text-blue-200 { + color: #afbfff; +} +a.mdc-text-blue-200:hover, +a.mdc-text-blue-200:focus { + color: #91a7ff; +} +.mdc-text-blue-300 { + color: #91a7ff; +} +a.mdc-text-blue-300:hover, +a.mdc-text-blue-300:focus { + color: #738ffe; +} +.mdc-text-blue-400 { + color: #738ffe; +} +a.mdc-text-blue-400:hover, +a.mdc-text-blue-400:focus { + color: #5677fc; +} +.mdc-text-blue-500 { + color: #5677fc; +} +a.mdc-text-blue-500:hover, +a.mdc-text-blue-500:focus { + color: #4e6cef; +} +.mdc-text-blue-600 { + color: #4e6cef; +} +a.mdc-text-blue-600:hover, +a.mdc-text-blue-600:focus { + color: #455ede; +} +.mdc-text-blue-700 { + color: #455ede; +} +a.mdc-text-blue-700:hover, +a.mdc-text-blue-700:focus { + color: #3b50ce; +} +.mdc-text-blue-800 { + color: #3b50ce; +} +a.mdc-text-blue-800:hover, +a.mdc-text-blue-800:focus { + color: #2a36b1; +} +.mdc-text-blue-900 { + color: #2a36b1; +} +a.mdc-text-blue-900:hover, +a.mdc-text-blue-900:focus { + color: #202988; +} +.mdc-text-blue-A100 { + color: #a6baff; +} +a.mdc-text-blue-A100:hover, +a.mdc-text-blue-A100:focus { + color: #7392ff; +} +.mdc-text-blue-A200 { + color: #6889ff; +} +a.mdc-text-blue-A200:hover, +a.mdc-text-blue-A200:focus { + color: #3561ff; +} +.mdc-text-blue-A400 { + color: #4d73ff; +} +a.mdc-text-blue-A400:hover, +a.mdc-text-blue-A400:focus { + color: #1a4bff; +} +.mdc-text-blue-A700 { + color: #4d69ff; +} +a.mdc-text-blue-A700:hover, +a.mdc-text-blue-A700:focus { + color: #1a3eff; +} +.mdc-bg-blue { + background-color: #5677fc; +} +a.mdc-bg-blue:hover, +a.mdc-bg-blue:focus { + background-color: #4e6cef; +} +.mdc-bg-blue-50 { + background-color: #e7e9fd; +} +a.mdc-bg-blue-50:hover, +a.mdc-bg-blue-50:focus { + background-color: #d0d9ff; +} +.mdc-bg-blue-100 { + background-color: #d0d9ff; +} +a.mdc-bg-blue-100:hover, +a.mdc-bg-blue-100:focus { + background-color: #afbfff; +} +.mdc-bg-blue-200 { + background-color: #afbfff; +} +a.mdc-bg-blue-200:hover, +a.mdc-bg-blue-200:focus { + background-color: #91a7ff; +} +.mdc-bg-blue-300 { + background-color: #91a7ff; +} +a.mdc-bg-blue-300:hover, +a.mdc-bg-blue-300:focus { + background-color: #738ffe; +} +.mdc-bg-blue-400 { + background-color: #738ffe; +} +a.mdc-bg-blue-400:hover, +a.mdc-bg-blue-400:focus { + background-color: #5677fc; +} +.mdc-bg-blue-500 { + background-color: #5677fc; +} +a.mdc-bg-blue-500:hover, +a.mdc-bg-blue-500:focus { + background-color: #4e6cef; +} +.mdc-bg-blue-600 { + background-color: #4e6cef; +} +a.mdc-bg-blue-600:hover, +a.mdc-bg-blue-600:focus { + background-color: #455ede; +} +.mdc-bg-blue-700 { + background-color: #455ede; +} +a.mdc-bg-blue-700:hover, +a.mdc-bg-blue-700:focus { + background-color: #3b50ce; +} +.mdc-bg-blue-800 { + background-color: #3b50ce; +} +a.mdc-bg-blue-800:hover, +a.mdc-bg-blue-800:focus { + background-color: #2a36b1; +} +.mdc-bg-blue-900 { + background-color: #2a36b1; +} +a.mdc-bg-blue-900:hover, +a.mdc-bg-blue-900:focus { + background-color: #202988; +} +.mdc-bg-blue-A100 { + background-color: #a6baff; +} +a.mdc-bg-blue-A100:hover, +a.mdc-bg-blue-A100:focus { + background-color: #7392ff; +} +.mdc-bg-blue-A200 { + background-color: #6889ff; +} +a.mdc-bg-blue-A200:hover, +a.mdc-bg-blue-A200:focus { + background-color: #3561ff; +} +.mdc-bg-blue-A400 { + background-color: #4d73ff; +} +a.mdc-bg-blue-A400:hover, +a.mdc-bg-blue-A400:focus { + background-color: #1a4bff; +} +.mdc-bg-blue-A700 { + background-color: #4d69ff; +} +a.mdc-bg-blue-A700:hover, +a.mdc-bg-blue-A700:focus { + background-color: #1a3eff; +} +.mdc-text-light-blue { + color: #03a9f4; +} +a.mdc-text-light-blue:hover, +a.mdc-text-light-blue:focus { + color: #039be5; +} +.mdc-text-light-blue-50 { + color: #e1f5fe; +} +a.mdc-text-light-blue-50:hover, +a.mdc-text-light-blue-50:focus { + color: #b3e5fc; +} +.mdc-text-light-blue-100 { + color: #b3e5fc; +} +a.mdc-text-light-blue-100:hover, +a.mdc-text-light-blue-100:focus { + color: #81d4fa; +} +.mdc-text-light-blue-200 { + color: #81d4fa; +} +a.mdc-text-light-blue-200:hover, +a.mdc-text-light-blue-200:focus { + color: #4fc3f7; +} +.mdc-text-light-blue-300 { + color: #4fc3f7; +} +a.mdc-text-light-blue-300:hover, +a.mdc-text-light-blue-300:focus { + color: #29b6f6; +} +.mdc-text-light-blue-400 { + color: #29b6f6; +} +a.mdc-text-light-blue-400:hover, +a.mdc-text-light-blue-400:focus { + color: #03a9f4; +} +.mdc-text-light-blue-500 { + color: #03a9f4; +} +a.mdc-text-light-blue-500:hover, +a.mdc-text-light-blue-500:focus { + color: #039be5; +} +.mdc-text-light-blue-600 { + color: #039be5; +} +a.mdc-text-light-blue-600:hover, +a.mdc-text-light-blue-600:focus { + color: #0288d1; +} +.mdc-text-light-blue-700 { + color: #0288d1; +} +a.mdc-text-light-blue-700:hover, +a.mdc-text-light-blue-700:focus { + color: #0277bd; +} +.mdc-text-light-blue-800 { + color: #0277bd; +} +a.mdc-text-light-blue-800:hover, +a.mdc-text-light-blue-800:focus { + color: #01579b; +} +.mdc-text-light-blue-900 { + color: #01579b; +} +a.mdc-text-light-blue-900:hover, +a.mdc-text-light-blue-900:focus { + color: #013b68; +} +.mdc-text-light-blue-A100 { + color: #80d8ff; +} +a.mdc-text-light-blue-A100:hover, +a.mdc-text-light-blue-A100:focus { + color: #4dc8ff; +} +.mdc-text-light-blue-A200 { + color: #40c4ff; +} +a.mdc-text-light-blue-A200:hover, +a.mdc-text-light-blue-A200:focus { + color: #0db4ff; +} +.mdc-text-light-blue-A400 { + color: #00b0ff; +} +a.mdc-text-light-blue-A400:hover, +a.mdc-text-light-blue-A400:focus { + color: #008dcc; +} +.mdc-text-light-blue-A700 { + color: #0091ea; +} +a.mdc-text-light-blue-A700:hover, +a.mdc-text-light-blue-A700:focus { + color: #0071b7; +} +.mdc-bg-light-blue { + background-color: #03a9f4; +} +a.mdc-bg-light-blue:hover, +a.mdc-bg-light-blue:focus { + background-color: #039be5; +} +.mdc-bg-light-blue-50 { + background-color: #e1f5fe; +} +a.mdc-bg-light-blue-50:hover, +a.mdc-bg-light-blue-50:focus { + background-color: #b3e5fc; +} +.mdc-bg-light-blue-100 { + background-color: #b3e5fc; +} +a.mdc-bg-light-blue-100:hover, +a.mdc-bg-light-blue-100:focus { + background-color: #81d4fa; +} +.mdc-bg-light-blue-200 { + background-color: #81d4fa; +} +a.mdc-bg-light-blue-200:hover, +a.mdc-bg-light-blue-200:focus { + background-color: #4fc3f7; +} +.mdc-bg-light-blue-300 { + background-color: #4fc3f7; +} +a.mdc-bg-light-blue-300:hover, +a.mdc-bg-light-blue-300:focus { + background-color: #29b6f6; +} +.mdc-bg-light-blue-400 { + background-color: #29b6f6; +} +a.mdc-bg-light-blue-400:hover, +a.mdc-bg-light-blue-400:focus { + background-color: #03a9f4; +} +.mdc-bg-light-blue-500 { + background-color: #03a9f4; +} +a.mdc-bg-light-blue-500:hover, +a.mdc-bg-light-blue-500:focus { + background-color: #039be5; +} +.mdc-bg-light-blue-600 { + background-color: #039be5; +} +a.mdc-bg-light-blue-600:hover, +a.mdc-bg-light-blue-600:focus { + background-color: #0288d1; +} +.mdc-bg-light-blue-700 { + background-color: #0288d1; +} +a.mdc-bg-light-blue-700:hover, +a.mdc-bg-light-blue-700:focus { + background-color: #0277bd; +} +.mdc-bg-light-blue-800 { + background-color: #0277bd; +} +a.mdc-bg-light-blue-800:hover, +a.mdc-bg-light-blue-800:focus { + background-color: #01579b; +} +.mdc-bg-light-blue-900 { + background-color: #01579b; +} +a.mdc-bg-light-blue-900:hover, +a.mdc-bg-light-blue-900:focus { + background-color: #013b68; +} +.mdc-bg-light-blue-A100 { + background-color: #80d8ff; +} +a.mdc-bg-light-blue-A100:hover, +a.mdc-bg-light-blue-A100:focus { + background-color: #4dc8ff; +} +.mdc-bg-light-blue-A200 { + background-color: #40c4ff; +} +a.mdc-bg-light-blue-A200:hover, +a.mdc-bg-light-blue-A200:focus { + background-color: #0db4ff; +} +.mdc-bg-light-blue-A400 { + background-color: #00b0ff; +} +a.mdc-bg-light-blue-A400:hover, +a.mdc-bg-light-blue-A400:focus { + background-color: #008dcc; +} +.mdc-bg-light-blue-A700 { + background-color: #0091ea; +} +a.mdc-bg-light-blue-A700:hover, +a.mdc-bg-light-blue-A700:focus { + background-color: #0071b7; +} +.mdc-text-cyan { + color: #00bcd4; +} +a.mdc-text-cyan:hover, +a.mdc-text-cyan:focus { + color: #00acc1; +} +.mdc-text-cyan-50 { + color: #e0f7fa; +} +a.mdc-text-cyan-50:hover, +a.mdc-text-cyan-50:focus { + color: #b2ebf2; +} +.mdc-text-cyan-100 { + color: #b2ebf2; +} +a.mdc-text-cyan-100:hover, +a.mdc-text-cyan-100:focus { + color: #80deea; +} +.mdc-text-cyan-200 { + color: #80deea; +} +a.mdc-text-cyan-200:hover, +a.mdc-text-cyan-200:focus { + color: #4dd0e1; +} +.mdc-text-cyan-300 { + color: #4dd0e1; +} +a.mdc-text-cyan-300:hover, +a.mdc-text-cyan-300:focus { + color: #26c6da; +} +.mdc-text-cyan-400 { + color: #26c6da; +} +a.mdc-text-cyan-400:hover, +a.mdc-text-cyan-400:focus { + color: #00bcd4; +} +.mdc-text-cyan-500 { + color: #00bcd4; +} +a.mdc-text-cyan-500:hover, +a.mdc-text-cyan-500:focus { + color: #00acc1; +} +.mdc-text-cyan-600 { + color: #00acc1; +} +a.mdc-text-cyan-600:hover, +a.mdc-text-cyan-600:focus { + color: #0097a7; +} +.mdc-text-cyan-700 { + color: #0097a7; +} +a.mdc-text-cyan-700:hover, +a.mdc-text-cyan-700:focus { + color: #00838f; +} +.mdc-text-cyan-800 { + color: #00838f; +} +a.mdc-text-cyan-800:hover, +a.mdc-text-cyan-800:focus { + color: #006064; +} +.mdc-text-cyan-900 { + color: #006064; +} +a.mdc-text-cyan-900:hover, +a.mdc-text-cyan-900:focus { + color: #002f31; +} +.mdc-text-cyan-A100 { + color: #84ffff; +} +a.mdc-text-cyan-A100:hover, +a.mdc-text-cyan-A100:focus { + color: #51ffff; +} +.mdc-text-cyan-A200 { + color: #18ffff; +} +a.mdc-text-cyan-A200:hover, +a.mdc-text-cyan-A200:focus { + color: #00e4e4; +} +.mdc-text-cyan-A400 { + color: #00e5ff; +} +a.mdc-text-cyan-A400:hover, +a.mdc-text-cyan-A400:focus { + color: #00b7cc; +} +.mdc-text-cyan-A700 { + color: #00b8d4; +} +a.mdc-text-cyan-A700:hover, +a.mdc-text-cyan-A700:focus { + color: #008ca1; +} +.mdc-bg-cyan { + background-color: #00bcd4; +} +a.mdc-bg-cyan:hover, +a.mdc-bg-cyan:focus { + background-color: #00acc1; +} +.mdc-bg-cyan-50 { + background-color: #e0f7fa; +} +a.mdc-bg-cyan-50:hover, +a.mdc-bg-cyan-50:focus { + background-color: #b2ebf2; +} +.mdc-bg-cyan-100 { + background-color: #b2ebf2; +} +a.mdc-bg-cyan-100:hover, +a.mdc-bg-cyan-100:focus { + background-color: #80deea; +} +.mdc-bg-cyan-200 { + background-color: #80deea; +} +a.mdc-bg-cyan-200:hover, +a.mdc-bg-cyan-200:focus { + background-color: #4dd0e1; +} +.mdc-bg-cyan-300 { + background-color: #4dd0e1; +} +a.mdc-bg-cyan-300:hover, +a.mdc-bg-cyan-300:focus { + background-color: #26c6da; +} +.mdc-bg-cyan-400 { + background-color: #26c6da; +} +a.mdc-bg-cyan-400:hover, +a.mdc-bg-cyan-400:focus { + background-color: #00bcd4; +} +.mdc-bg-cyan-500 { + background-color: #00bcd4; +} +a.mdc-bg-cyan-500:hover, +a.mdc-bg-cyan-500:focus { + background-color: #00acc1; +} +.mdc-bg-cyan-600 { + background-color: #00acc1; +} +a.mdc-bg-cyan-600:hover, +a.mdc-bg-cyan-600:focus { + background-color: #0097a7; +} +.mdc-bg-cyan-700 { + background-color: #0097a7; +} +a.mdc-bg-cyan-700:hover, +a.mdc-bg-cyan-700:focus { + background-color: #00838f; +} +.mdc-bg-cyan-800 { + background-color: #00838f; +} +a.mdc-bg-cyan-800:hover, +a.mdc-bg-cyan-800:focus { + background-color: #006064; +} +.mdc-bg-cyan-900 { + background-color: #006064; +} +a.mdc-bg-cyan-900:hover, +a.mdc-bg-cyan-900:focus { + background-color: #002f31; +} +.mdc-bg-cyan-A100 { + background-color: #84ffff; +} +a.mdc-bg-cyan-A100:hover, +a.mdc-bg-cyan-A100:focus { + background-color: #51ffff; +} +.mdc-bg-cyan-A200 { + background-color: #18ffff; +} +a.mdc-bg-cyan-A200:hover, +a.mdc-bg-cyan-A200:focus { + background-color: #00e4e4; +} +.mdc-bg-cyan-A400 { + background-color: #00e5ff; +} +a.mdc-bg-cyan-A400:hover, +a.mdc-bg-cyan-A400:focus { + background-color: #00b7cc; +} +.mdc-bg-cyan-A700 { + background-color: #00b8d4; +} +a.mdc-bg-cyan-A700:hover, +a.mdc-bg-cyan-A700:focus { + background-color: #008ca1; +} +.mdc-text-teal { + color: #009688; +} +a.mdc-text-teal:hover, +a.mdc-text-teal:focus { + color: #00897b; +} +.mdc-text-teal-50 { + color: #e0f2f1; +} +a.mdc-text-teal-50:hover, +a.mdc-text-teal-50:focus { + color: #b2dfdb; +} +.mdc-text-teal-100 { + color: #b2dfdb; +} +a.mdc-text-teal-100:hover, +a.mdc-text-teal-100:focus { + color: #80cbc4; +} +.mdc-text-teal-200 { + color: #80cbc4; +} +a.mdc-text-teal-200:hover, +a.mdc-text-teal-200:focus { + color: #4db6ac; +} +.mdc-text-teal-300 { + color: #4db6ac; +} +a.mdc-text-teal-300:hover, +a.mdc-text-teal-300:focus { + color: #26a69a; +} +.mdc-text-teal-400 { + color: #26a69a; +} +a.mdc-text-teal-400:hover, +a.mdc-text-teal-400:focus { + color: #009688; +} +.mdc-text-teal-500 { + color: #009688; +} +a.mdc-text-teal-500:hover, +a.mdc-text-teal-500:focus { + color: #00897b; +} +.mdc-text-teal-600 { + color: #00897b; +} +a.mdc-text-teal-600:hover, +a.mdc-text-teal-600:focus { + color: #00796b; +} +.mdc-text-teal-700 { + color: #00796b; +} +a.mdc-text-teal-700:hover, +a.mdc-text-teal-700:focus { + color: #00695c; +} +.mdc-text-teal-800 { + color: #00695c; +} +a.mdc-text-teal-800:hover, +a.mdc-text-teal-800:focus { + color: #004d40; +} +.mdc-text-teal-900 { + color: #004d40; +} +a.mdc-text-teal-900:hover, +a.mdc-text-teal-900:focus { + color: #001a16; +} +.mdc-text-teal-A100 { + color: #a7ffeb; +} +a.mdc-text-teal-A100:hover, +a.mdc-text-teal-A100:focus { + color: #74ffdf; +} +.mdc-text-teal-A200 { + color: #64ffda; +} +a.mdc-text-teal-A200:hover, +a.mdc-text-teal-A200:focus { + color: #31ffce; +} +.mdc-text-teal-A400 { + color: #1de9b6; +} +a.mdc-text-teal-A400:hover, +a.mdc-text-teal-A400:focus { + color: #13c095; +} +.mdc-text-teal-A700 { + color: #00bfa5; +} +a.mdc-text-teal-A700:hover, +a.mdc-text-teal-A700:focus { + color: #008c79; +} +.mdc-bg-teal { + background-color: #009688; +} +a.mdc-bg-teal:hover, +a.mdc-bg-teal:focus { + background-color: #00897b; +} +.mdc-bg-teal-50 { + background-color: #e0f2f1; +} +a.mdc-bg-teal-50:hover, +a.mdc-bg-teal-50:focus { + background-color: #b2dfdb; +} +.mdc-bg-teal-100 { + background-color: #b2dfdb; +} +a.mdc-bg-teal-100:hover, +a.mdc-bg-teal-100:focus { + background-color: #80cbc4; +} +.mdc-bg-teal-200 { + background-color: #80cbc4; +} +a.mdc-bg-teal-200:hover, +a.mdc-bg-teal-200:focus { + background-color: #4db6ac; +} +.mdc-bg-teal-300 { + background-color: #4db6ac; +} +a.mdc-bg-teal-300:hover, +a.mdc-bg-teal-300:focus { + background-color: #26a69a; +} +.mdc-bg-teal-400 { + background-color: #26a69a; +} +a.mdc-bg-teal-400:hover, +a.mdc-bg-teal-400:focus { + background-color: #009688; +} +.mdc-bg-teal-500 { + background-color: #009688; +} +a.mdc-bg-teal-500:hover, +a.mdc-bg-teal-500:focus { + background-color: #00897b; +} +.mdc-bg-teal-600 { + background-color: #00897b; +} +a.mdc-bg-teal-600:hover, +a.mdc-bg-teal-600:focus { + background-color: #00796b; +} +.mdc-bg-teal-700 { + background-color: #00796b; +} +a.mdc-bg-teal-700:hover, +a.mdc-bg-teal-700:focus { + background-color: #00695c; +} +.mdc-bg-teal-800 { + background-color: #00695c; +} +a.mdc-bg-teal-800:hover, +a.mdc-bg-teal-800:focus { + background-color: #004d40; +} +.mdc-bg-teal-900 { + background-color: #004d40; +} +a.mdc-bg-teal-900:hover, +a.mdc-bg-teal-900:focus { + background-color: #001a16; +} +.mdc-bg-teal-A100 { + background-color: #a7ffeb; +} +a.mdc-bg-teal-A100:hover, +a.mdc-bg-teal-A100:focus { + background-color: #74ffdf; +} +.mdc-bg-teal-A200 { + background-color: #64ffda; +} +a.mdc-bg-teal-A200:hover, +a.mdc-bg-teal-A200:focus { + background-color: #31ffce; +} +.mdc-bg-teal-A400 { + background-color: #1de9b6; +} +a.mdc-bg-teal-A400:hover, +a.mdc-bg-teal-A400:focus { + background-color: #13c095; +} +.mdc-bg-teal-A700 { + background-color: #00bfa5; +} +a.mdc-bg-teal-A700:hover, +a.mdc-bg-teal-A700:focus { + background-color: #008c79; +} +.mdc-text-green { + color: #259b24; +} +a.mdc-text-green:hover, +a.mdc-text-green:focus { + color: #0a8f08; +} +.mdc-text-green-50 { + color: #d0f8ce; +} +a.mdc-text-green-50:hover, +a.mdc-text-green-50:focus { + color: #a3e9a4; +} +.mdc-text-green-100 { + color: #a3e9a4; +} +a.mdc-text-green-100:hover, +a.mdc-text-green-100:focus { + color: #72d572; +} +.mdc-text-green-200 { + color: #72d572; +} +a.mdc-text-green-200:hover, +a.mdc-text-green-200:focus { + color: #42bd41; +} +.mdc-text-green-300 { + color: #42bd41; +} +a.mdc-text-green-300:hover, +a.mdc-text-green-300:focus { + color: #2baf2b; +} +.mdc-text-green-400 { + color: #2baf2b; +} +a.mdc-text-green-400:hover, +a.mdc-text-green-400:focus { + color: #259b24; +} +.mdc-text-green-500 { + color: #259b24; +} +a.mdc-text-green-500:hover, +a.mdc-text-green-500:focus { + color: #0a8f08; +} +.mdc-text-green-600 { + color: #0a8f08; +} +a.mdc-text-green-600:hover, +a.mdc-text-green-600:focus { + color: #0a7e07; +} +.mdc-text-green-700 { + color: #0a7e07; +} +a.mdc-text-green-700:hover, +a.mdc-text-green-700:focus { + color: #0a7e07; +} +.mdc-text-green-800 { + color: #0a7e07; +} +a.mdc-text-green-800:hover, +a.mdc-text-green-800:focus { + color: #0a7e07; +} +.mdc-text-green-900 { + color: #0a7e07; +} +a.mdc-text-green-900:hover, +a.mdc-text-green-900:focus { + color: #064e04; +} +.mdc-text-green-A100 { + color: #a2f78d; +} +a.mdc-text-green-A100:hover, +a.mdc-text-green-A100:focus { + color: #7bf45d; +} +.mdc-text-green-A200 { + color: #5af158; +} +a.mdc-text-green-A200:hover, +a.mdc-text-green-A200:focus { + color: #2ced29; +} +.mdc-text-green-A400 { + color: #14e715; +} +a.mdc-text-green-A400:hover, +a.mdc-text-green-A400:focus { + color: #10b811; +} +.mdc-text-green-A700 { + color: #12c700; +} +a.mdc-text-green-A700:hover, +a.mdc-text-green-A700:focus { + color: #0d9400; +} +.mdc-bg-green { + background-color: #259b24; +} +a.mdc-bg-green:hover, +a.mdc-bg-green:focus { + background-color: #0a8f08; +} +.mdc-bg-green-50 { + background-color: #d0f8ce; +} +a.mdc-bg-green-50:hover, +a.mdc-bg-green-50:focus { + background-color: #a3e9a4; +} +.mdc-bg-green-100 { + background-color: #a3e9a4; +} +a.mdc-bg-green-100:hover, +a.mdc-bg-green-100:focus { + background-color: #72d572; +} +.mdc-bg-green-200 { + background-color: #72d572; +} +a.mdc-bg-green-200:hover, +a.mdc-bg-green-200:focus { + background-color: #42bd41; +} +.mdc-bg-green-300 { + background-color: #42bd41; +} +a.mdc-bg-green-300:hover, +a.mdc-bg-green-300:focus { + background-color: #2baf2b; +} +.mdc-bg-green-400 { + background-color: #2baf2b; +} +a.mdc-bg-green-400:hover, +a.mdc-bg-green-400:focus { + background-color: #259b24; +} +.mdc-bg-green-500 { + background-color: #259b24; +} +a.mdc-bg-green-500:hover, +a.mdc-bg-green-500:focus { + background-color: #0a8f08; +} +.mdc-bg-green-600 { + background-color: #0a8f08; +} +a.mdc-bg-green-600:hover, +a.mdc-bg-green-600:focus { + background-color: #0a7e07; +} +.mdc-bg-green-700 { + background-color: #0a7e07; +} +a.mdc-bg-green-700:hover, +a.mdc-bg-green-700:focus { + background-color: #0a7e07; +} +.mdc-bg-green-800 { + background-color: #0a7e07; +} +a.mdc-bg-green-800:hover, +a.mdc-bg-green-800:focus { + background-color: #0a7e07; +} +.mdc-bg-green-900 { + background-color: #0a7e07; +} +a.mdc-bg-green-900:hover, +a.mdc-bg-green-900:focus { + background-color: #064e04; +} +.mdc-bg-green-A100 { + background-color: #a2f78d; +} +a.mdc-bg-green-A100:hover, +a.mdc-bg-green-A100:focus { + background-color: #7bf45d; +} +.mdc-bg-green-A200 { + background-color: #5af158; +} +a.mdc-bg-green-A200:hover, +a.mdc-bg-green-A200:focus { + background-color: #2ced29; +} +.mdc-bg-green-A400 { + background-color: #14e715; +} +a.mdc-bg-green-A400:hover, +a.mdc-bg-green-A400:focus { + background-color: #10b811; +} +.mdc-bg-green-A700 { + background-color: #12c700; +} +a.mdc-bg-green-A700:hover, +a.mdc-bg-green-A700:focus { + background-color: #0d9400; +} +.mdc-text-light-green { + color: #8bc34a; +} +a.mdc-text-light-green:hover, +a.mdc-text-light-green:focus { + color: #7cb342; +} +.mdc-text-light-green-50 { + color: #f1f8e9; +} +a.mdc-text-light-green-50:hover, +a.mdc-text-light-green-50:focus { + color: #dcedc8; +} +.mdc-text-light-green-100 { + color: #dcedc8; +} +a.mdc-text-light-green-100:hover, +a.mdc-text-light-green-100:focus { + color: #c5e1a5; +} +.mdc-text-light-green-200 { + color: #c5e1a5; +} +a.mdc-text-light-green-200:hover, +a.mdc-text-light-green-200:focus { + color: #aed581; +} +.mdc-text-light-green-300 { + color: #aed581; +} +a.mdc-text-light-green-300:hover, +a.mdc-text-light-green-300:focus { + color: #9ccc65; +} +.mdc-text-light-green-400 { + color: #9ccc65; +} +a.mdc-text-light-green-400:hover, +a.mdc-text-light-green-400:focus { + color: #8bc34a; +} +.mdc-text-light-green-500 { + color: #8bc34a; +} +a.mdc-text-light-green-500:hover, +a.mdc-text-light-green-500:focus { + color: #7cb342; +} +.mdc-text-light-green-600 { + color: #7cb342; +} +a.mdc-text-light-green-600:hover, +a.mdc-text-light-green-600:focus { + color: #689f38; +} +.mdc-text-light-green-700 { + color: #689f38; +} +a.mdc-text-light-green-700:hover, +a.mdc-text-light-green-700:focus { + color: #558b2f; +} +.mdc-text-light-green-800 { + color: #558b2f; +} +a.mdc-text-light-green-800:hover, +a.mdc-text-light-green-800:focus { + color: #33691e; +} +.mdc-text-light-green-900 { + color: #33691e; +} +a.mdc-text-light-green-900:hover, +a.mdc-text-light-green-900:focus { + color: #204113; +} +.mdc-text-light-green-A100 { + color: #ccff90; +} +a.mdc-text-light-green-A100:hover, +a.mdc-text-light-green-A100:focus { + color: #b5ff5d; +} +.mdc-text-light-green-A200 { + color: #b2ff59; +} +a.mdc-text-light-green-A200:hover, +a.mdc-text-light-green-A200:focus { + color: #9aff26; +} +.mdc-text-light-green-A400 { + color: #76ff03; +} +a.mdc-text-light-green-A400:hover, +a.mdc-text-light-green-A400:focus { + color: #5ecf00; +} +.mdc-text-light-green-A700 { + color: #64dd17; +} +a.mdc-text-light-green-A700:hover, +a.mdc-text-light-green-A700:focus { + color: #4faf12; +} +.mdc-bg-light-green { + background-color: #8bc34a; +} +a.mdc-bg-light-green:hover, +a.mdc-bg-light-green:focus { + background-color: #7cb342; +} +.mdc-bg-light-green-50 { + background-color: #f1f8e9; +} +a.mdc-bg-light-green-50:hover, +a.mdc-bg-light-green-50:focus { + background-color: #dcedc8; +} +.mdc-bg-light-green-100 { + background-color: #dcedc8; +} +a.mdc-bg-light-green-100:hover, +a.mdc-bg-light-green-100:focus { + background-color: #c5e1a5; +} +.mdc-bg-light-green-200 { + background-color: #c5e1a5; +} +a.mdc-bg-light-green-200:hover, +a.mdc-bg-light-green-200:focus { + background-color: #aed581; +} +.mdc-bg-light-green-300 { + background-color: #aed581; +} +a.mdc-bg-light-green-300:hover, +a.mdc-bg-light-green-300:focus { + background-color: #9ccc65; +} +.mdc-bg-light-green-400 { + background-color: #9ccc65; +} +a.mdc-bg-light-green-400:hover, +a.mdc-bg-light-green-400:focus { + background-color: #8bc34a; +} +.mdc-bg-light-green-500 { + background-color: #8bc34a; +} +a.mdc-bg-light-green-500:hover, +a.mdc-bg-light-green-500:focus { + background-color: #7cb342; +} +.mdc-bg-light-green-600 { + background-color: #7cb342; +} +a.mdc-bg-light-green-600:hover, +a.mdc-bg-light-green-600:focus { + background-color: #689f38; +} +.mdc-bg-light-green-700 { + background-color: #689f38; +} +a.mdc-bg-light-green-700:hover, +a.mdc-bg-light-green-700:focus { + background-color: #558b2f; +} +.mdc-bg-light-green-800 { + background-color: #558b2f; +} +a.mdc-bg-light-green-800:hover, +a.mdc-bg-light-green-800:focus { + background-color: #33691e; +} +.mdc-bg-light-green-900 { + background-color: #33691e; +} +a.mdc-bg-light-green-900:hover, +a.mdc-bg-light-green-900:focus { + background-color: #204113; +} +.mdc-bg-light-green-A100 { + background-color: #ccff90; +} +a.mdc-bg-light-green-A100:hover, +a.mdc-bg-light-green-A100:focus { + background-color: #b5ff5d; +} +.mdc-bg-light-green-A200 { + background-color: #b2ff59; +} +a.mdc-bg-light-green-A200:hover, +a.mdc-bg-light-green-A200:focus { + background-color: #9aff26; +} +.mdc-bg-light-green-A400 { + background-color: #76ff03; +} +a.mdc-bg-light-green-A400:hover, +a.mdc-bg-light-green-A400:focus { + background-color: #5ecf00; +} +.mdc-bg-light-green-A700 { + background-color: #64dd17; +} +a.mdc-bg-light-green-A700:hover, +a.mdc-bg-light-green-A700:focus { + background-color: #4faf12; +} +.mdc-text-lime { + color: #cddc39; +} +a.mdc-text-lime:hover, +a.mdc-text-lime:focus { + color: #c0ca33; +} +.mdc-text-lime-50 { + color: #f9fbe7; +} +a.mdc-text-lime-50:hover, +a.mdc-text-lime-50:focus { + color: #f0f4c3; +} +.mdc-text-lime-100 { + color: #f0f4c3; +} +a.mdc-text-lime-100:hover, +a.mdc-text-lime-100:focus { + color: #e6ee9c; +} +.mdc-text-lime-200 { + color: #e6ee9c; +} +a.mdc-text-lime-200:hover, +a.mdc-text-lime-200:focus { + color: #dce775; +} +.mdc-text-lime-300 { + color: #dce775; +} +a.mdc-text-lime-300:hover, +a.mdc-text-lime-300:focus { + color: #d4e157; +} +.mdc-text-lime-400 { + color: #d4e157; +} +a.mdc-text-lime-400:hover, +a.mdc-text-lime-400:focus { + color: #cddc39; +} +.mdc-text-lime-500 { + color: #cddc39; +} +a.mdc-text-lime-500:hover, +a.mdc-text-lime-500:focus { + color: #c0ca33; +} +.mdc-text-lime-600 { + color: #c0ca33; +} +a.mdc-text-lime-600:hover, +a.mdc-text-lime-600:focus { + color: #afb42b; +} +.mdc-text-lime-700 { + color: #afb42b; +} +a.mdc-text-lime-700:hover, +a.mdc-text-lime-700:focus { + color: #9e9d24; +} +.mdc-text-lime-800 { + color: #9e9d24; +} +a.mdc-text-lime-800:hover, +a.mdc-text-lime-800:focus { + color: #827717; +} +.mdc-text-lime-900 { + color: #827717; +} +a.mdc-text-lime-900:hover, +a.mdc-text-lime-900:focus { + color: #574f0f; +} +.mdc-text-lime-A100 { + color: #f4ff81; +} +a.mdc-text-lime-A100:hover, +a.mdc-text-lime-A100:focus { + color: #f0ff4e; +} +.mdc-text-lime-A200 { + color: #eeff41; +} +a.mdc-text-lime-A200:hover, +a.mdc-text-lime-A200:focus { + color: #e9ff0e; +} +.mdc-text-lime-A400 { + color: #c6ff00; +} +a.mdc-text-lime-A400:hover, +a.mdc-text-lime-A400:focus { + color: #9ecc00; +} +.mdc-text-lime-A700 { + color: #aeea00; +} +a.mdc-text-lime-A700:hover, +a.mdc-text-lime-A700:focus { + color: #88b700; +} +.mdc-bg-lime { + background-color: #cddc39; +} +a.mdc-bg-lime:hover, +a.mdc-bg-lime:focus { + background-color: #c0ca33; +} +.mdc-bg-lime-50 { + background-color: #f9fbe7; +} +a.mdc-bg-lime-50:hover, +a.mdc-bg-lime-50:focus { + background-color: #f0f4c3; +} +.mdc-bg-lime-100 { + background-color: #f0f4c3; +} +a.mdc-bg-lime-100:hover, +a.mdc-bg-lime-100:focus { + background-color: #e6ee9c; +} +.mdc-bg-lime-200 { + background-color: #e6ee9c; +} +a.mdc-bg-lime-200:hover, +a.mdc-bg-lime-200:focus { + background-color: #dce775; +} +.mdc-bg-lime-300 { + background-color: #dce775; +} +a.mdc-bg-lime-300:hover, +a.mdc-bg-lime-300:focus { + background-color: #d4e157; +} +.mdc-bg-lime-400 { + background-color: #d4e157; +} +a.mdc-bg-lime-400:hover, +a.mdc-bg-lime-400:focus { + background-color: #cddc39; +} +.mdc-bg-lime-500 { + background-color: #cddc39; +} +a.mdc-bg-lime-500:hover, +a.mdc-bg-lime-500:focus { + background-color: #c0ca33; +} +.mdc-bg-lime-600 { + background-color: #c0ca33; +} +a.mdc-bg-lime-600:hover, +a.mdc-bg-lime-600:focus { + background-color: #afb42b; +} +.mdc-bg-lime-700 { + background-color: #afb42b; +} +a.mdc-bg-lime-700:hover, +a.mdc-bg-lime-700:focus { + background-color: #9e9d24; +} +.mdc-bg-lime-800 { + background-color: #9e9d24; +} +a.mdc-bg-lime-800:hover, +a.mdc-bg-lime-800:focus { + background-color: #827717; +} +.mdc-bg-lime-900 { + background-color: #827717; +} +a.mdc-bg-lime-900:hover, +a.mdc-bg-lime-900:focus { + background-color: #574f0f; +} +.mdc-bg-lime-A100 { + background-color: #f4ff81; +} +a.mdc-bg-lime-A100:hover, +a.mdc-bg-lime-A100:focus { + background-color: #f0ff4e; +} +.mdc-bg-lime-A200 { + background-color: #eeff41; +} +a.mdc-bg-lime-A200:hover, +a.mdc-bg-lime-A200:focus { + background-color: #e9ff0e; +} +.mdc-bg-lime-A400 { + background-color: #c6ff00; +} +a.mdc-bg-lime-A400:hover, +a.mdc-bg-lime-A400:focus { + background-color: #9ecc00; +} +.mdc-bg-lime-A700 { + background-color: #aeea00; +} +a.mdc-bg-lime-A700:hover, +a.mdc-bg-lime-A700:focus { + background-color: #88b700; +} +.mdc-text-yellow { + color: #ffeb3b; +} +a.mdc-text-yellow:hover, +a.mdc-text-yellow:focus { + color: #fdd835; +} +.mdc-text-yellow-50 { + color: #fffde7; +} +a.mdc-text-yellow-50:hover, +a.mdc-text-yellow-50:focus { + color: #fff9c4; +} +.mdc-text-yellow-100 { + color: #fff9c4; +} +a.mdc-text-yellow-100:hover, +a.mdc-text-yellow-100:focus { + color: #fff59d; +} +.mdc-text-yellow-200 { + color: #fff59d; +} +a.mdc-text-yellow-200:hover, +a.mdc-text-yellow-200:focus { + color: #fff176; +} +.mdc-text-yellow-300 { + color: #fff176; +} +a.mdc-text-yellow-300:hover, +a.mdc-text-yellow-300:focus { + color: #ffee58; +} +.mdc-text-yellow-400 { + color: #ffee58; +} +a.mdc-text-yellow-400:hover, +a.mdc-text-yellow-400:focus { + color: #ffeb3b; +} +.mdc-text-yellow-500 { + color: #ffeb3b; +} +a.mdc-text-yellow-500:hover, +a.mdc-text-yellow-500:focus { + color: #fdd835; +} +.mdc-text-yellow-600 { + color: #fdd835; +} +a.mdc-text-yellow-600:hover, +a.mdc-text-yellow-600:focus { + color: #fbc02d; +} +.mdc-text-yellow-700 { + color: #fbc02d; +} +a.mdc-text-yellow-700:hover, +a.mdc-text-yellow-700:focus { + color: #f9a825; +} +.mdc-text-yellow-800 { + color: #f9a825; +} +a.mdc-text-yellow-800:hover, +a.mdc-text-yellow-800:focus { + color: #f57f17; +} +.mdc-text-yellow-900 { + color: #f57f17; +} +a.mdc-text-yellow-900:hover, +a.mdc-text-yellow-900:focus { + color: #d06609; +} +.mdc-text-yellow-A100 { + color: #ffff8d; +} +a.mdc-text-yellow-A100:hover, +a.mdc-text-yellow-A100:focus { + color: #ffff5a; +} +.mdc-text-yellow-A200 { + color: #ffff00; +} +a.mdc-text-yellow-A200:hover, +a.mdc-text-yellow-A200:focus { + color: #cccc00; +} +.mdc-text-yellow-A400 { + color: #ffea00; +} +a.mdc-text-yellow-A400:hover, +a.mdc-text-yellow-A400:focus { + color: #ccbb00; +} +.mdc-text-yellow-A700 { + color: #ffd600; +} +a.mdc-text-yellow-A700:hover, +a.mdc-text-yellow-A700:focus { + color: #ccab00; +} +.mdc-bg-yellow { + background-color: #ffeb3b; +} +a.mdc-bg-yellow:hover, +a.mdc-bg-yellow:focus { + background-color: #fdd835; +} +.mdc-bg-yellow-50 { + background-color: #fffde7; +} +a.mdc-bg-yellow-50:hover, +a.mdc-bg-yellow-50:focus { + background-color: #fff9c4; +} +.mdc-bg-yellow-100 { + background-color: #fff9c4; +} +a.mdc-bg-yellow-100:hover, +a.mdc-bg-yellow-100:focus { + background-color: #fff59d; +} +.mdc-bg-yellow-200 { + background-color: #fff59d; +} +a.mdc-bg-yellow-200:hover, +a.mdc-bg-yellow-200:focus { + background-color: #fff176; +} +.mdc-bg-yellow-300 { + background-color: #fff176; +} +a.mdc-bg-yellow-300:hover, +a.mdc-bg-yellow-300:focus { + background-color: #ffee58; +} +.mdc-bg-yellow-400 { + background-color: #ffee58; +} +a.mdc-bg-yellow-400:hover, +a.mdc-bg-yellow-400:focus { + background-color: #ffeb3b; +} +.mdc-bg-yellow-500 { + background-color: #ffeb3b; +} +a.mdc-bg-yellow-500:hover, +a.mdc-bg-yellow-500:focus { + background-color: #fdd835; +} +.mdc-bg-yellow-600 { + background-color: #fdd835; +} +a.mdc-bg-yellow-600:hover, +a.mdc-bg-yellow-600:focus { + background-color: #fbc02d; +} +.mdc-bg-yellow-700 { + background-color: #fbc02d; +} +a.mdc-bg-yellow-700:hover, +a.mdc-bg-yellow-700:focus { + background-color: #f9a825; +} +.mdc-bg-yellow-800 { + background-color: #f9a825; +} +a.mdc-bg-yellow-800:hover, +a.mdc-bg-yellow-800:focus { + background-color: #f57f17; +} +.mdc-bg-yellow-900 { + background-color: #f57f17; +} +a.mdc-bg-yellow-900:hover, +a.mdc-bg-yellow-900:focus { + background-color: #d06609; +} +.mdc-bg-yellow-A100 { + background-color: #ffff8d; +} +a.mdc-bg-yellow-A100:hover, +a.mdc-bg-yellow-A100:focus { + background-color: #ffff5a; +} +.mdc-bg-yellow-A200 { + background-color: #ffff00; +} +a.mdc-bg-yellow-A200:hover, +a.mdc-bg-yellow-A200:focus { + background-color: #cccc00; +} +.mdc-bg-yellow-A400 { + background-color: #ffea00; +} +a.mdc-bg-yellow-A400:hover, +a.mdc-bg-yellow-A400:focus { + background-color: #ccbb00; +} +.mdc-bg-yellow-A700 { + background-color: #ffd600; +} +a.mdc-bg-yellow-A700:hover, +a.mdc-bg-yellow-A700:focus { + background-color: #ccab00; +} +.mdc-text-amber { + color: #ffc107; +} +a.mdc-text-amber:hover, +a.mdc-text-amber:focus { + color: #ffb300; +} +.mdc-text-amber-50 { + color: #fff8e1; +} +a.mdc-text-amber-50:hover, +a.mdc-text-amber-50:focus { + color: #ffecb3; +} +.mdc-text-amber-100 { + color: #ffecb3; +} +a.mdc-text-amber-100:hover, +a.mdc-text-amber-100:focus { + color: #ffe082; +} +.mdc-text-amber-200 { + color: #ffe082; +} +a.mdc-text-amber-200:hover, +a.mdc-text-amber-200:focus { + color: #ffd54f; +} +.mdc-text-amber-300 { + color: #ffd54f; +} +a.mdc-text-amber-300:hover, +a.mdc-text-amber-300:focus { + color: #ffca28; +} +.mdc-text-amber-400 { + color: #ffca28; +} +a.mdc-text-amber-400:hover, +a.mdc-text-amber-400:focus { + color: #ffc107; +} +.mdc-text-amber-500 { + color: #ffc107; +} +a.mdc-text-amber-500:hover, +a.mdc-text-amber-500:focus { + color: #ffb300; +} +.mdc-text-amber-600 { + color: #ffb300; +} +a.mdc-text-amber-600:hover, +a.mdc-text-amber-600:focus { + color: #ffa000; +} +.mdc-text-amber-700 { + color: #ffa000; +} +a.mdc-text-amber-700:hover, +a.mdc-text-amber-700:focus { + color: #ff8f00; +} +.mdc-text-amber-800 { + color: #ff8f00; +} +a.mdc-text-amber-800:hover, +a.mdc-text-amber-800:focus { + color: #ff6f00; +} +.mdc-text-amber-900 { + color: #ff6f00; +} +a.mdc-text-amber-900:hover, +a.mdc-text-amber-900:focus { + color: #cc5900; +} +.mdc-text-amber-A100 { + color: #ffe57f; +} +a.mdc-text-amber-A100:hover, +a.mdc-text-amber-A100:focus { + color: #ffdb4c; +} +.mdc-text-amber-A200 { + color: #ffd740; +} +a.mdc-text-amber-A200:hover, +a.mdc-text-amber-A200:focus { + color: #ffcc0d; +} +.mdc-text-amber-A400 { + color: #ffc400; +} +a.mdc-text-amber-A400:hover, +a.mdc-text-amber-A400:focus { + color: #cc9d00; +} +.mdc-text-amber-A700 { + color: #ffab00; +} +a.mdc-text-amber-A700:hover, +a.mdc-text-amber-A700:focus { + color: #cc8900; +} +.mdc-bg-amber { + background-color: #ffc107; +} +a.mdc-bg-amber:hover, +a.mdc-bg-amber:focus { + background-color: #ffb300; +} +.mdc-bg-amber-50 { + background-color: #fff8e1; +} +a.mdc-bg-amber-50:hover, +a.mdc-bg-amber-50:focus { + background-color: #ffecb3; +} +.mdc-bg-amber-100 { + background-color: #ffecb3; +} +a.mdc-bg-amber-100:hover, +a.mdc-bg-amber-100:focus { + background-color: #ffe082; +} +.mdc-bg-amber-200 { + background-color: #ffe082; +} +a.mdc-bg-amber-200:hover, +a.mdc-bg-amber-200:focus { + background-color: #ffd54f; +} +.mdc-bg-amber-300 { + background-color: #ffd54f; +} +a.mdc-bg-amber-300:hover, +a.mdc-bg-amber-300:focus { + background-color: #ffca28; +} +.mdc-bg-amber-400 { + background-color: #ffca28; +} +a.mdc-bg-amber-400:hover, +a.mdc-bg-amber-400:focus { + background-color: #ffc107; +} +.mdc-bg-amber-500 { + background-color: #ffc107; +} +a.mdc-bg-amber-500:hover, +a.mdc-bg-amber-500:focus { + background-color: #ffb300; +} +.mdc-bg-amber-600 { + background-color: #ffb300; +} +a.mdc-bg-amber-600:hover, +a.mdc-bg-amber-600:focus { + background-color: #ffa000; +} +.mdc-bg-amber-700 { + background-color: #ffa000; +} +a.mdc-bg-amber-700:hover, +a.mdc-bg-amber-700:focus { + background-color: #ff8f00; +} +.mdc-bg-amber-800 { + background-color: #ff8f00; +} +a.mdc-bg-amber-800:hover, +a.mdc-bg-amber-800:focus { + background-color: #ff6f00; +} +.mdc-bg-amber-900 { + background-color: #ff6f00; +} +a.mdc-bg-amber-900:hover, +a.mdc-bg-amber-900:focus { + background-color: #cc5900; +} +.mdc-bg-amber-A100 { + background-color: #ffe57f; +} +a.mdc-bg-amber-A100:hover, +a.mdc-bg-amber-A100:focus { + background-color: #ffdb4c; +} +.mdc-bg-amber-A200 { + background-color: #ffd740; +} +a.mdc-bg-amber-A200:hover, +a.mdc-bg-amber-A200:focus { + background-color: #ffcc0d; +} +.mdc-bg-amber-A400 { + background-color: #ffc400; +} +a.mdc-bg-amber-A400:hover, +a.mdc-bg-amber-A400:focus { + background-color: #cc9d00; +} +.mdc-bg-amber-A700 { + background-color: #ffab00; +} +a.mdc-bg-amber-A700:hover, +a.mdc-bg-amber-A700:focus { + background-color: #cc8900; +} +.mdc-text-orange { + color: #ff9800; +} +a.mdc-text-orange:hover, +a.mdc-text-orange:focus { + color: #fb8c00; +} +.mdc-text-orange-50 { + color: #fff3e0; +} +a.mdc-text-orange-50:hover, +a.mdc-text-orange-50:focus { + color: #ffe0b2; +} +.mdc-text-orange-100 { + color: #ffe0b2; +} +a.mdc-text-orange-100:hover, +a.mdc-text-orange-100:focus { + color: #ffcc80; +} +.mdc-text-orange-200 { + color: #ffcc80; +} +a.mdc-text-orange-200:hover, +a.mdc-text-orange-200:focus { + color: #ffb74d; +} +.mdc-text-orange-300 { + color: #ffb74d; +} +a.mdc-text-orange-300:hover, +a.mdc-text-orange-300:focus { + color: #ffa726; +} +.mdc-text-orange-400 { + color: #ffa726; +} +a.mdc-text-orange-400:hover, +a.mdc-text-orange-400:focus { + color: #ff9800; +} +.mdc-text-orange-500 { + color: #ff9800; +} +a.mdc-text-orange-500:hover, +a.mdc-text-orange-500:focus { + color: #fb8c00; +} +.mdc-text-orange-600 { + color: #fb8c00; +} +a.mdc-text-orange-600:hover, +a.mdc-text-orange-600:focus { + color: #f57c00; +} +.mdc-text-orange-700 { + color: #f57c00; +} +a.mdc-text-orange-700:hover, +a.mdc-text-orange-700:focus { + color: #ef6c00; +} +.mdc-text-orange-800 { + color: #ef6c00; +} +a.mdc-text-orange-800:hover, +a.mdc-text-orange-800:focus { + color: #e65100; +} +.mdc-text-orange-900 { + color: #e65100; +} +a.mdc-text-orange-900:hover, +a.mdc-text-orange-900:focus { + color: #b33f00; +} +.mdc-text-orange-A100 { + color: #ffd180; +} +a.mdc-text-orange-A100:hover, +a.mdc-text-orange-A100:focus { + color: #ffbf4d; +} +.mdc-text-orange-A200 { + color: #ffab40; +} +a.mdc-text-orange-A200:hover, +a.mdc-text-orange-A200:focus { + color: #ff950d; +} +.mdc-text-orange-A400 { + color: #ff9100; +} +a.mdc-text-orange-A400:hover, +a.mdc-text-orange-A400:focus { + color: #cc7400; +} +.mdc-text-orange-A700 { + color: #ff6d00; +} +a.mdc-text-orange-A700:hover, +a.mdc-text-orange-A700:focus { + color: #cc5700; +} +.mdc-bg-orange { + background-color: #ff9800; +} +a.mdc-bg-orange:hover, +a.mdc-bg-orange:focus { + background-color: #fb8c00; +} +.mdc-bg-orange-50 { + background-color: #fff3e0; +} +a.mdc-bg-orange-50:hover, +a.mdc-bg-orange-50:focus { + background-color: #ffe0b2; +} +.mdc-bg-orange-100 { + background-color: #ffe0b2; +} +a.mdc-bg-orange-100:hover, +a.mdc-bg-orange-100:focus { + background-color: #ffcc80; +} +.mdc-bg-orange-200 { + background-color: #ffcc80; +} +a.mdc-bg-orange-200:hover, +a.mdc-bg-orange-200:focus { + background-color: #ffb74d; +} +.mdc-bg-orange-300 { + background-color: #ffb74d; +} +a.mdc-bg-orange-300:hover, +a.mdc-bg-orange-300:focus { + background-color: #ffa726; +} +.mdc-bg-orange-400 { + background-color: #ffa726; +} +a.mdc-bg-orange-400:hover, +a.mdc-bg-orange-400:focus { + background-color: #ff9800; +} +.mdc-bg-orange-500 { + background-color: #ff9800; +} +a.mdc-bg-orange-500:hover, +a.mdc-bg-orange-500:focus { + background-color: #fb8c00; +} +.mdc-bg-orange-600 { + background-color: #fb8c00; +} +a.mdc-bg-orange-600:hover, +a.mdc-bg-orange-600:focus { + background-color: #f57c00; +} +.mdc-bg-orange-700 { + background-color: #f57c00; +} +a.mdc-bg-orange-700:hover, +a.mdc-bg-orange-700:focus { + background-color: #ef6c00; +} +.mdc-bg-orange-800 { + background-color: #ef6c00; +} +a.mdc-bg-orange-800:hover, +a.mdc-bg-orange-800:focus { + background-color: #e65100; +} +.mdc-bg-orange-900 { + background-color: #e65100; +} +a.mdc-bg-orange-900:hover, +a.mdc-bg-orange-900:focus { + background-color: #b33f00; +} +.mdc-bg-orange-A100 { + background-color: #ffd180; +} +a.mdc-bg-orange-A100:hover, +a.mdc-bg-orange-A100:focus { + background-color: #ffbf4d; +} +.mdc-bg-orange-A200 { + background-color: #ffab40; +} +a.mdc-bg-orange-A200:hover, +a.mdc-bg-orange-A200:focus { + background-color: #ff950d; +} +.mdc-bg-orange-A400 { + background-color: #ff9100; +} +a.mdc-bg-orange-A400:hover, +a.mdc-bg-orange-A400:focus { + background-color: #cc7400; +} +.mdc-bg-orange-A700 { + background-color: #ff6d00; +} +a.mdc-bg-orange-A700:hover, +a.mdc-bg-orange-A700:focus { + background-color: #cc5700; +} +.mdc-text-deep-orange { + color: #ff5722; +} +a.mdc-text-deep-orange:hover, +a.mdc-text-deep-orange:focus { + color: #f4511e; +} +.mdc-text-deep-orange-50 { + color: #fbe9e7; +} +a.mdc-text-deep-orange-50:hover, +a.mdc-text-deep-orange-50:focus { + color: #ffccbc; +} +.mdc-text-deep-orange-100 { + color: #ffccbc; +} +a.mdc-text-deep-orange-100:hover, +a.mdc-text-deep-orange-100:focus { + color: #ffab91; +} +.mdc-text-deep-orange-200 { + color: #ffab91; +} +a.mdc-text-deep-orange-200:hover, +a.mdc-text-deep-orange-200:focus { + color: #ff8a65; +} +.mdc-text-deep-orange-300 { + color: #ff8a65; +} +a.mdc-text-deep-orange-300:hover, +a.mdc-text-deep-orange-300:focus { + color: #ff7043; +} +.mdc-text-deep-orange-400 { + color: #ff7043; +} +a.mdc-text-deep-orange-400:hover, +a.mdc-text-deep-orange-400:focus { + color: #ff5722; +} +.mdc-text-deep-orange-500 { + color: #ff5722; +} +a.mdc-text-deep-orange-500:hover, +a.mdc-text-deep-orange-500:focus { + color: #f4511e; +} +.mdc-text-deep-orange-600 { + color: #f4511e; +} +a.mdc-text-deep-orange-600:hover, +a.mdc-text-deep-orange-600:focus { + color: #e64a19; +} +.mdc-text-deep-orange-700 { + color: #e64a19; +} +a.mdc-text-deep-orange-700:hover, +a.mdc-text-deep-orange-700:focus { + color: #d84315; +} +.mdc-text-deep-orange-800 { + color: #d84315; +} +a.mdc-text-deep-orange-800:hover, +a.mdc-text-deep-orange-800:focus { + color: #bf360c; +} +.mdc-text-deep-orange-900 { + color: #bf360c; +} +a.mdc-text-deep-orange-900:hover, +a.mdc-text-deep-orange-900:focus { + color: #8f2809; +} +.mdc-text-deep-orange-A100 { + color: #ff9e80; +} +a.mdc-text-deep-orange-A100:hover, +a.mdc-text-deep-orange-A100:focus { + color: #ff774d; +} +.mdc-text-deep-orange-A200 { + color: #ff6e40; +} +a.mdc-text-deep-orange-A200:hover, +a.mdc-text-deep-orange-A200:focus { + color: #ff470d; +} +.mdc-text-deep-orange-A400 { + color: #ff3d00; +} +a.mdc-text-deep-orange-A400:hover, +a.mdc-text-deep-orange-A400:focus { + color: #cc3100; +} +.mdc-text-deep-orange-A700 { + color: #dd2c00; +} +a.mdc-text-deep-orange-A700:hover, +a.mdc-text-deep-orange-A700:focus { + color: #aa2200; +} +.mdc-bg-deep-orange { + background-color: #ff5722; +} +a.mdc-bg-deep-orange:hover, +a.mdc-bg-deep-orange:focus { + background-color: #f4511e; +} +.mdc-bg-deep-orange-50 { + background-color: #fbe9e7; +} +a.mdc-bg-deep-orange-50:hover, +a.mdc-bg-deep-orange-50:focus { + background-color: #ffccbc; +} +.mdc-bg-deep-orange-100 { + background-color: #ffccbc; +} +a.mdc-bg-deep-orange-100:hover, +a.mdc-bg-deep-orange-100:focus { + background-color: #ffab91; +} +.mdc-bg-deep-orange-200 { + background-color: #ffab91; +} +a.mdc-bg-deep-orange-200:hover, +a.mdc-bg-deep-orange-200:focus { + background-color: #ff8a65; +} +.mdc-bg-deep-orange-300 { + background-color: #ff8a65; +} +a.mdc-bg-deep-orange-300:hover, +a.mdc-bg-deep-orange-300:focus { + background-color: #ff7043; +} +.mdc-bg-deep-orange-400 { + background-color: #ff7043; +} +a.mdc-bg-deep-orange-400:hover, +a.mdc-bg-deep-orange-400:focus { + background-color: #ff5722; +} +.mdc-bg-deep-orange-500 { + background-color: #ff5722; +} +a.mdc-bg-deep-orange-500:hover, +a.mdc-bg-deep-orange-500:focus { + background-color: #f4511e; +} +.mdc-bg-deep-orange-600 { + background-color: #f4511e; +} +a.mdc-bg-deep-orange-600:hover, +a.mdc-bg-deep-orange-600:focus { + background-color: #e64a19; +} +.mdc-bg-deep-orange-700 { + background-color: #e64a19; +} +a.mdc-bg-deep-orange-700:hover, +a.mdc-bg-deep-orange-700:focus { + background-color: #d84315; +} +.mdc-bg-deep-orange-800 { + background-color: #d84315; +} +a.mdc-bg-deep-orange-800:hover, +a.mdc-bg-deep-orange-800:focus { + background-color: #bf360c; +} +.mdc-bg-deep-orange-900 { + background-color: #bf360c; +} +a.mdc-bg-deep-orange-900:hover, +a.mdc-bg-deep-orange-900:focus { + background-color: #8f2809; +} +.mdc-bg-deep-orange-A100 { + background-color: #ff9e80; +} +a.mdc-bg-deep-orange-A100:hover, +a.mdc-bg-deep-orange-A100:focus { + background-color: #ff774d; +} +.mdc-bg-deep-orange-A200 { + background-color: #ff6e40; +} +a.mdc-bg-deep-orange-A200:hover, +a.mdc-bg-deep-orange-A200:focus { + background-color: #ff470d; +} +.mdc-bg-deep-orange-A400 { + background-color: #ff3d00; +} +a.mdc-bg-deep-orange-A400:hover, +a.mdc-bg-deep-orange-A400:focus { + background-color: #cc3100; +} +.mdc-bg-deep-orange-A700 { + background-color: #dd2c00; +} +a.mdc-bg-deep-orange-A700:hover, +a.mdc-bg-deep-orange-A700:focus { + background-color: #aa2200; +} +.mdc-text-brown { + color: #795548; +} +a.mdc-text-brown:hover, +a.mdc-text-brown:focus { + color: #6d4c41; +} +.mdc-text-brown-50 { + color: #efebe9; +} +a.mdc-text-brown-50:hover, +a.mdc-text-brown-50:focus { + color: #d7ccc8; +} +.mdc-text-brown-100 { + color: #d7ccc8; +} +a.mdc-text-brown-100:hover, +a.mdc-text-brown-100:focus { + color: #bcaaa4; +} +.mdc-text-brown-200 { + color: #bcaaa4; +} +a.mdc-text-brown-200:hover, +a.mdc-text-brown-200:focus { + color: #a1887f; +} +.mdc-text-brown-300 { + color: #a1887f; +} +a.mdc-text-brown-300:hover, +a.mdc-text-brown-300:focus { + color: #8d6e63; +} +.mdc-text-brown-400 { + color: #8d6e63; +} +a.mdc-text-brown-400:hover, +a.mdc-text-brown-400:focus { + color: #795548; +} +.mdc-text-brown-500 { + color: #795548; +} +a.mdc-text-brown-500:hover, +a.mdc-text-brown-500:focus { + color: #6d4c41; +} +.mdc-text-brown-600 { + color: #6d4c41; +} +a.mdc-text-brown-600:hover, +a.mdc-text-brown-600:focus { + color: #5d4037; +} +.mdc-text-brown-700 { + color: #5d4037; +} +a.mdc-text-brown-700:hover, +a.mdc-text-brown-700:focus { + color: #4e342e; +} +.mdc-text-brown-800 { + color: #4e342e; +} +a.mdc-text-brown-800:hover, +a.mdc-text-brown-800:focus { + color: #3e2723; +} +.mdc-text-brown-900 { + color: #3e2723; +} +a.mdc-text-brown-900:hover, +a.mdc-text-brown-900:focus { + color: #1d1211; +} +.mdc-bg-brown { + background-color: #795548; +} +a.mdc-bg-brown:hover, +a.mdc-bg-brown:focus { + background-color: #6d4c41; +} +.mdc-bg-brown-50 { + background-color: #efebe9; +} +a.mdc-bg-brown-50:hover, +a.mdc-bg-brown-50:focus { + background-color: #d7ccc8; +} +.mdc-bg-brown-100 { + background-color: #d7ccc8; +} +a.mdc-bg-brown-100:hover, +a.mdc-bg-brown-100:focus { + background-color: #bcaaa4; +} +.mdc-bg-brown-200 { + background-color: #bcaaa4; +} +a.mdc-bg-brown-200:hover, +a.mdc-bg-brown-200:focus { + background-color: #a1887f; +} +.mdc-bg-brown-300 { + background-color: #a1887f; +} +a.mdc-bg-brown-300:hover, +a.mdc-bg-brown-300:focus { + background-color: #8d6e63; +} +.mdc-bg-brown-400 { + background-color: #8d6e63; +} +a.mdc-bg-brown-400:hover, +a.mdc-bg-brown-400:focus { + background-color: #795548; +} +.mdc-bg-brown-500 { + background-color: #795548; +} +a.mdc-bg-brown-500:hover, +a.mdc-bg-brown-500:focus { + background-color: #6d4c41; +} +.mdc-bg-brown-600 { + background-color: #6d4c41; +} +a.mdc-bg-brown-600:hover, +a.mdc-bg-brown-600:focus { + background-color: #5d4037; +} +.mdc-bg-brown-700 { + background-color: #5d4037; +} +a.mdc-bg-brown-700:hover, +a.mdc-bg-brown-700:focus { + background-color: #4e342e; +} +.mdc-bg-brown-800 { + background-color: #4e342e; +} +a.mdc-bg-brown-800:hover, +a.mdc-bg-brown-800:focus { + background-color: #3e2723; +} +.mdc-bg-brown-900 { + background-color: #3e2723; +} +a.mdc-bg-brown-900:hover, +a.mdc-bg-brown-900:focus { + background-color: #1d1211; +} +.mdc-text-grey { + color: #9e9e9e; +} +a.mdc-text-grey:hover, +a.mdc-text-grey:focus { + color: #757575; +} +.mdc-text-grey-50 { + color: #fafafa; +} +a.mdc-text-grey-50:hover, +a.mdc-text-grey-50:focus { + color: #f5f5f5; +} +.mdc-text-grey-100 { + color: #f5f5f5; +} +a.mdc-text-grey-100:hover, +a.mdc-text-grey-100:focus { + color: #eeeeee; +} +.mdc-text-grey-200 { + color: #eeeeee; +} +a.mdc-text-grey-200:hover, +a.mdc-text-grey-200:focus { + color: #e0e0e0; +} +.mdc-text-grey-300 { + color: #e0e0e0; +} +a.mdc-text-grey-300:hover, +a.mdc-text-grey-300:focus { + color: #bdbdbd; +} +.mdc-text-grey-400 { + color: #bdbdbd; +} +a.mdc-text-grey-400:hover, +a.mdc-text-grey-400:focus { + color: #9e9e9e; +} +.mdc-text-grey-500 { + color: #9e9e9e; +} +a.mdc-text-grey-500:hover, +a.mdc-text-grey-500:focus { + color: #757575; +} +.mdc-text-grey-600 { + color: #757575; +} +a.mdc-text-grey-600:hover, +a.mdc-text-grey-600:focus { + color: #616161; +} +.mdc-text-grey-700 { + color: #616161; +} +a.mdc-text-grey-700:hover, +a.mdc-text-grey-700:focus { + color: #424242; +} +.mdc-text-grey-800 { + color: #424242; +} +a.mdc-text-grey-800:hover, +a.mdc-text-grey-800:focus { + color: #212121; +} +.mdc-text-grey-900 { + color: #212121; +} +a.mdc-text-grey-900:hover, +a.mdc-text-grey-900:focus { + color: #080808; +} +.mdc-bg-grey { + background-color: #9e9e9e; +} +a.mdc-bg-grey:hover, +a.mdc-bg-grey:focus { + background-color: #757575; +} +.mdc-bg-grey-50 { + background-color: #fafafa; +} +a.mdc-bg-grey-50:hover, +a.mdc-bg-grey-50:focus { + background-color: #f5f5f5; +} +.mdc-bg-grey-100 { + background-color: #f5f5f5; +} +a.mdc-bg-grey-100:hover, +a.mdc-bg-grey-100:focus { + background-color: #eeeeee; +} +.mdc-bg-grey-200 { + background-color: #eeeeee; +} +a.mdc-bg-grey-200:hover, +a.mdc-bg-grey-200:focus { + background-color: #e0e0e0; +} +.mdc-bg-grey-300 { + background-color: #e0e0e0; +} +a.mdc-bg-grey-300:hover, +a.mdc-bg-grey-300:focus { + background-color: #bdbdbd; +} +.mdc-bg-grey-400 { + background-color: #bdbdbd; +} +a.mdc-bg-grey-400:hover, +a.mdc-bg-grey-400:focus { + background-color: #9e9e9e; +} +.mdc-bg-grey-500 { + background-color: #9e9e9e; +} +a.mdc-bg-grey-500:hover, +a.mdc-bg-grey-500:focus { + background-color: #757575; +} +.mdc-bg-grey-600 { + background-color: #757575; +} +a.mdc-bg-grey-600:hover, +a.mdc-bg-grey-600:focus { + background-color: #616161; +} +.mdc-bg-grey-700 { + background-color: #616161; +} +a.mdc-bg-grey-700:hover, +a.mdc-bg-grey-700:focus { + background-color: #424242; +} +.mdc-bg-grey-800 { + background-color: #424242; +} +a.mdc-bg-grey-800:hover, +a.mdc-bg-grey-800:focus { + background-color: #212121; +} +.mdc-bg-grey-900 { + background-color: #212121; +} +a.mdc-bg-grey-900:hover, +a.mdc-bg-grey-900:focus { + background-color: #080808; +} +.mdc-text-blue-grey { + color: #607d8b; +} +a.mdc-text-blue-grey:hover, +a.mdc-text-blue-grey:focus { + color: #546e7a; +} +.mdc-text-blue-grey-50 { + color: #eceff1; +} +a.mdc-text-blue-grey-50:hover, +a.mdc-text-blue-grey-50:focus { + color: #cfd8dc; +} +.mdc-text-blue-grey-100 { + color: #cfd8dc; +} +a.mdc-text-blue-grey-100:hover, +a.mdc-text-blue-grey-100:focus { + color: #b0bec5; +} +.mdc-text-blue-grey-200 { + color: #b0bec5; +} +a.mdc-text-blue-grey-200:hover, +a.mdc-text-blue-grey-200:focus { + color: #90a4ae; +} +.mdc-text-blue-grey-300 { + color: #90a4ae; +} +a.mdc-text-blue-grey-300:hover, +a.mdc-text-blue-grey-300:focus { + color: #78909c; +} +.mdc-text-blue-grey-400 { + color: #78909c; +} +a.mdc-text-blue-grey-400:hover, +a.mdc-text-blue-grey-400:focus { + color: #607d8b; +} +.mdc-text-blue-grey-500 { + color: #607d8b; +} +a.mdc-text-blue-grey-500:hover, +a.mdc-text-blue-grey-500:focus { + color: #546e7a; +} +.mdc-text-blue-grey-600 { + color: #546e7a; +} +a.mdc-text-blue-grey-600:hover, +a.mdc-text-blue-grey-600:focus { + color: #455a64; +} +.mdc-text-blue-grey-700 { + color: #455a64; +} +a.mdc-text-blue-grey-700:hover, +a.mdc-text-blue-grey-700:focus { + color: #37474f; +} +.mdc-text-blue-grey-800 { + color: #37474f; +} +a.mdc-text-blue-grey-800:hover, +a.mdc-text-blue-grey-800:focus { + color: #263238; +} +.mdc-text-blue-grey-900 { + color: #263238; +} +a.mdc-text-blue-grey-900:hover, +a.mdc-text-blue-grey-900:focus { + color: #11171a; +} +.mdc-bg-blue-grey { + background-color: #607d8b; +} +a.mdc-bg-blue-grey:hover, +a.mdc-bg-blue-grey:focus { + background-color: #546e7a; +} +.mdc-bg-blue-grey-50 { + background-color: #eceff1; +} +a.mdc-bg-blue-grey-50:hover, +a.mdc-bg-blue-grey-50:focus { + background-color: #cfd8dc; +} +.mdc-bg-blue-grey-100 { + background-color: #cfd8dc; +} +a.mdc-bg-blue-grey-100:hover, +a.mdc-bg-blue-grey-100:focus { + background-color: #b0bec5; +} +.mdc-bg-blue-grey-200 { + background-color: #b0bec5; +} +a.mdc-bg-blue-grey-200:hover, +a.mdc-bg-blue-grey-200:focus { + background-color: #90a4ae; +} +.mdc-bg-blue-grey-300 { + background-color: #90a4ae; +} +a.mdc-bg-blue-grey-300:hover, +a.mdc-bg-blue-grey-300:focus { + background-color: #78909c; +} +.mdc-bg-blue-grey-400 { + background-color: #78909c; +} +a.mdc-bg-blue-grey-400:hover, +a.mdc-bg-blue-grey-400:focus { + background-color: #607d8b; +} +.mdc-bg-blue-grey-500 { + background-color: #607d8b; +} +a.mdc-bg-blue-grey-500:hover, +a.mdc-bg-blue-grey-500:focus { + background-color: #546e7a; +} +.mdc-bg-blue-grey-600 { + background-color: #546e7a; +} +a.mdc-bg-blue-grey-600:hover, +a.mdc-bg-blue-grey-600:focus { + background-color: #455a64; +} +.mdc-bg-blue-grey-700 { + background-color: #455a64; +} +a.mdc-bg-blue-grey-700:hover, +a.mdc-bg-blue-grey-700:focus { + background-color: #37474f; +} +.mdc-bg-blue-grey-800 { + background-color: #37474f; +} +a.mdc-bg-blue-grey-800:hover, +a.mdc-bg-blue-grey-800:focus { + background-color: #263238; +} +.mdc-bg-blue-grey-900 { + background-color: #263238; +} +a.mdc-bg-blue-grey-900:hover, +a.mdc-bg-blue-grey-900:focus { + background-color: #11171a; +} +.mdc-text-white-lighter { + color: rgba(255, 255, 255, 0.12); +} +a.mdc-text-white-lighter:hover, +a.mdc-text-white-lighter:focus { + color: rgba(255, 255, 255, 0.26); +} +.mdc-text-white-light { + color: rgba(255, 255, 255, 0.26); +} +a.mdc-text-white-light:hover, +a.mdc-text-white-light:focus { + color: rgba(255, 255, 255, 0.54); +} +.mdc-text-white-dark { + color: rgba(255, 255, 255, 0.54); +} +a.mdc-text-white-dark:hover, +a.mdc-text-white-dark:focus { + color: rgba(255, 255, 255, 0.87); +} +.mdc-text-white-darker { + color: rgba(255, 255, 255, 0.87); +} +a.mdc-text-white-darker:hover, +a.mdc-text-white-darker:focus { + color: white; +} +.mdc-text-white-lighter { + color: rgba(255, 255, 255, 0.12); +} +a.mdc-text-white-lighter:hover, +a.mdc-text-white-lighter:focus { + color: rgba(255, 255, 255, 0.26); +} +.mdc-text-white-light { + color: rgba(255, 255, 255, 0.26); +} +a.mdc-text-white-light:hover, +a.mdc-text-white-light:focus { + color: rgba(255, 255, 255, 0.54); +} +.mdc-text-white-dark { + color: rgba(255, 255, 255, 0.54); +} +a.mdc-text-white-dark:hover, +a.mdc-text-white-dark:focus { + color: rgba(255, 255, 255, 0.87); +} +.mdc-text-white-darker { + color: rgba(255, 255, 255, 0.87); +} +a.mdc-text-white-darker:hover, +a.mdc-text-white-darker:focus { + color: white; +} +.mdc-text-black-lighter { + color: rgba(0, 0, 0, 0.12); +} +a.mdc-text-black-lighter:hover, +a.mdc-text-black-lighter:focus { + color: rgba(0, 0, 0, 0.26); +} +.mdc-text-black-light { + color: rgba(0, 0, 0, 0.26); +} +a.mdc-text-black-light:hover, +a.mdc-text-black-light:focus { + color: rgba(0, 0, 0, 0.54); +} +.mdc-text-black-dark { + color: rgba(0, 0, 0, 0.54); +} +a.mdc-text-black-dark:hover, +a.mdc-text-black-dark:focus { + color: rgba(0, 0, 0, 0.87); +} +.mdc-text-black-darker { + color: rgba(0, 0, 0, 0.87); +} +a.mdc-text-black-darker:hover, +a.mdc-text-black-darker:focus { + color: black; +} +.mdc-text-black-lighter { + color: rgba(0, 0, 0, 0.12); +} +a.mdc-text-black-lighter:hover, +a.mdc-text-black-lighter:focus { + color: rgba(0, 0, 0, 0.26); +} +.mdc-text-black-light { + color: rgba(0, 0, 0, 0.26); +} +a.mdc-text-black-light:hover, +a.mdc-text-black-light:focus { + color: rgba(0, 0, 0, 0.54); +} +.mdc-text-black-dark { + color: rgba(0, 0, 0, 0.54); +} +a.mdc-text-black-dark:hover, +a.mdc-text-black-dark:focus { + color: rgba(0, 0, 0, 0.87); +} +.mdc-text-black-darker { + color: rgba(0, 0, 0, 0.87); +} +a.mdc-text-black-darker:hover, +a.mdc-text-black-darker:focus { + color: black; +} diff --git a/css/material-design-color-palette.min.css b/css/material-design-color-palette.min.css new file mode 100644 index 0000000..afe49a9 --- /dev/null +++ b/css/material-design-color-palette.min.css @@ -0,0 +1,5 @@ +/*! + * Material Design Color Palette 1.0.0 by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-color-palette/ + * License - https://github.com/zavoloklom/material-design-color-palette/blob/master/License (MIT license) + */ +.mdc-text-red{color:#e51c23}a.mdc-text-red:focus,a.mdc-text-red:hover{color:#dd191d}.mdc-text-red-50{color:#fde0dc}.mdc-text-red-100,a.mdc-text-red-50:focus,a.mdc-text-red-50:hover{color:#f9bdbb}.mdc-text-red-200,a.mdc-text-red-100:focus,a.mdc-text-red-100:hover{color:#f69988}.mdc-text-red-300,a.mdc-text-red-200:focus,a.mdc-text-red-200:hover{color:#f36c60}.mdc-text-red-400,a.mdc-text-red-300:focus,a.mdc-text-red-300:hover{color:#e84e40}.mdc-text-red-500,a.mdc-text-red-400:focus,a.mdc-text-red-400:hover{color:#e51c23}.mdc-text-red-600,a.mdc-text-red-500:focus,a.mdc-text-red-500:hover{color:#dd191d}.mdc-text-red-700,a.mdc-text-red-600:focus,a.mdc-text-red-600:hover{color:#d01716}.mdc-text-red-800,a.mdc-text-red-700:focus,a.mdc-text-red-700:hover{color:#c41411}.mdc-text-red-900,a.mdc-text-red-800:focus,a.mdc-text-red-800:hover{color:#b0120a}a.mdc-text-red-900:focus,a.mdc-text-red-900:hover{color:#800d07}.mdc-text-red-A100{color:#ff7997}a.mdc-text-red-A100:focus,a.mdc-text-red-A100:hover{color:#ff466f}.mdc-text-red-A200{color:#ff5177}a.mdc-text-red-A200:focus,a.mdc-text-red-A200:hover{color:#ff1e4f}.mdc-text-red-A400{color:#ff2d6f}a.mdc-text-red-A400:focus,a.mdc-text-red-A400:hover{color:#f9004e}.mdc-text-red-A700{color:#e00032}a.mdc-text-red-A700:focus,a.mdc-text-red-A700:hover{color:#ad0027}.mdc-bg-red{background-color:#e51c23}a.mdc-bg-red:focus,a.mdc-bg-red:hover{background-color:#dd191d}.mdc-bg-red-50{background-color:#fde0dc}.mdc-bg-red-100,a.mdc-bg-red-50:focus,a.mdc-bg-red-50:hover{background-color:#f9bdbb}.mdc-bg-red-200,a.mdc-bg-red-100:focus,a.mdc-bg-red-100:hover{background-color:#f69988}.mdc-bg-red-300,a.mdc-bg-red-200:focus,a.mdc-bg-red-200:hover{background-color:#f36c60}.mdc-bg-red-400,a.mdc-bg-red-300:focus,a.mdc-bg-red-300:hover{background-color:#e84e40}.mdc-bg-red-500,a.mdc-bg-red-400:focus,a.mdc-bg-red-400:hover{background-color:#e51c23}.mdc-bg-red-600,a.mdc-bg-red-500:focus,a.mdc-bg-red-500:hover{background-color:#dd191d}.mdc-bg-red-700,a.mdc-bg-red-600:focus,a.mdc-bg-red-600:hover{background-color:#d01716}.mdc-bg-red-800,a.mdc-bg-red-700:focus,a.mdc-bg-red-700:hover{background-color:#c41411}.mdc-bg-red-900,a.mdc-bg-red-800:focus,a.mdc-bg-red-800:hover{background-color:#b0120a}a.mdc-bg-red-900:focus,a.mdc-bg-red-900:hover{background-color:#800d07}.mdc-bg-red-A100{background-color:#ff7997}a.mdc-bg-red-A100:focus,a.mdc-bg-red-A100:hover{background-color:#ff466f}.mdc-bg-red-A200{background-color:#ff5177}a.mdc-bg-red-A200:focus,a.mdc-bg-red-A200:hover{background-color:#ff1e4f}.mdc-bg-red-A400{background-color:#ff2d6f}a.mdc-bg-red-A400:focus,a.mdc-bg-red-A400:hover{background-color:#f9004e}.mdc-bg-red-A700{background-color:#e00032}a.mdc-bg-red-A700:focus,a.mdc-bg-red-A700:hover{background-color:#ad0027}.mdc-text-pink{color:#e91e63}a.mdc-text-pink:focus,a.mdc-text-pink:hover{color:#d81b60}.mdc-text-pink-50{color:#fce4ec}.mdc-text-pink-100,a.mdc-text-pink-50:focus,a.mdc-text-pink-50:hover{color:#f8bbd0}.mdc-text-pink-200,a.mdc-text-pink-100:focus,a.mdc-text-pink-100:hover{color:#f48fb1}.mdc-text-pink-300,a.mdc-text-pink-200:focus,a.mdc-text-pink-200:hover{color:#f06292}.mdc-text-pink-400,a.mdc-text-pink-300:focus,a.mdc-text-pink-300:hover{color:#ec407a}.mdc-text-pink-500,a.mdc-text-pink-400:focus,a.mdc-text-pink-400:hover{color:#e91e63}.mdc-text-pink-600,a.mdc-text-pink-500:focus,a.mdc-text-pink-500:hover{color:#d81b60}.mdc-text-pink-700,a.mdc-text-pink-600:focus,a.mdc-text-pink-600:hover{color:#c2185b}.mdc-text-pink-800,a.mdc-text-pink-700:focus,a.mdc-text-pink-700:hover{color:#ad1457}.mdc-text-pink-900,a.mdc-text-pink-800:focus,a.mdc-text-pink-800:hover{color:#880e4f}a.mdc-text-pink-900:focus,a.mdc-text-pink-900:hover{color:#5a0934}.mdc-text-pink-A100{color:#ff80ab}a.mdc-text-pink-A100:focus,a.mdc-text-pink-A100:hover{color:#ff4d89}.mdc-text-pink-A200{color:#ff4081}a.mdc-text-pink-A200:focus,a.mdc-text-pink-A200:hover{color:#ff0d5f}.mdc-text-pink-A400{color:#f50057}a.mdc-text-pink-A400:focus,a.mdc-text-pink-A400:hover{color:#c20045}.mdc-text-pink-A700{color:#c51162}a.mdc-text-pink-A700:focus,a.mdc-text-pink-A700:hover{color:#960d4b}.mdc-bg-pink{background-color:#e91e63}a.mdc-bg-pink:focus,a.mdc-bg-pink:hover{background-color:#d81b60}.mdc-bg-pink-50{background-color:#fce4ec}.mdc-bg-pink-100,a.mdc-bg-pink-50:focus,a.mdc-bg-pink-50:hover{background-color:#f8bbd0}.mdc-bg-pink-200,a.mdc-bg-pink-100:focus,a.mdc-bg-pink-100:hover{background-color:#f48fb1}.mdc-bg-pink-300,a.mdc-bg-pink-200:focus,a.mdc-bg-pink-200:hover{background-color:#f06292}.mdc-bg-pink-400,a.mdc-bg-pink-300:focus,a.mdc-bg-pink-300:hover{background-color:#ec407a}.mdc-bg-pink-500,a.mdc-bg-pink-400:focus,a.mdc-bg-pink-400:hover{background-color:#e91e63}.mdc-bg-pink-600,a.mdc-bg-pink-500:focus,a.mdc-bg-pink-500:hover{background-color:#d81b60}.mdc-bg-pink-700,a.mdc-bg-pink-600:focus,a.mdc-bg-pink-600:hover{background-color:#c2185b}.mdc-bg-pink-800,a.mdc-bg-pink-700:focus,a.mdc-bg-pink-700:hover{background-color:#ad1457}.mdc-bg-pink-900,a.mdc-bg-pink-800:focus,a.mdc-bg-pink-800:hover{background-color:#880e4f}a.mdc-bg-pink-900:focus,a.mdc-bg-pink-900:hover{background-color:#5a0934}.mdc-bg-pink-A100{background-color:#ff80ab}a.mdc-bg-pink-A100:focus,a.mdc-bg-pink-A100:hover{background-color:#ff4d89}.mdc-bg-pink-A200{background-color:#ff4081}a.mdc-bg-pink-A200:focus,a.mdc-bg-pink-A200:hover{background-color:#ff0d5f}.mdc-bg-pink-A400{background-color:#f50057}a.mdc-bg-pink-A400:focus,a.mdc-bg-pink-A400:hover{background-color:#c20045}.mdc-bg-pink-A700{background-color:#c51162}a.mdc-bg-pink-A700:focus,a.mdc-bg-pink-A700:hover{background-color:#960d4b}.mdc-text-purple{color:#9c27b0}a.mdc-text-purple:focus,a.mdc-text-purple:hover{color:#8e24aa}.mdc-text-purple-50{color:#f3e5f5}.mdc-text-purple-100,a.mdc-text-purple-50:focus,a.mdc-text-purple-50:hover{color:#e1bee7}.mdc-text-purple-200,a.mdc-text-purple-100:focus,a.mdc-text-purple-100:hover{color:#ce93d8}.mdc-text-purple-300,a.mdc-text-purple-200:focus,a.mdc-text-purple-200:hover{color:#ba68c8}.mdc-text-purple-400,a.mdc-text-purple-300:focus,a.mdc-text-purple-300:hover{color:#ab47bc}.mdc-text-purple-500,a.mdc-text-purple-400:focus,a.mdc-text-purple-400:hover{color:#9c27b0}.mdc-text-purple-600,a.mdc-text-purple-500:focus,a.mdc-text-purple-500:hover{color:#8e24aa}.mdc-text-purple-700,a.mdc-text-purple-600:focus,a.mdc-text-purple-600:hover{color:#7b1fa2}.mdc-text-purple-800,a.mdc-text-purple-700:focus,a.mdc-text-purple-700:hover{color:#6a1b9a}.mdc-text-purple-900,a.mdc-text-purple-800:focus,a.mdc-text-purple-800:hover{color:#4a148c}a.mdc-text-purple-900:focus,a.mdc-text-purple-900:hover{color:#320e5f}.mdc-text-purple-A100{color:#ea80fc}a.mdc-text-purple-A100:focus,a.mdc-text-purple-A100:hover{color:#e24efb}.mdc-text-purple-A200{color:#e040fb}a.mdc-text-purple-A200:focus,a.mdc-text-purple-A200:hover{color:#d80efa}.mdc-text-purple-A400{color:#d500f9}a.mdc-text-purple-A400:focus,a.mdc-text-purple-A400:hover{color:#a900c6}.mdc-text-purple-A700{color:#a0f}a.mdc-text-purple-A700:focus,a.mdc-text-purple-A700:hover{color:#80c}.mdc-bg-purple{background-color:#9c27b0}a.mdc-bg-purple:focus,a.mdc-bg-purple:hover{background-color:#8e24aa}.mdc-bg-purple-50{background-color:#f3e5f5}.mdc-bg-purple-100,a.mdc-bg-purple-50:focus,a.mdc-bg-purple-50:hover{background-color:#e1bee7}.mdc-bg-purple-200,a.mdc-bg-purple-100:focus,a.mdc-bg-purple-100:hover{background-color:#ce93d8}.mdc-bg-purple-300,a.mdc-bg-purple-200:focus,a.mdc-bg-purple-200:hover{background-color:#ba68c8}.mdc-bg-purple-400,a.mdc-bg-purple-300:focus,a.mdc-bg-purple-300:hover{background-color:#ab47bc}.mdc-bg-purple-500,a.mdc-bg-purple-400:focus,a.mdc-bg-purple-400:hover{background-color:#9c27b0}.mdc-bg-purple-600,a.mdc-bg-purple-500:focus,a.mdc-bg-purple-500:hover{background-color:#8e24aa}.mdc-bg-purple-700,a.mdc-bg-purple-600:focus,a.mdc-bg-purple-600:hover{background-color:#7b1fa2}.mdc-bg-purple-800,a.mdc-bg-purple-700:focus,a.mdc-bg-purple-700:hover{background-color:#6a1b9a}.mdc-bg-purple-900,a.mdc-bg-purple-800:focus,a.mdc-bg-purple-800:hover{background-color:#4a148c}a.mdc-bg-purple-900:focus,a.mdc-bg-purple-900:hover{background-color:#320e5f}.mdc-bg-purple-A100{background-color:#ea80fc}a.mdc-bg-purple-A100:focus,a.mdc-bg-purple-A100:hover{background-color:#e24efb}.mdc-bg-purple-A200{background-color:#e040fb}a.mdc-bg-purple-A200:focus,a.mdc-bg-purple-A200:hover{background-color:#d80efa}.mdc-bg-purple-A400{background-color:#d500f9}a.mdc-bg-purple-A400:focus,a.mdc-bg-purple-A400:hover{background-color:#a900c6}.mdc-bg-purple-A700{background-color:#a0f}a.mdc-bg-purple-A700:focus,a.mdc-bg-purple-A700:hover{background-color:#80c}.mdc-text-deep-purple{color:#673ab7}a.mdc-text-deep-purple:focus,a.mdc-text-deep-purple:hover{color:#5e35b1}.mdc-text-deep-purple-50{color:#ede7f6}.mdc-text-deep-purple-100,a.mdc-text-deep-purple-50:focus,a.mdc-text-deep-purple-50:hover{color:#d1c4e9}.mdc-text-deep-purple-200,a.mdc-text-deep-purple-100:focus,a.mdc-text-deep-purple-100:hover{color:#b39ddb}.mdc-text-deep-purple-300,a.mdc-text-deep-purple-200:focus,a.mdc-text-deep-purple-200:hover{color:#9575cd}.mdc-text-deep-purple-400,a.mdc-text-deep-purple-300:focus,a.mdc-text-deep-purple-300:hover{color:#7e57c2}.mdc-text-deep-purple-500,a.mdc-text-deep-purple-400:focus,a.mdc-text-deep-purple-400:hover{color:#673ab7}.mdc-text-deep-purple-600,a.mdc-text-deep-purple-500:focus,a.mdc-text-deep-purple-500:hover{color:#5e35b1}.mdc-text-deep-purple-700,a.mdc-text-deep-purple-600:focus,a.mdc-text-deep-purple-600:hover{color:#512da8}.mdc-text-deep-purple-800,a.mdc-text-deep-purple-700:focus,a.mdc-text-deep-purple-700:hover{color:#4527a0}.mdc-text-deep-purple-900,a.mdc-text-deep-purple-800:focus,a.mdc-text-deep-purple-800:hover{color:#311b92}a.mdc-text-deep-purple-900:focus,a.mdc-text-deep-purple-900:hover{color:#231367}.mdc-text-deep-purple-A100{color:#b388ff}a.mdc-text-deep-purple-A100:focus,a.mdc-text-deep-purple-A100:hover{color:#9255ff}.mdc-text-deep-purple-A200{color:#7c4dff}a.mdc-text-deep-purple-A200:focus,a.mdc-text-deep-purple-A200:hover{color:#561aff}.mdc-text-deep-purple-A400{color:#651fff}a.mdc-text-deep-purple-A400:focus,a.mdc-text-deep-purple-A400:hover{color:#4900eb}.mdc-text-deep-purple-A700{color:#6200ea}a.mdc-text-deep-purple-A700:focus,a.mdc-text-deep-purple-A700:hover{color:#4d00b7}.mdc-bg-deep-purple{background-color:#673ab7}a.mdc-bg-deep-purple:focus,a.mdc-bg-deep-purple:hover{background-color:#5e35b1}.mdc-bg-deep-purple-50{background-color:#ede7f6}.mdc-bg-deep-purple-100,a.mdc-bg-deep-purple-50:focus,a.mdc-bg-deep-purple-50:hover{background-color:#d1c4e9}.mdc-bg-deep-purple-200,a.mdc-bg-deep-purple-100:focus,a.mdc-bg-deep-purple-100:hover{background-color:#b39ddb}.mdc-bg-deep-purple-300,a.mdc-bg-deep-purple-200:focus,a.mdc-bg-deep-purple-200:hover{background-color:#9575cd}.mdc-bg-deep-purple-400,a.mdc-bg-deep-purple-300:focus,a.mdc-bg-deep-purple-300:hover{background-color:#7e57c2}.mdc-bg-deep-purple-500,a.mdc-bg-deep-purple-400:focus,a.mdc-bg-deep-purple-400:hover{background-color:#673ab7}.mdc-bg-deep-purple-600,a.mdc-bg-deep-purple-500:focus,a.mdc-bg-deep-purple-500:hover{background-color:#5e35b1}.mdc-bg-deep-purple-700,a.mdc-bg-deep-purple-600:focus,a.mdc-bg-deep-purple-600:hover{background-color:#512da8}.mdc-bg-deep-purple-800,a.mdc-bg-deep-purple-700:focus,a.mdc-bg-deep-purple-700:hover{background-color:#4527a0}.mdc-bg-deep-purple-900,a.mdc-bg-deep-purple-800:focus,a.mdc-bg-deep-purple-800:hover{background-color:#311b92}a.mdc-bg-deep-purple-900:focus,a.mdc-bg-deep-purple-900:hover{background-color:#231367}.mdc-bg-deep-purple-A100{background-color:#b388ff}a.mdc-bg-deep-purple-A100:focus,a.mdc-bg-deep-purple-A100:hover{background-color:#9255ff}.mdc-bg-deep-purple-A200{background-color:#7c4dff}a.mdc-bg-deep-purple-A200:focus,a.mdc-bg-deep-purple-A200:hover{background-color:#561aff}.mdc-bg-deep-purple-A400{background-color:#651fff}a.mdc-bg-deep-purple-A400:focus,a.mdc-bg-deep-purple-A400:hover{background-color:#4900eb}.mdc-bg-deep-purple-A700{background-color:#6200ea}a.mdc-bg-deep-purple-A700:focus,a.mdc-bg-deep-purple-A700:hover{background-color:#4d00b7}.mdc-text-indigo{color:#3f51b5}a.mdc-text-indigo:focus,a.mdc-text-indigo:hover{color:#3949ab}.mdc-text-indigo-50{color:#e8eaf6}.mdc-text-indigo-100,a.mdc-text-indigo-50:focus,a.mdc-text-indigo-50:hover{color:#c5cae9}.mdc-text-indigo-200,a.mdc-text-indigo-100:focus,a.mdc-text-indigo-100:hover{color:#9fa8da}.mdc-text-indigo-300,a.mdc-text-indigo-200:focus,a.mdc-text-indigo-200:hover{color:#7986cb}.mdc-text-indigo-400,a.mdc-text-indigo-300:focus,a.mdc-text-indigo-300:hover{color:#5c6bc0}.mdc-text-indigo-500,a.mdc-text-indigo-400:focus,a.mdc-text-indigo-400:hover{color:#3f51b5}.mdc-text-indigo-600,a.mdc-text-indigo-500:focus,a.mdc-text-indigo-500:hover{color:#3949ab}.mdc-text-indigo-700,a.mdc-text-indigo-600:focus,a.mdc-text-indigo-600:hover{color:#303f9f}.mdc-text-indigo-800,a.mdc-text-indigo-700:focus,a.mdc-text-indigo-700:hover{color:#283593}.mdc-text-indigo-900,a.mdc-text-indigo-800:focus,a.mdc-text-indigo-800:hover{color:#1a237e}a.mdc-text-indigo-900:focus,a.mdc-text-indigo-900:hover{color:#111754}.mdc-text-indigo-A100{color:#8c9eff}a.mdc-text-indigo-A100:focus,a.mdc-text-indigo-A100:hover{color:#5973ff}.mdc-text-indigo-A200{color:#536dfe}a.mdc-text-indigo-A200:focus,a.mdc-text-indigo-A200:hover{color:#2042fe}.mdc-text-indigo-A400{color:#3d5afe}a.mdc-text-indigo-A400:focus,a.mdc-text-indigo-A400:hover{color:#0a2ffe}.mdc-text-indigo-A700{color:#304ffe}a.mdc-text-indigo-A700:focus,a.mdc-text-indigo-A700:hover{color:#0127fa}.mdc-bg-indigo{background-color:#3f51b5}a.mdc-bg-indigo:focus,a.mdc-bg-indigo:hover{background-color:#3949ab}.mdc-bg-indigo-50{background-color:#e8eaf6}.mdc-bg-indigo-100,a.mdc-bg-indigo-50:focus,a.mdc-bg-indigo-50:hover{background-color:#c5cae9}.mdc-bg-indigo-200,a.mdc-bg-indigo-100:focus,a.mdc-bg-indigo-100:hover{background-color:#9fa8da}.mdc-bg-indigo-300,a.mdc-bg-indigo-200:focus,a.mdc-bg-indigo-200:hover{background-color:#7986cb}.mdc-bg-indigo-400,a.mdc-bg-indigo-300:focus,a.mdc-bg-indigo-300:hover{background-color:#5c6bc0}.mdc-bg-indigo-500,a.mdc-bg-indigo-400:focus,a.mdc-bg-indigo-400:hover{background-color:#3f51b5}.mdc-bg-indigo-600,a.mdc-bg-indigo-500:focus,a.mdc-bg-indigo-500:hover{background-color:#3949ab}.mdc-bg-indigo-700,a.mdc-bg-indigo-600:focus,a.mdc-bg-indigo-600:hover{background-color:#303f9f}.mdc-bg-indigo-800,a.mdc-bg-indigo-700:focus,a.mdc-bg-indigo-700:hover{background-color:#283593}.mdc-bg-indigo-900,a.mdc-bg-indigo-800:focus,a.mdc-bg-indigo-800:hover{background-color:#1a237e}a.mdc-bg-indigo-900:focus,a.mdc-bg-indigo-900:hover{background-color:#111754}.mdc-bg-indigo-A100{background-color:#8c9eff}a.mdc-bg-indigo-A100:focus,a.mdc-bg-indigo-A100:hover{background-color:#5973ff}.mdc-bg-indigo-A200{background-color:#536dfe}a.mdc-bg-indigo-A200:focus,a.mdc-bg-indigo-A200:hover{background-color:#2042fe}.mdc-bg-indigo-A400{background-color:#3d5afe}a.mdc-bg-indigo-A400:focus,a.mdc-bg-indigo-A400:hover{background-color:#0a2ffe}.mdc-bg-indigo-A700{background-color:#304ffe}a.mdc-bg-indigo-A700:focus,a.mdc-bg-indigo-A700:hover{background-color:#0127fa}.mdc-text-blue{color:#5677fc}a.mdc-text-blue:focus,a.mdc-text-blue:hover{color:#4e6cef}.mdc-text-blue-50{color:#e7e9fd}.mdc-text-blue-100,a.mdc-text-blue-50:focus,a.mdc-text-blue-50:hover{color:#d0d9ff}.mdc-text-blue-200,a.mdc-text-blue-100:focus,a.mdc-text-blue-100:hover{color:#afbfff}.mdc-text-blue-300,a.mdc-text-blue-200:focus,a.mdc-text-blue-200:hover{color:#91a7ff}.mdc-text-blue-400,a.mdc-text-blue-300:focus,a.mdc-text-blue-300:hover{color:#738ffe}.mdc-text-blue-500,a.mdc-text-blue-400:focus,a.mdc-text-blue-400:hover{color:#5677fc}.mdc-text-blue-600,a.mdc-text-blue-500:focus,a.mdc-text-blue-500:hover{color:#4e6cef}.mdc-text-blue-700,a.mdc-text-blue-600:focus,a.mdc-text-blue-600:hover{color:#455ede}.mdc-text-blue-800,a.mdc-text-blue-700:focus,a.mdc-text-blue-700:hover{color:#3b50ce}.mdc-text-blue-900,a.mdc-text-blue-800:focus,a.mdc-text-blue-800:hover{color:#2a36b1}a.mdc-text-blue-900:focus,a.mdc-text-blue-900:hover{color:#202988}.mdc-text-blue-A100{color:#a6baff}a.mdc-text-blue-A100:focus,a.mdc-text-blue-A100:hover{color:#7392ff}.mdc-text-blue-A200{color:#6889ff}a.mdc-text-blue-A200:focus,a.mdc-text-blue-A200:hover{color:#3561ff}.mdc-text-blue-A400{color:#4d73ff}a.mdc-text-blue-A400:focus,a.mdc-text-blue-A400:hover{color:#1a4bff}.mdc-text-blue-A700{color:#4d69ff}a.mdc-text-blue-A700:focus,a.mdc-text-blue-A700:hover{color:#1a3eff}.mdc-bg-blue{background-color:#5677fc}a.mdc-bg-blue:focus,a.mdc-bg-blue:hover{background-color:#4e6cef}.mdc-bg-blue-50{background-color:#e7e9fd}.mdc-bg-blue-100,a.mdc-bg-blue-50:focus,a.mdc-bg-blue-50:hover{background-color:#d0d9ff}.mdc-bg-blue-200,a.mdc-bg-blue-100:focus,a.mdc-bg-blue-100:hover{background-color:#afbfff}.mdc-bg-blue-300,a.mdc-bg-blue-200:focus,a.mdc-bg-blue-200:hover{background-color:#91a7ff}.mdc-bg-blue-400,a.mdc-bg-blue-300:focus,a.mdc-bg-blue-300:hover{background-color:#738ffe}.mdc-bg-blue-500,a.mdc-bg-blue-400:focus,a.mdc-bg-blue-400:hover{background-color:#5677fc}.mdc-bg-blue-600,a.mdc-bg-blue-500:focus,a.mdc-bg-blue-500:hover{background-color:#4e6cef}.mdc-bg-blue-700,a.mdc-bg-blue-600:focus,a.mdc-bg-blue-600:hover{background-color:#455ede}.mdc-bg-blue-800,a.mdc-bg-blue-700:focus,a.mdc-bg-blue-700:hover{background-color:#3b50ce}.mdc-bg-blue-900,a.mdc-bg-blue-800:focus,a.mdc-bg-blue-800:hover{background-color:#2a36b1}a.mdc-bg-blue-900:focus,a.mdc-bg-blue-900:hover{background-color:#202988}.mdc-bg-blue-A100{background-color:#a6baff}a.mdc-bg-blue-A100:focus,a.mdc-bg-blue-A100:hover{background-color:#7392ff}.mdc-bg-blue-A200{background-color:#6889ff}a.mdc-bg-blue-A200:focus,a.mdc-bg-blue-A200:hover{background-color:#3561ff}.mdc-bg-blue-A400{background-color:#4d73ff}a.mdc-bg-blue-A400:focus,a.mdc-bg-blue-A400:hover{background-color:#1a4bff}.mdc-bg-blue-A700{background-color:#4d69ff}a.mdc-bg-blue-A700:focus,a.mdc-bg-blue-A700:hover{background-color:#1a3eff}.mdc-text-light-blue{color:#03a9f4}a.mdc-text-light-blue:focus,a.mdc-text-light-blue:hover{color:#039be5}.mdc-text-light-blue-50{color:#e1f5fe}.mdc-text-light-blue-100,a.mdc-text-light-blue-50:focus,a.mdc-text-light-blue-50:hover{color:#b3e5fc}.mdc-text-light-blue-200,a.mdc-text-light-blue-100:focus,a.mdc-text-light-blue-100:hover{color:#81d4fa}.mdc-text-light-blue-300,a.mdc-text-light-blue-200:focus,a.mdc-text-light-blue-200:hover{color:#4fc3f7}.mdc-text-light-blue-400,a.mdc-text-light-blue-300:focus,a.mdc-text-light-blue-300:hover{color:#29b6f6}.mdc-text-light-blue-500,a.mdc-text-light-blue-400:focus,a.mdc-text-light-blue-400:hover{color:#03a9f4}.mdc-text-light-blue-600,a.mdc-text-light-blue-500:focus,a.mdc-text-light-blue-500:hover{color:#039be5}.mdc-text-light-blue-700,a.mdc-text-light-blue-600:focus,a.mdc-text-light-blue-600:hover{color:#0288d1}.mdc-text-light-blue-800,a.mdc-text-light-blue-700:focus,a.mdc-text-light-blue-700:hover{color:#0277bd}.mdc-text-light-blue-900,a.mdc-text-light-blue-800:focus,a.mdc-text-light-blue-800:hover{color:#01579b}a.mdc-text-light-blue-900:focus,a.mdc-text-light-blue-900:hover{color:#013b68}.mdc-text-light-blue-A100{color:#80d8ff}a.mdc-text-light-blue-A100:focus,a.mdc-text-light-blue-A100:hover{color:#4dc8ff}.mdc-text-light-blue-A200{color:#40c4ff}a.mdc-text-light-blue-A200:focus,a.mdc-text-light-blue-A200:hover{color:#0db4ff}.mdc-text-light-blue-A400{color:#00b0ff}a.mdc-text-light-blue-A400:focus,a.mdc-text-light-blue-A400:hover{color:#008dcc}.mdc-text-light-blue-A700{color:#0091ea}a.mdc-text-light-blue-A700:focus,a.mdc-text-light-blue-A700:hover{color:#0071b7}.mdc-bg-light-blue{background-color:#03a9f4}a.mdc-bg-light-blue:focus,a.mdc-bg-light-blue:hover{background-color:#039be5}.mdc-bg-light-blue-50{background-color:#e1f5fe}.mdc-bg-light-blue-100,a.mdc-bg-light-blue-50:focus,a.mdc-bg-light-blue-50:hover{background-color:#b3e5fc}.mdc-bg-light-blue-200,a.mdc-bg-light-blue-100:focus,a.mdc-bg-light-blue-100:hover{background-color:#81d4fa}.mdc-bg-light-blue-300,a.mdc-bg-light-blue-200:focus,a.mdc-bg-light-blue-200:hover{background-color:#4fc3f7}.mdc-bg-light-blue-400,a.mdc-bg-light-blue-300:focus,a.mdc-bg-light-blue-300:hover{background-color:#29b6f6}.mdc-bg-light-blue-500,a.mdc-bg-light-blue-400:focus,a.mdc-bg-light-blue-400:hover{background-color:#03a9f4}.mdc-bg-light-blue-600,a.mdc-bg-light-blue-500:focus,a.mdc-bg-light-blue-500:hover{background-color:#039be5}.mdc-bg-light-blue-700,a.mdc-bg-light-blue-600:focus,a.mdc-bg-light-blue-600:hover{background-color:#0288d1}.mdc-bg-light-blue-800,a.mdc-bg-light-blue-700:focus,a.mdc-bg-light-blue-700:hover{background-color:#0277bd}.mdc-bg-light-blue-900,a.mdc-bg-light-blue-800:focus,a.mdc-bg-light-blue-800:hover{background-color:#01579b}a.mdc-bg-light-blue-900:focus,a.mdc-bg-light-blue-900:hover{background-color:#013b68}.mdc-bg-light-blue-A100{background-color:#80d8ff}a.mdc-bg-light-blue-A100:focus,a.mdc-bg-light-blue-A100:hover{background-color:#4dc8ff}.mdc-bg-light-blue-A200{background-color:#40c4ff}a.mdc-bg-light-blue-A200:focus,a.mdc-bg-light-blue-A200:hover{background-color:#0db4ff}.mdc-bg-light-blue-A400{background-color:#00b0ff}a.mdc-bg-light-blue-A400:focus,a.mdc-bg-light-blue-A400:hover{background-color:#008dcc}.mdc-bg-light-blue-A700{background-color:#0091ea}a.mdc-bg-light-blue-A700:focus,a.mdc-bg-light-blue-A700:hover{background-color:#0071b7}.mdc-text-cyan{color:#00bcd4}a.mdc-text-cyan:focus,a.mdc-text-cyan:hover{color:#00acc1}.mdc-text-cyan-50{color:#e0f7fa}.mdc-text-cyan-100,a.mdc-text-cyan-50:focus,a.mdc-text-cyan-50:hover{color:#b2ebf2}.mdc-text-cyan-200,a.mdc-text-cyan-100:focus,a.mdc-text-cyan-100:hover{color:#80deea}.mdc-text-cyan-300,a.mdc-text-cyan-200:focus,a.mdc-text-cyan-200:hover{color:#4dd0e1}.mdc-text-cyan-400,a.mdc-text-cyan-300:focus,a.mdc-text-cyan-300:hover{color:#26c6da}.mdc-text-cyan-500,a.mdc-text-cyan-400:focus,a.mdc-text-cyan-400:hover{color:#00bcd4}.mdc-text-cyan-600,a.mdc-text-cyan-500:focus,a.mdc-text-cyan-500:hover{color:#00acc1}.mdc-text-cyan-700,a.mdc-text-cyan-600:focus,a.mdc-text-cyan-600:hover{color:#0097a7}.mdc-text-cyan-800,a.mdc-text-cyan-700:focus,a.mdc-text-cyan-700:hover{color:#00838f}.mdc-text-cyan-900,a.mdc-text-cyan-800:focus,a.mdc-text-cyan-800:hover{color:#006064}a.mdc-text-cyan-900:focus,a.mdc-text-cyan-900:hover{color:#002f31}.mdc-text-cyan-A100{color:#84ffff}a.mdc-text-cyan-A100:focus,a.mdc-text-cyan-A100:hover{color:#51ffff}.mdc-text-cyan-A200{color:#18ffff}a.mdc-text-cyan-A200:focus,a.mdc-text-cyan-A200:hover{color:#00e4e4}.mdc-text-cyan-A400{color:#00e5ff}a.mdc-text-cyan-A400:focus,a.mdc-text-cyan-A400:hover{color:#00b7cc}.mdc-text-cyan-A700{color:#00b8d4}a.mdc-text-cyan-A700:focus,a.mdc-text-cyan-A700:hover{color:#008ca1}.mdc-bg-cyan{background-color:#00bcd4}a.mdc-bg-cyan:focus,a.mdc-bg-cyan:hover{background-color:#00acc1}.mdc-bg-cyan-50{background-color:#e0f7fa}.mdc-bg-cyan-100,a.mdc-bg-cyan-50:focus,a.mdc-bg-cyan-50:hover{background-color:#b2ebf2}.mdc-bg-cyan-200,a.mdc-bg-cyan-100:focus,a.mdc-bg-cyan-100:hover{background-color:#80deea}.mdc-bg-cyan-300,a.mdc-bg-cyan-200:focus,a.mdc-bg-cyan-200:hover{background-color:#4dd0e1}.mdc-bg-cyan-400,a.mdc-bg-cyan-300:focus,a.mdc-bg-cyan-300:hover{background-color:#26c6da}.mdc-bg-cyan-500,a.mdc-bg-cyan-400:focus,a.mdc-bg-cyan-400:hover{background-color:#00bcd4}.mdc-bg-cyan-600,a.mdc-bg-cyan-500:focus,a.mdc-bg-cyan-500:hover{background-color:#00acc1}.mdc-bg-cyan-700,a.mdc-bg-cyan-600:focus,a.mdc-bg-cyan-600:hover{background-color:#0097a7}.mdc-bg-cyan-800,a.mdc-bg-cyan-700:focus,a.mdc-bg-cyan-700:hover{background-color:#00838f}.mdc-bg-cyan-900,a.mdc-bg-cyan-800:focus,a.mdc-bg-cyan-800:hover{background-color:#006064}a.mdc-bg-cyan-900:focus,a.mdc-bg-cyan-900:hover{background-color:#002f31}.mdc-bg-cyan-A100{background-color:#84ffff}a.mdc-bg-cyan-A100:focus,a.mdc-bg-cyan-A100:hover{background-color:#51ffff}.mdc-bg-cyan-A200{background-color:#18ffff}a.mdc-bg-cyan-A200:focus,a.mdc-bg-cyan-A200:hover{background-color:#00e4e4}.mdc-bg-cyan-A400{background-color:#00e5ff}a.mdc-bg-cyan-A400:focus,a.mdc-bg-cyan-A400:hover{background-color:#00b7cc}.mdc-bg-cyan-A700{background-color:#00b8d4}a.mdc-bg-cyan-A700:focus,a.mdc-bg-cyan-A700:hover{background-color:#008ca1}.mdc-text-teal{color:#009688}a.mdc-text-teal:focus,a.mdc-text-teal:hover{color:#00897b}.mdc-text-teal-50{color:#e0f2f1}.mdc-text-teal-100,a.mdc-text-teal-50:focus,a.mdc-text-teal-50:hover{color:#b2dfdb}.mdc-text-teal-200,a.mdc-text-teal-100:focus,a.mdc-text-teal-100:hover{color:#80cbc4}.mdc-text-teal-300,a.mdc-text-teal-200:focus,a.mdc-text-teal-200:hover{color:#4db6ac}.mdc-text-teal-400,a.mdc-text-teal-300:focus,a.mdc-text-teal-300:hover{color:#26a69a}.mdc-text-teal-500,a.mdc-text-teal-400:focus,a.mdc-text-teal-400:hover{color:#009688}.mdc-text-teal-600,a.mdc-text-teal-500:focus,a.mdc-text-teal-500:hover{color:#00897b}.mdc-text-teal-700,a.mdc-text-teal-600:focus,a.mdc-text-teal-600:hover{color:#00796b}.mdc-text-teal-800,a.mdc-text-teal-700:focus,a.mdc-text-teal-700:hover{color:#00695c}.mdc-text-teal-900,a.mdc-text-teal-800:focus,a.mdc-text-teal-800:hover{color:#004d40}a.mdc-text-teal-900:focus,a.mdc-text-teal-900:hover{color:#001a16}.mdc-text-teal-A100{color:#a7ffeb}a.mdc-text-teal-A100:focus,a.mdc-text-teal-A100:hover{color:#74ffdf}.mdc-text-teal-A200{color:#64ffda}a.mdc-text-teal-A200:focus,a.mdc-text-teal-A200:hover{color:#31ffce}.mdc-text-teal-A400{color:#1de9b6}a.mdc-text-teal-A400:focus,a.mdc-text-teal-A400:hover{color:#13c095}.mdc-text-teal-A700{color:#00bfa5}a.mdc-text-teal-A700:focus,a.mdc-text-teal-A700:hover{color:#008c79}.mdc-bg-teal{background-color:#009688}a.mdc-bg-teal:focus,a.mdc-bg-teal:hover{background-color:#00897b}.mdc-bg-teal-50{background-color:#e0f2f1}.mdc-bg-teal-100,a.mdc-bg-teal-50:focus,a.mdc-bg-teal-50:hover{background-color:#b2dfdb}.mdc-bg-teal-200,a.mdc-bg-teal-100:focus,a.mdc-bg-teal-100:hover{background-color:#80cbc4}.mdc-bg-teal-300,a.mdc-bg-teal-200:focus,a.mdc-bg-teal-200:hover{background-color:#4db6ac}.mdc-bg-teal-400,a.mdc-bg-teal-300:focus,a.mdc-bg-teal-300:hover{background-color:#26a69a}.mdc-bg-teal-500,a.mdc-bg-teal-400:focus,a.mdc-bg-teal-400:hover{background-color:#009688}.mdc-bg-teal-600,a.mdc-bg-teal-500:focus,a.mdc-bg-teal-500:hover{background-color:#00897b}.mdc-bg-teal-700,a.mdc-bg-teal-600:focus,a.mdc-bg-teal-600:hover{background-color:#00796b}.mdc-bg-teal-800,a.mdc-bg-teal-700:focus,a.mdc-bg-teal-700:hover{background-color:#00695c}.mdc-bg-teal-900,a.mdc-bg-teal-800:focus,a.mdc-bg-teal-800:hover{background-color:#004d40}a.mdc-bg-teal-900:focus,a.mdc-bg-teal-900:hover{background-color:#001a16}.mdc-bg-teal-A100{background-color:#a7ffeb}a.mdc-bg-teal-A100:focus,a.mdc-bg-teal-A100:hover{background-color:#74ffdf}.mdc-bg-teal-A200{background-color:#64ffda}a.mdc-bg-teal-A200:focus,a.mdc-bg-teal-A200:hover{background-color:#31ffce}.mdc-bg-teal-A400{background-color:#1de9b6}a.mdc-bg-teal-A400:focus,a.mdc-bg-teal-A400:hover{background-color:#13c095}.mdc-bg-teal-A700{background-color:#00bfa5}a.mdc-bg-teal-A700:focus,a.mdc-bg-teal-A700:hover{background-color:#008c79}.mdc-text-green{color:#259b24}a.mdc-text-green:focus,a.mdc-text-green:hover{color:#0a8f08}.mdc-text-green-50{color:#d0f8ce}.mdc-text-green-100,a.mdc-text-green-50:focus,a.mdc-text-green-50:hover{color:#a3e9a4}.mdc-text-green-200,a.mdc-text-green-100:focus,a.mdc-text-green-100:hover{color:#72d572}.mdc-text-green-300,a.mdc-text-green-200:focus,a.mdc-text-green-200:hover{color:#42bd41}.mdc-text-green-400,a.mdc-text-green-300:focus,a.mdc-text-green-300:hover{color:#2baf2b}.mdc-text-green-500,a.mdc-text-green-400:focus,a.mdc-text-green-400:hover{color:#259b24}.mdc-text-green-600,a.mdc-text-green-500:focus,a.mdc-text-green-500:hover{color:#0a8f08}.mdc-text-green-700,.mdc-text-green-800,.mdc-text-green-900,a.mdc-text-green-600:focus,a.mdc-text-green-600:hover,a.mdc-text-green-700:focus,a.mdc-text-green-700:hover,a.mdc-text-green-800:focus,a.mdc-text-green-800:hover{color:#0a7e07}a.mdc-text-green-900:focus,a.mdc-text-green-900:hover{color:#064e04}.mdc-text-green-A100{color:#a2f78d}a.mdc-text-green-A100:focus,a.mdc-text-green-A100:hover{color:#7bf45d}.mdc-text-green-A200{color:#5af158}a.mdc-text-green-A200:focus,a.mdc-text-green-A200:hover{color:#2ced29}.mdc-text-green-A400{color:#14e715}a.mdc-text-green-A400:focus,a.mdc-text-green-A400:hover{color:#10b811}.mdc-text-green-A700{color:#12c700}a.mdc-text-green-A700:focus,a.mdc-text-green-A700:hover{color:#0d9400}.mdc-bg-green{background-color:#259b24}a.mdc-bg-green:focus,a.mdc-bg-green:hover{background-color:#0a8f08}.mdc-bg-green-50{background-color:#d0f8ce}.mdc-bg-green-100,a.mdc-bg-green-50:focus,a.mdc-bg-green-50:hover{background-color:#a3e9a4}.mdc-bg-green-200,a.mdc-bg-green-100:focus,a.mdc-bg-green-100:hover{background-color:#72d572}.mdc-bg-green-300,a.mdc-bg-green-200:focus,a.mdc-bg-green-200:hover{background-color:#42bd41}.mdc-bg-green-400,a.mdc-bg-green-300:focus,a.mdc-bg-green-300:hover{background-color:#2baf2b}.mdc-bg-green-500,a.mdc-bg-green-400:focus,a.mdc-bg-green-400:hover{background-color:#259b24}.mdc-bg-green-600,a.mdc-bg-green-500:focus,a.mdc-bg-green-500:hover{background-color:#0a8f08}.mdc-bg-green-700,.mdc-bg-green-800,.mdc-bg-green-900,a.mdc-bg-green-600:focus,a.mdc-bg-green-600:hover,a.mdc-bg-green-700:focus,a.mdc-bg-green-700:hover,a.mdc-bg-green-800:focus,a.mdc-bg-green-800:hover{background-color:#0a7e07}a.mdc-bg-green-900:focus,a.mdc-bg-green-900:hover{background-color:#064e04}.mdc-bg-green-A100{background-color:#a2f78d}a.mdc-bg-green-A100:focus,a.mdc-bg-green-A100:hover{background-color:#7bf45d}.mdc-bg-green-A200{background-color:#5af158}a.mdc-bg-green-A200:focus,a.mdc-bg-green-A200:hover{background-color:#2ced29}.mdc-bg-green-A400{background-color:#14e715}a.mdc-bg-green-A400:focus,a.mdc-bg-green-A400:hover{background-color:#10b811}.mdc-bg-green-A700{background-color:#12c700}a.mdc-bg-green-A700:focus,a.mdc-bg-green-A700:hover{background-color:#0d9400}.mdc-text-light-green{color:#8bc34a}a.mdc-text-light-green:focus,a.mdc-text-light-green:hover{color:#7cb342}.mdc-text-light-green-50{color:#f1f8e9}.mdc-text-light-green-100,a.mdc-text-light-green-50:focus,a.mdc-text-light-green-50:hover{color:#dcedc8}.mdc-text-light-green-200,a.mdc-text-light-green-100:focus,a.mdc-text-light-green-100:hover{color:#c5e1a5}.mdc-text-light-green-300,a.mdc-text-light-green-200:focus,a.mdc-text-light-green-200:hover{color:#aed581}.mdc-text-light-green-400,a.mdc-text-light-green-300:focus,a.mdc-text-light-green-300:hover{color:#9ccc65}.mdc-text-light-green-500,a.mdc-text-light-green-400:focus,a.mdc-text-light-green-400:hover{color:#8bc34a}.mdc-text-light-green-600,a.mdc-text-light-green-500:focus,a.mdc-text-light-green-500:hover{color:#7cb342}.mdc-text-light-green-700,a.mdc-text-light-green-600:focus,a.mdc-text-light-green-600:hover{color:#689f38}.mdc-text-light-green-800,a.mdc-text-light-green-700:focus,a.mdc-text-light-green-700:hover{color:#558b2f}.mdc-text-light-green-900,a.mdc-text-light-green-800:focus,a.mdc-text-light-green-800:hover{color:#33691e}a.mdc-text-light-green-900:focus,a.mdc-text-light-green-900:hover{color:#204113}.mdc-text-light-green-A100{color:#ccff90}a.mdc-text-light-green-A100:focus,a.mdc-text-light-green-A100:hover{color:#b5ff5d}.mdc-text-light-green-A200{color:#b2ff59}a.mdc-text-light-green-A200:focus,a.mdc-text-light-green-A200:hover{color:#9aff26}.mdc-text-light-green-A400{color:#76ff03}a.mdc-text-light-green-A400:focus,a.mdc-text-light-green-A400:hover{color:#5ecf00}.mdc-text-light-green-A700{color:#64dd17}a.mdc-text-light-green-A700:focus,a.mdc-text-light-green-A700:hover{color:#4faf12}.mdc-bg-light-green{background-color:#8bc34a}a.mdc-bg-light-green:focus,a.mdc-bg-light-green:hover{background-color:#7cb342}.mdc-bg-light-green-50{background-color:#f1f8e9}.mdc-bg-light-green-100,a.mdc-bg-light-green-50:focus,a.mdc-bg-light-green-50:hover{background-color:#dcedc8}.mdc-bg-light-green-200,a.mdc-bg-light-green-100:focus,a.mdc-bg-light-green-100:hover{background-color:#c5e1a5}.mdc-bg-light-green-300,a.mdc-bg-light-green-200:focus,a.mdc-bg-light-green-200:hover{background-color:#aed581}.mdc-bg-light-green-400,a.mdc-bg-light-green-300:focus,a.mdc-bg-light-green-300:hover{background-color:#9ccc65}.mdc-bg-light-green-500,a.mdc-bg-light-green-400:focus,a.mdc-bg-light-green-400:hover{background-color:#8bc34a}.mdc-bg-light-green-600,a.mdc-bg-light-green-500:focus,a.mdc-bg-light-green-500:hover{background-color:#7cb342}.mdc-bg-light-green-700,a.mdc-bg-light-green-600:focus,a.mdc-bg-light-green-600:hover{background-color:#689f38}.mdc-bg-light-green-800,a.mdc-bg-light-green-700:focus,a.mdc-bg-light-green-700:hover{background-color:#558b2f}.mdc-bg-light-green-900,a.mdc-bg-light-green-800:focus,a.mdc-bg-light-green-800:hover{background-color:#33691e}a.mdc-bg-light-green-900:focus,a.mdc-bg-light-green-900:hover{background-color:#204113}.mdc-bg-light-green-A100{background-color:#ccff90}a.mdc-bg-light-green-A100:focus,a.mdc-bg-light-green-A100:hover{background-color:#b5ff5d}.mdc-bg-light-green-A200{background-color:#b2ff59}a.mdc-bg-light-green-A200:focus,a.mdc-bg-light-green-A200:hover{background-color:#9aff26}.mdc-bg-light-green-A400{background-color:#76ff03}a.mdc-bg-light-green-A400:focus,a.mdc-bg-light-green-A400:hover{background-color:#5ecf00}.mdc-bg-light-green-A700{background-color:#64dd17}a.mdc-bg-light-green-A700:focus,a.mdc-bg-light-green-A700:hover{background-color:#4faf12}.mdc-text-lime{color:#cddc39}a.mdc-text-lime:focus,a.mdc-text-lime:hover{color:#c0ca33}.mdc-text-lime-50{color:#f9fbe7}.mdc-text-lime-100,a.mdc-text-lime-50:focus,a.mdc-text-lime-50:hover{color:#f0f4c3}.mdc-text-lime-200,a.mdc-text-lime-100:focus,a.mdc-text-lime-100:hover{color:#e6ee9c}.mdc-text-lime-300,a.mdc-text-lime-200:focus,a.mdc-text-lime-200:hover{color:#dce775}.mdc-text-lime-400,a.mdc-text-lime-300:focus,a.mdc-text-lime-300:hover{color:#d4e157}.mdc-text-lime-500,a.mdc-text-lime-400:focus,a.mdc-text-lime-400:hover{color:#cddc39}.mdc-text-lime-600,a.mdc-text-lime-500:focus,a.mdc-text-lime-500:hover{color:#c0ca33}.mdc-text-lime-700,a.mdc-text-lime-600:focus,a.mdc-text-lime-600:hover{color:#afb42b}.mdc-text-lime-800,a.mdc-text-lime-700:focus,a.mdc-text-lime-700:hover{color:#9e9d24}.mdc-text-lime-900,a.mdc-text-lime-800:focus,a.mdc-text-lime-800:hover{color:#827717}a.mdc-text-lime-900:focus,a.mdc-text-lime-900:hover{color:#574f0f}.mdc-text-lime-A100{color:#f4ff81}a.mdc-text-lime-A100:focus,a.mdc-text-lime-A100:hover{color:#f0ff4e}.mdc-text-lime-A200{color:#eeff41}a.mdc-text-lime-A200:focus,a.mdc-text-lime-A200:hover{color:#e9ff0e}.mdc-text-lime-A400{color:#c6ff00}a.mdc-text-lime-A400:focus,a.mdc-text-lime-A400:hover{color:#9ecc00}.mdc-text-lime-A700{color:#aeea00}a.mdc-text-lime-A700:focus,a.mdc-text-lime-A700:hover{color:#88b700}.mdc-bg-lime{background-color:#cddc39}a.mdc-bg-lime:focus,a.mdc-bg-lime:hover{background-color:#c0ca33}.mdc-bg-lime-50{background-color:#f9fbe7}.mdc-bg-lime-100,a.mdc-bg-lime-50:focus,a.mdc-bg-lime-50:hover{background-color:#f0f4c3}.mdc-bg-lime-200,a.mdc-bg-lime-100:focus,a.mdc-bg-lime-100:hover{background-color:#e6ee9c}.mdc-bg-lime-300,a.mdc-bg-lime-200:focus,a.mdc-bg-lime-200:hover{background-color:#dce775}.mdc-bg-lime-400,a.mdc-bg-lime-300:focus,a.mdc-bg-lime-300:hover{background-color:#d4e157}.mdc-bg-lime-500,a.mdc-bg-lime-400:focus,a.mdc-bg-lime-400:hover{background-color:#cddc39}.mdc-bg-lime-600,a.mdc-bg-lime-500:focus,a.mdc-bg-lime-500:hover{background-color:#c0ca33}.mdc-bg-lime-700,a.mdc-bg-lime-600:focus,a.mdc-bg-lime-600:hover{background-color:#afb42b}.mdc-bg-lime-800,a.mdc-bg-lime-700:focus,a.mdc-bg-lime-700:hover{background-color:#9e9d24}.mdc-bg-lime-900,a.mdc-bg-lime-800:focus,a.mdc-bg-lime-800:hover{background-color:#827717}a.mdc-bg-lime-900:focus,a.mdc-bg-lime-900:hover{background-color:#574f0f}.mdc-bg-lime-A100{background-color:#f4ff81}a.mdc-bg-lime-A100:focus,a.mdc-bg-lime-A100:hover{background-color:#f0ff4e}.mdc-bg-lime-A200{background-color:#eeff41}a.mdc-bg-lime-A200:focus,a.mdc-bg-lime-A200:hover{background-color:#e9ff0e}.mdc-bg-lime-A400{background-color:#c6ff00}a.mdc-bg-lime-A400:focus,a.mdc-bg-lime-A400:hover{background-color:#9ecc00}.mdc-bg-lime-A700{background-color:#aeea00}a.mdc-bg-lime-A700:focus,a.mdc-bg-lime-A700:hover{background-color:#88b700}.mdc-text-yellow{color:#ffeb3b}a.mdc-text-yellow:focus,a.mdc-text-yellow:hover{color:#fdd835}.mdc-text-yellow-50{color:#fffde7}.mdc-text-yellow-100,a.mdc-text-yellow-50:focus,a.mdc-text-yellow-50:hover{color:#fff9c4}.mdc-text-yellow-200,a.mdc-text-yellow-100:focus,a.mdc-text-yellow-100:hover{color:#fff59d}.mdc-text-yellow-300,a.mdc-text-yellow-200:focus,a.mdc-text-yellow-200:hover{color:#fff176}.mdc-text-yellow-400,a.mdc-text-yellow-300:focus,a.mdc-text-yellow-300:hover{color:#ffee58}.mdc-text-yellow-500,a.mdc-text-yellow-400:focus,a.mdc-text-yellow-400:hover{color:#ffeb3b}.mdc-text-yellow-600,a.mdc-text-yellow-500:focus,a.mdc-text-yellow-500:hover{color:#fdd835}.mdc-text-yellow-700,a.mdc-text-yellow-600:focus,a.mdc-text-yellow-600:hover{color:#fbc02d}.mdc-text-yellow-800,a.mdc-text-yellow-700:focus,a.mdc-text-yellow-700:hover{color:#f9a825}.mdc-text-yellow-900,a.mdc-text-yellow-800:focus,a.mdc-text-yellow-800:hover{color:#f57f17}a.mdc-text-yellow-900:focus,a.mdc-text-yellow-900:hover{color:#d06609}.mdc-text-yellow-A100{color:#ffff8d}a.mdc-text-yellow-A100:focus,a.mdc-text-yellow-A100:hover{color:#ffff5a}.mdc-text-yellow-A200{color:#ff0}a.mdc-text-yellow-A200:focus,a.mdc-text-yellow-A200:hover{color:#cc0}.mdc-text-yellow-A400{color:#ffea00}a.mdc-text-yellow-A400:focus,a.mdc-text-yellow-A400:hover{color:#cb0}.mdc-text-yellow-A700{color:#ffd600}a.mdc-text-yellow-A700:focus,a.mdc-text-yellow-A700:hover{color:#ccab00}.mdc-bg-yellow{background-color:#ffeb3b}a.mdc-bg-yellow:focus,a.mdc-bg-yellow:hover{background-color:#fdd835}.mdc-bg-yellow-50{background-color:#fffde7}.mdc-bg-yellow-100,a.mdc-bg-yellow-50:focus,a.mdc-bg-yellow-50:hover{background-color:#fff9c4}.mdc-bg-yellow-200,a.mdc-bg-yellow-100:focus,a.mdc-bg-yellow-100:hover{background-color:#fff59d}.mdc-bg-yellow-300,a.mdc-bg-yellow-200:focus,a.mdc-bg-yellow-200:hover{background-color:#fff176}.mdc-bg-yellow-400,a.mdc-bg-yellow-300:focus,a.mdc-bg-yellow-300:hover{background-color:#ffee58}.mdc-bg-yellow-500,a.mdc-bg-yellow-400:focus,a.mdc-bg-yellow-400:hover{background-color:#ffeb3b}.mdc-bg-yellow-600,a.mdc-bg-yellow-500:focus,a.mdc-bg-yellow-500:hover{background-color:#fdd835}.mdc-bg-yellow-700,a.mdc-bg-yellow-600:focus,a.mdc-bg-yellow-600:hover{background-color:#fbc02d}.mdc-bg-yellow-800,a.mdc-bg-yellow-700:focus,a.mdc-bg-yellow-700:hover{background-color:#f9a825}.mdc-bg-yellow-900,a.mdc-bg-yellow-800:focus,a.mdc-bg-yellow-800:hover{background-color:#f57f17}a.mdc-bg-yellow-900:focus,a.mdc-bg-yellow-900:hover{background-color:#d06609}.mdc-bg-yellow-A100{background-color:#ffff8d}a.mdc-bg-yellow-A100:focus,a.mdc-bg-yellow-A100:hover{background-color:#ffff5a}.mdc-bg-yellow-A200{background-color:#ff0}a.mdc-bg-yellow-A200:focus,a.mdc-bg-yellow-A200:hover{background-color:#cc0}.mdc-bg-yellow-A400{background-color:#ffea00}a.mdc-bg-yellow-A400:focus,a.mdc-bg-yellow-A400:hover{background-color:#cb0}.mdc-bg-yellow-A700{background-color:#ffd600}a.mdc-bg-yellow-A700:focus,a.mdc-bg-yellow-A700:hover{background-color:#ccab00}.mdc-text-amber{color:#ffc107}a.mdc-text-amber:focus,a.mdc-text-amber:hover{color:#ffb300}.mdc-text-amber-50{color:#fff8e1}.mdc-text-amber-100,a.mdc-text-amber-50:focus,a.mdc-text-amber-50:hover{color:#ffecb3}.mdc-text-amber-200,a.mdc-text-amber-100:focus,a.mdc-text-amber-100:hover{color:#ffe082}.mdc-text-amber-300,a.mdc-text-amber-200:focus,a.mdc-text-amber-200:hover{color:#ffd54f}.mdc-text-amber-400,a.mdc-text-amber-300:focus,a.mdc-text-amber-300:hover{color:#ffca28}.mdc-text-amber-500,a.mdc-text-amber-400:focus,a.mdc-text-amber-400:hover{color:#ffc107}.mdc-text-amber-600,a.mdc-text-amber-500:focus,a.mdc-text-amber-500:hover{color:#ffb300}.mdc-text-amber-700,a.mdc-text-amber-600:focus,a.mdc-text-amber-600:hover{color:#ffa000}.mdc-text-amber-800,a.mdc-text-amber-700:focus,a.mdc-text-amber-700:hover{color:#ff8f00}.mdc-text-amber-900,a.mdc-text-amber-800:focus,a.mdc-text-amber-800:hover{color:#ff6f00}a.mdc-text-amber-900:focus,a.mdc-text-amber-900:hover{color:#cc5900}.mdc-text-amber-A100{color:#ffe57f}a.mdc-text-amber-A100:focus,a.mdc-text-amber-A100:hover{color:#ffdb4c}.mdc-text-amber-A200{color:#ffd740}a.mdc-text-amber-A200:focus,a.mdc-text-amber-A200:hover{color:#ffcc0d}.mdc-text-amber-A400{color:#ffc400}a.mdc-text-amber-A400:focus,a.mdc-text-amber-A400:hover{color:#cc9d00}.mdc-text-amber-A700{color:#ffab00}a.mdc-text-amber-A700:focus,a.mdc-text-amber-A700:hover{color:#cc8900}.mdc-bg-amber{background-color:#ffc107}a.mdc-bg-amber:focus,a.mdc-bg-amber:hover{background-color:#ffb300}.mdc-bg-amber-50{background-color:#fff8e1}.mdc-bg-amber-100,a.mdc-bg-amber-50:focus,a.mdc-bg-amber-50:hover{background-color:#ffecb3}.mdc-bg-amber-200,a.mdc-bg-amber-100:focus,a.mdc-bg-amber-100:hover{background-color:#ffe082}.mdc-bg-amber-300,a.mdc-bg-amber-200:focus,a.mdc-bg-amber-200:hover{background-color:#ffd54f}.mdc-bg-amber-400,a.mdc-bg-amber-300:focus,a.mdc-bg-amber-300:hover{background-color:#ffca28}.mdc-bg-amber-500,a.mdc-bg-amber-400:focus,a.mdc-bg-amber-400:hover{background-color:#ffc107}.mdc-bg-amber-600,a.mdc-bg-amber-500:focus,a.mdc-bg-amber-500:hover{background-color:#ffb300}.mdc-bg-amber-700,a.mdc-bg-amber-600:focus,a.mdc-bg-amber-600:hover{background-color:#ffa000}.mdc-bg-amber-800,a.mdc-bg-amber-700:focus,a.mdc-bg-amber-700:hover{background-color:#ff8f00}.mdc-bg-amber-900,a.mdc-bg-amber-800:focus,a.mdc-bg-amber-800:hover{background-color:#ff6f00}a.mdc-bg-amber-900:focus,a.mdc-bg-amber-900:hover{background-color:#cc5900}.mdc-bg-amber-A100{background-color:#ffe57f}a.mdc-bg-amber-A100:focus,a.mdc-bg-amber-A100:hover{background-color:#ffdb4c}.mdc-bg-amber-A200{background-color:#ffd740}a.mdc-bg-amber-A200:focus,a.mdc-bg-amber-A200:hover{background-color:#ffcc0d}.mdc-bg-amber-A400{background-color:#ffc400}a.mdc-bg-amber-A400:focus,a.mdc-bg-amber-A400:hover{background-color:#cc9d00}.mdc-bg-amber-A700{background-color:#ffab00}a.mdc-bg-amber-A700:focus,a.mdc-bg-amber-A700:hover{background-color:#cc8900}.mdc-text-orange{color:#ff9800}a.mdc-text-orange:focus,a.mdc-text-orange:hover{color:#fb8c00}.mdc-text-orange-50{color:#fff3e0}.mdc-text-orange-100,a.mdc-text-orange-50:focus,a.mdc-text-orange-50:hover{color:#ffe0b2}.mdc-text-orange-200,a.mdc-text-orange-100:focus,a.mdc-text-orange-100:hover{color:#ffcc80}.mdc-text-orange-300,a.mdc-text-orange-200:focus,a.mdc-text-orange-200:hover{color:#ffb74d}.mdc-text-orange-400,a.mdc-text-orange-300:focus,a.mdc-text-orange-300:hover{color:#ffa726}.mdc-text-orange-500,a.mdc-text-orange-400:focus,a.mdc-text-orange-400:hover{color:#ff9800}.mdc-text-orange-600,a.mdc-text-orange-500:focus,a.mdc-text-orange-500:hover{color:#fb8c00}.mdc-text-orange-700,a.mdc-text-orange-600:focus,a.mdc-text-orange-600:hover{color:#f57c00}.mdc-text-orange-800,a.mdc-text-orange-700:focus,a.mdc-text-orange-700:hover{color:#ef6c00}.mdc-text-orange-900,a.mdc-text-orange-800:focus,a.mdc-text-orange-800:hover{color:#e65100}a.mdc-text-orange-900:focus,a.mdc-text-orange-900:hover{color:#b33f00}.mdc-text-orange-A100{color:#ffd180}a.mdc-text-orange-A100:focus,a.mdc-text-orange-A100:hover{color:#ffbf4d}.mdc-text-orange-A200{color:#ffab40}a.mdc-text-orange-A200:focus,a.mdc-text-orange-A200:hover{color:#ff950d}.mdc-text-orange-A400{color:#ff9100}a.mdc-text-orange-A400:focus,a.mdc-text-orange-A400:hover{color:#cc7400}.mdc-text-orange-A700{color:#ff6d00}a.mdc-text-orange-A700:focus,a.mdc-text-orange-A700:hover{color:#cc5700}.mdc-bg-orange{background-color:#ff9800}a.mdc-bg-orange:focus,a.mdc-bg-orange:hover{background-color:#fb8c00}.mdc-bg-orange-50{background-color:#fff3e0}.mdc-bg-orange-100,a.mdc-bg-orange-50:focus,a.mdc-bg-orange-50:hover{background-color:#ffe0b2}.mdc-bg-orange-200,a.mdc-bg-orange-100:focus,a.mdc-bg-orange-100:hover{background-color:#ffcc80}.mdc-bg-orange-300,a.mdc-bg-orange-200:focus,a.mdc-bg-orange-200:hover{background-color:#ffb74d}.mdc-bg-orange-400,a.mdc-bg-orange-300:focus,a.mdc-bg-orange-300:hover{background-color:#ffa726}.mdc-bg-orange-500,a.mdc-bg-orange-400:focus,a.mdc-bg-orange-400:hover{background-color:#ff9800}.mdc-bg-orange-600,a.mdc-bg-orange-500:focus,a.mdc-bg-orange-500:hover{background-color:#fb8c00}.mdc-bg-orange-700,a.mdc-bg-orange-600:focus,a.mdc-bg-orange-600:hover{background-color:#f57c00}.mdc-bg-orange-800,a.mdc-bg-orange-700:focus,a.mdc-bg-orange-700:hover{background-color:#ef6c00}.mdc-bg-orange-900,a.mdc-bg-orange-800:focus,a.mdc-bg-orange-800:hover{background-color:#e65100}a.mdc-bg-orange-900:focus,a.mdc-bg-orange-900:hover{background-color:#b33f00}.mdc-bg-orange-A100{background-color:#ffd180}a.mdc-bg-orange-A100:focus,a.mdc-bg-orange-A100:hover{background-color:#ffbf4d}.mdc-bg-orange-A200{background-color:#ffab40}a.mdc-bg-orange-A200:focus,a.mdc-bg-orange-A200:hover{background-color:#ff950d}.mdc-bg-orange-A400{background-color:#ff9100}a.mdc-bg-orange-A400:focus,a.mdc-bg-orange-A400:hover{background-color:#cc7400}.mdc-bg-orange-A700{background-color:#ff6d00}a.mdc-bg-orange-A700:focus,a.mdc-bg-orange-A700:hover{background-color:#cc5700}.mdc-text-deep-orange{color:#ff5722}a.mdc-text-deep-orange:focus,a.mdc-text-deep-orange:hover{color:#f4511e}.mdc-text-deep-orange-50{color:#fbe9e7}.mdc-text-deep-orange-100,a.mdc-text-deep-orange-50:focus,a.mdc-text-deep-orange-50:hover{color:#ffccbc}.mdc-text-deep-orange-200,a.mdc-text-deep-orange-100:focus,a.mdc-text-deep-orange-100:hover{color:#ffab91}.mdc-text-deep-orange-300,a.mdc-text-deep-orange-200:focus,a.mdc-text-deep-orange-200:hover{color:#ff8a65}.mdc-text-deep-orange-400,a.mdc-text-deep-orange-300:focus,a.mdc-text-deep-orange-300:hover{color:#ff7043}.mdc-text-deep-orange-500,a.mdc-text-deep-orange-400:focus,a.mdc-text-deep-orange-400:hover{color:#ff5722}.mdc-text-deep-orange-600,a.mdc-text-deep-orange-500:focus,a.mdc-text-deep-orange-500:hover{color:#f4511e}.mdc-text-deep-orange-700,a.mdc-text-deep-orange-600:focus,a.mdc-text-deep-orange-600:hover{color:#e64a19}.mdc-text-deep-orange-800,a.mdc-text-deep-orange-700:focus,a.mdc-text-deep-orange-700:hover{color:#d84315}.mdc-text-deep-orange-900,a.mdc-text-deep-orange-800:focus,a.mdc-text-deep-orange-800:hover{color:#bf360c}a.mdc-text-deep-orange-900:focus,a.mdc-text-deep-orange-900:hover{color:#8f2809}.mdc-text-deep-orange-A100{color:#ff9e80}a.mdc-text-deep-orange-A100:focus,a.mdc-text-deep-orange-A100:hover{color:#ff774d}.mdc-text-deep-orange-A200{color:#ff6e40}a.mdc-text-deep-orange-A200:focus,a.mdc-text-deep-orange-A200:hover{color:#ff470d}.mdc-text-deep-orange-A400{color:#ff3d00}a.mdc-text-deep-orange-A400:focus,a.mdc-text-deep-orange-A400:hover{color:#cc3100}.mdc-text-deep-orange-A700{color:#dd2c00}a.mdc-text-deep-orange-A700:focus,a.mdc-text-deep-orange-A700:hover{color:#a20}.mdc-bg-deep-orange{background-color:#ff5722}a.mdc-bg-deep-orange:focus,a.mdc-bg-deep-orange:hover{background-color:#f4511e}.mdc-bg-deep-orange-50{background-color:#fbe9e7}.mdc-bg-deep-orange-100,a.mdc-bg-deep-orange-50:focus,a.mdc-bg-deep-orange-50:hover{background-color:#ffccbc}.mdc-bg-deep-orange-200,a.mdc-bg-deep-orange-100:focus,a.mdc-bg-deep-orange-100:hover{background-color:#ffab91}.mdc-bg-deep-orange-300,a.mdc-bg-deep-orange-200:focus,a.mdc-bg-deep-orange-200:hover{background-color:#ff8a65}.mdc-bg-deep-orange-400,a.mdc-bg-deep-orange-300:focus,a.mdc-bg-deep-orange-300:hover{background-color:#ff7043}.mdc-bg-deep-orange-500,a.mdc-bg-deep-orange-400:focus,a.mdc-bg-deep-orange-400:hover{background-color:#ff5722}.mdc-bg-deep-orange-600,a.mdc-bg-deep-orange-500:focus,a.mdc-bg-deep-orange-500:hover{background-color:#f4511e}.mdc-bg-deep-orange-700,a.mdc-bg-deep-orange-600:focus,a.mdc-bg-deep-orange-600:hover{background-color:#e64a19}.mdc-bg-deep-orange-800,a.mdc-bg-deep-orange-700:focus,a.mdc-bg-deep-orange-700:hover{background-color:#d84315}.mdc-bg-deep-orange-900,a.mdc-bg-deep-orange-800:focus,a.mdc-bg-deep-orange-800:hover{background-color:#bf360c}a.mdc-bg-deep-orange-900:focus,a.mdc-bg-deep-orange-900:hover{background-color:#8f2809}.mdc-bg-deep-orange-A100{background-color:#ff9e80}a.mdc-bg-deep-orange-A100:focus,a.mdc-bg-deep-orange-A100:hover{background-color:#ff774d}.mdc-bg-deep-orange-A200{background-color:#ff6e40}a.mdc-bg-deep-orange-A200:focus,a.mdc-bg-deep-orange-A200:hover{background-color:#ff470d}.mdc-bg-deep-orange-A400{background-color:#ff3d00}a.mdc-bg-deep-orange-A400:focus,a.mdc-bg-deep-orange-A400:hover{background-color:#cc3100}.mdc-bg-deep-orange-A700{background-color:#dd2c00}a.mdc-bg-deep-orange-A700:focus,a.mdc-bg-deep-orange-A700:hover{background-color:#a20}.mdc-text-brown{color:#795548}a.mdc-text-brown:focus,a.mdc-text-brown:hover{color:#6d4c41}.mdc-text-brown-50{color:#efebe9}.mdc-text-brown-100,a.mdc-text-brown-50:focus,a.mdc-text-brown-50:hover{color:#d7ccc8}.mdc-text-brown-200,a.mdc-text-brown-100:focus,a.mdc-text-brown-100:hover{color:#bcaaa4}.mdc-text-brown-300,a.mdc-text-brown-200:focus,a.mdc-text-brown-200:hover{color:#a1887f}.mdc-text-brown-400,a.mdc-text-brown-300:focus,a.mdc-text-brown-300:hover{color:#8d6e63}.mdc-text-brown-500,a.mdc-text-brown-400:focus,a.mdc-text-brown-400:hover{color:#795548}.mdc-text-brown-600,a.mdc-text-brown-500:focus,a.mdc-text-brown-500:hover{color:#6d4c41}.mdc-text-brown-700,a.mdc-text-brown-600:focus,a.mdc-text-brown-600:hover{color:#5d4037}.mdc-text-brown-800,a.mdc-text-brown-700:focus,a.mdc-text-brown-700:hover{color:#4e342e}.mdc-text-brown-900,a.mdc-text-brown-800:focus,a.mdc-text-brown-800:hover{color:#3e2723}a.mdc-text-brown-900:focus,a.mdc-text-brown-900:hover{color:#1d1211}.mdc-bg-brown{background-color:#795548}a.mdc-bg-brown:focus,a.mdc-bg-brown:hover{background-color:#6d4c41}.mdc-bg-brown-50{background-color:#efebe9}.mdc-bg-brown-100,a.mdc-bg-brown-50:focus,a.mdc-bg-brown-50:hover{background-color:#d7ccc8}.mdc-bg-brown-200,a.mdc-bg-brown-100:focus,a.mdc-bg-brown-100:hover{background-color:#bcaaa4}.mdc-bg-brown-300,a.mdc-bg-brown-200:focus,a.mdc-bg-brown-200:hover{background-color:#a1887f}.mdc-bg-brown-400,a.mdc-bg-brown-300:focus,a.mdc-bg-brown-300:hover{background-color:#8d6e63}.mdc-bg-brown-500,a.mdc-bg-brown-400:focus,a.mdc-bg-brown-400:hover{background-color:#795548}.mdc-bg-brown-600,a.mdc-bg-brown-500:focus,a.mdc-bg-brown-500:hover{background-color:#6d4c41}.mdc-bg-brown-700,a.mdc-bg-brown-600:focus,a.mdc-bg-brown-600:hover{background-color:#5d4037}.mdc-bg-brown-800,a.mdc-bg-brown-700:focus,a.mdc-bg-brown-700:hover{background-color:#4e342e}.mdc-bg-brown-900,a.mdc-bg-brown-800:focus,a.mdc-bg-brown-800:hover{background-color:#3e2723}a.mdc-bg-brown-900:focus,a.mdc-bg-brown-900:hover{background-color:#1d1211}.mdc-text-grey{color:#9e9e9e}a.mdc-text-grey:focus,a.mdc-text-grey:hover{color:#757575}.mdc-text-grey-50{color:#fafafa}.mdc-text-grey-100,a.mdc-text-grey-50:focus,a.mdc-text-grey-50:hover{color:#f5f5f5}.mdc-text-grey-200,a.mdc-text-grey-100:focus,a.mdc-text-grey-100:hover{color:#eee}.mdc-text-grey-300,a.mdc-text-grey-200:focus,a.mdc-text-grey-200:hover{color:#e0e0e0}.mdc-text-grey-400,a.mdc-text-grey-300:focus,a.mdc-text-grey-300:hover{color:#bdbdbd}.mdc-text-grey-500,a.mdc-text-grey-400:focus,a.mdc-text-grey-400:hover{color:#9e9e9e}.mdc-text-grey-600,a.mdc-text-grey-500:focus,a.mdc-text-grey-500:hover{color:#757575}.mdc-text-grey-700,a.mdc-text-grey-600:focus,a.mdc-text-grey-600:hover{color:#616161}.mdc-text-grey-800,a.mdc-text-grey-700:focus,a.mdc-text-grey-700:hover{color:#424242}.mdc-text-grey-900,a.mdc-text-grey-800:focus,a.mdc-text-grey-800:hover{color:#212121}a.mdc-text-grey-900:focus,a.mdc-text-grey-900:hover{color:#080808}.mdc-bg-grey{background-color:#9e9e9e}a.mdc-bg-grey:focus,a.mdc-bg-grey:hover{background-color:#757575}.mdc-bg-grey-50{background-color:#fafafa}.mdc-bg-grey-100,a.mdc-bg-grey-50:focus,a.mdc-bg-grey-50:hover{background-color:#f5f5f5}.mdc-bg-grey-200,a.mdc-bg-grey-100:focus,a.mdc-bg-grey-100:hover{background-color:#eee}.mdc-bg-grey-300,a.mdc-bg-grey-200:focus,a.mdc-bg-grey-200:hover{background-color:#e0e0e0}.mdc-bg-grey-400,a.mdc-bg-grey-300:focus,a.mdc-bg-grey-300:hover{background-color:#bdbdbd}.mdc-bg-grey-500,a.mdc-bg-grey-400:focus,a.mdc-bg-grey-400:hover{background-color:#9e9e9e}.mdc-bg-grey-600,a.mdc-bg-grey-500:focus,a.mdc-bg-grey-500:hover{background-color:#757575}.mdc-bg-grey-700,a.mdc-bg-grey-600:focus,a.mdc-bg-grey-600:hover{background-color:#616161}.mdc-bg-grey-800,a.mdc-bg-grey-700:focus,a.mdc-bg-grey-700:hover{background-color:#424242}.mdc-bg-grey-900,a.mdc-bg-grey-800:focus,a.mdc-bg-grey-800:hover{background-color:#212121}a.mdc-bg-grey-900:focus,a.mdc-bg-grey-900:hover{background-color:#080808}.mdc-text-blue-grey{color:#607d8b}a.mdc-text-blue-grey:focus,a.mdc-text-blue-grey:hover{color:#546e7a}.mdc-text-blue-grey-50{color:#eceff1}.mdc-text-blue-grey-100,a.mdc-text-blue-grey-50:focus,a.mdc-text-blue-grey-50:hover{color:#cfd8dc}.mdc-text-blue-grey-200,a.mdc-text-blue-grey-100:focus,a.mdc-text-blue-grey-100:hover{color:#b0bec5}.mdc-text-blue-grey-300,a.mdc-text-blue-grey-200:focus,a.mdc-text-blue-grey-200:hover{color:#90a4ae}.mdc-text-blue-grey-400,a.mdc-text-blue-grey-300:focus,a.mdc-text-blue-grey-300:hover{color:#78909c}.mdc-text-blue-grey-500,a.mdc-text-blue-grey-400:focus,a.mdc-text-blue-grey-400:hover{color:#607d8b}.mdc-text-blue-grey-600,a.mdc-text-blue-grey-500:focus,a.mdc-text-blue-grey-500:hover{color:#546e7a}.mdc-text-blue-grey-700,a.mdc-text-blue-grey-600:focus,a.mdc-text-blue-grey-600:hover{color:#455a64}.mdc-text-blue-grey-800,a.mdc-text-blue-grey-700:focus,a.mdc-text-blue-grey-700:hover{color:#37474f}.mdc-text-blue-grey-900,a.mdc-text-blue-grey-800:focus,a.mdc-text-blue-grey-800:hover{color:#263238}a.mdc-text-blue-grey-900:focus,a.mdc-text-blue-grey-900:hover{color:#11171a}.mdc-bg-blue-grey{background-color:#607d8b}a.mdc-bg-blue-grey:focus,a.mdc-bg-blue-grey:hover{background-color:#546e7a}.mdc-bg-blue-grey-50{background-color:#eceff1}.mdc-bg-blue-grey-100,a.mdc-bg-blue-grey-50:focus,a.mdc-bg-blue-grey-50:hover{background-color:#cfd8dc}.mdc-bg-blue-grey-200,a.mdc-bg-blue-grey-100:focus,a.mdc-bg-blue-grey-100:hover{background-color:#b0bec5}.mdc-bg-blue-grey-300,a.mdc-bg-blue-grey-200:focus,a.mdc-bg-blue-grey-200:hover{background-color:#90a4ae}.mdc-bg-blue-grey-400,a.mdc-bg-blue-grey-300:focus,a.mdc-bg-blue-grey-300:hover{background-color:#78909c}.mdc-bg-blue-grey-500,a.mdc-bg-blue-grey-400:focus,a.mdc-bg-blue-grey-400:hover{background-color:#607d8b}.mdc-bg-blue-grey-600,a.mdc-bg-blue-grey-500:focus,a.mdc-bg-blue-grey-500:hover{background-color:#546e7a}.mdc-bg-blue-grey-700,a.mdc-bg-blue-grey-600:focus,a.mdc-bg-blue-grey-600:hover{background-color:#455a64}.mdc-bg-blue-grey-800,a.mdc-bg-blue-grey-700:focus,a.mdc-bg-blue-grey-700:hover{background-color:#37474f}.mdc-bg-blue-grey-900,a.mdc-bg-blue-grey-800:focus,a.mdc-bg-blue-grey-800:hover{background-color:#263238}a.mdc-bg-blue-grey-900:focus,a.mdc-bg-blue-grey-900:hover{background-color:#11171a}.mdc-text-white-lighter{color:rgba(255,255,255,.12)}.mdc-text-white-light,a.mdc-text-white-lighter:focus,a.mdc-text-white-lighter:hover{color:rgba(255,255,255,.26)}.mdc-text-white-dark,a.mdc-text-white-light:focus,a.mdc-text-white-light:hover{color:rgba(255,255,255,.54)}.mdc-text-white-darker,a.mdc-text-white-dark:focus,a.mdc-text-white-dark:hover{color:rgba(255,255,255,.87)}a.mdc-text-white-darker:focus,a.mdc-text-white-darker:hover{color:#fff}.mdc-text-black-lighter{color:rgba(0,0,0,.12)}.mdc-text-black-light,a.mdc-text-black-lighter:focus,a.mdc-text-black-lighter:hover{color:rgba(0,0,0,.26)}.mdc-text-black-dark,a.mdc-text-black-light:focus,a.mdc-text-black-light:hover{color:rgba(0,0,0,.54)}.mdc-text-black-darker,a.mdc-text-black-dark:focus,a.mdc-text-black-dark:hover{color:rgba(0,0,0,.87)}a.mdc-text-black-darker:focus,a.mdc-text-black-darker:hover{color:#000} \ No newline at end of file diff --git a/less/.gitignore b/less/.gitignore new file mode 100644 index 0000000..2318862 --- /dev/null +++ b/less/.gitignore @@ -0,0 +1 @@ +*.css \ No newline at end of file diff --git a/less/material-design-color-palette.less b/less/material-design-color-palette.less new file mode 100644 index 0000000..2fb40c4 --- /dev/null +++ b/less/material-design-color-palette.less @@ -0,0 +1,35 @@ +/*! + * Material Design Color Palette 1.0.0 by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-color-palette/ + * License - https://github.com/zavoloklom/material-design-color-palette/blob/master/License (MIT license) + */ + +//== Import variables and mixins +@import "variables.less"; +@import "mixins.less"; + +//== Main colors with accent colors +.color-variant(~'red'); +.color-variant(~'pink'); +.color-variant(~'purple'); +.color-variant(~'deep-purple'); +.color-variant(~'indigo'); +.color-variant(~'blue'); +.color-variant(~'light-blue'); +.color-variant(~'cyan'); +.color-variant(~'teal'); +.color-variant(~'green'); +.color-variant(~'light-green'); +.color-variant(~'lime'); +.color-variant(~'yellow'); +.color-variant(~'amber'); +.color-variant(~'orange'); +.color-variant(~'deep-orange'); + +//== Colors without accent colors +.color-variant(~'brown', false); +.color-variant(~'grey', false); +.color-variant(~'blue-grey', false); + +//== Black/White colors with alpha values +.bw-color-variant(~'white'); +.bw-color-variant(~'black'); \ No newline at end of file diff --git a/less/mixins.less b/less/mixins.less new file mode 100644 index 0000000..185935e --- /dev/null +++ b/less/mixins.less @@ -0,0 +1,4 @@ +@import "mixins/get-colors.less"; +@import "mixins/background-colors.less"; +@import "mixins/text-colors.less"; +@import "mixins/color-variant.less"; \ No newline at end of file diff --git a/less/mixins/.gitignore b/less/mixins/.gitignore new file mode 100644 index 0000000..2318862 --- /dev/null +++ b/less/mixins/.gitignore @@ -0,0 +1 @@ +*.css \ No newline at end of file diff --git a/less/mixins/background-colors.less b/less/mixins/background-colors.less new file mode 100644 index 0000000..f61174c --- /dev/null +++ b/less/mixins/background-colors.less @@ -0,0 +1,153 @@ +//-- Contextual background color variations + +.bg-variant(@name) { + // get colors + .get-color-variables(@name); + + // use primary color + background-color: @@color-500; + a&:hover, + a&:focus { + background-color: @@color-600; + } + + &-50 { + background-color: @@color-50; + a&:hover, + a&:focus { + background-color: @@color-100; + } + } + &-100 { + background-color: @@color-100; + a&:hover, + a&:focus { + background-color: @@color-200; + } + } + &-200 { + background-color: @@color-200; + a&:hover, + a&:focus { + background-color: @@color-300; + } + } + &-300 { + background-color: @@color-300; + a&:hover, + a&:focus { + background-color: @@color-400; + } + } + &-400 { + background-color: @@color-400; + a&:hover, + a&:focus { + background-color: @@color-500; + } + } + &-500 { + background-color: @@color-500; + a&:hover, + a&:focus { + background-color: @@color-600; + } + } + &-600 { + background-color: @@color-600; + a&:hover, + a&:focus { + background-color: @@color-700; + } + } + &-700 { + background-color: @@color-700; + a&:hover, + a&:focus { + background-color: @@color-800; + } + } + &-800 { + background-color: @@color-800; + a&:hover, + a&:focus { + background-color: @@color-900; + } + } + &-900 { + background-color: @@color-900; + a&:hover, + a&:focus { + background-color: darken(@@color-900, 10%); + } + } +} + +.bg-accent-variant(@name) { + // get colors + .get-color-variables(@name); + + &-A100 { + background-color: @@color-A100; + a&:hover, + a&:focus { + background-color: darken(@@color-A100, 10%); + } + } + &-A200 { + background-color: @@color-A200; + a&:hover, + a&:focus { + background-color: darken(@@color-A200, 10%); + } + } + &-A400 { + background-color: @@color-A400; + a&:hover, + a&:focus { + background-color: darken(@@color-A400, 10%); + } + } + &-A700 { + background-color: @@color-A700; + a&:hover, + a&:focus { + background-color: darken(@@color-A700, 10%); + } + } +} + +.bg-bw-variant(@name) { + // get colors + .get-bw-color-variables(@name); + + + &-lighter { + background-color: @@color-lighter; + a&:hover, + a&:focus { + background-color: @@color-light; + } + } + &-light { + background-color: @@color-light; + a&:hover, + a&:focus { + background-color: @@color-dark; + } + } + &-dark { + background-color: @@color-dark; + a&:hover, + a&:focus { + background-color: @@color-darker; + } + } + &-darker { + background-color: @@color-darker; + a&:hover, + a&:focus { + background-color: @name; + } + } +} \ No newline at end of file diff --git a/less/mixins/color-variant.less b/less/mixins/color-variant.less new file mode 100644 index 0000000..e0ec6b9 --- /dev/null +++ b/less/mixins/color-variant.less @@ -0,0 +1,28 @@ +.color-variant(@name, @accent: true) when (@accent = false) { + .@{mdc-css-prefix}-@{mdc-text-prefix}-@{name} { + .text-variant(@name); + } + .@{mdc-css-prefix}-@{mdc-bg-prefix}-@{name} { + .bg-variant(@name); + } +} + +.color-variant(@name, @accent: true) when (@accent = true) { + .@{mdc-css-prefix}-@{mdc-text-prefix}-@{name} { + .text-variant(@name); + .text-accent-variant(@name); + } + .@{mdc-css-prefix}-@{mdc-bg-prefix}-@{name} { + .bg-variant(@name); + .bg-accent-variant(@name); + } +} + +.bw-color-variant(@name) { + .@{mdc-css-prefix}-@{mdc-text-prefix}-@{name} { + .text-bw-variant(@name); + } + .@{mdc-css-prefix}-@{mdc-text-prefix}-@{name} { + .text-bw-variant(@name); + } +} \ No newline at end of file diff --git a/less/mixins/get-colors.less b/less/mixins/get-colors.less new file mode 100644 index 0000000..6b16e77 --- /dev/null +++ b/less/mixins/get-colors.less @@ -0,0 +1,37 @@ +//== Get color variables from variables/colors.less by color name + +//## Main colors +.get-color-main-variables(@name) { + @color-50: ~"mdc-@{name}-50"; + @color-100: ~"mdc-@{name}-100"; + @color-200: ~"mdc-@{name}-200"; + @color-300: ~"mdc-@{name}-300"; + @color-400: ~"mdc-@{name}-400"; + @color-500: ~"mdc-@{name}-500"; + @color-600: ~"mdc-@{name}-600"; + @color-700: ~"mdc-@{name}-700"; + @color-800: ~"mdc-@{name}-800"; + @color-900: ~"mdc-@{name}-900"; +} + +//## Accent colors +.get-color-accent-variables(@name) { + @color-A100: ~"mdc-@{name}-A100"; + @color-A200: ~"mdc-@{name}-A200"; + @color-A400: ~"mdc-@{name}-A400"; + @color-A700: ~"mdc-@{name}-A700"; +} + +//## All colors +.get-color-variables(@name) { + .get-color-main-variables(@name); + .get-color-accent-variables(@name); +} + +//## B/W colors +.get-bw-color-variables(@name) { + @color-lighter: ~"mdc-@{name}-lighter"; + @color-light: ~"mdc-@{name}-light"; + @color-dark: ~"mdc-@{name}-dark"; + @color-darker: ~"mdc-@{name}-darker"; +} \ No newline at end of file diff --git a/less/mixins/text-colors.less b/less/mixins/text-colors.less new file mode 100644 index 0000000..e245c80 --- /dev/null +++ b/less/mixins/text-colors.less @@ -0,0 +1,154 @@ +//-- Contextual text color variations + +.text-variant(@name) { + // get colors + .get-color-main-variables(@name); + + // use primary color + color: @@color-500; + a&:hover, + a&:focus { + color: @@color-600; + } + + &-50 { + color: @@color-50; + a&:hover, + a&:focus { + color: @@color-100; + } + } + &-100 { + color: @@color-100; + a&:hover, + a&:focus { + color: @@color-200; + } + } + &-200 { + color: @@color-200; + a&:hover, + a&:focus { + color: @@color-300; + } + } + &-300 { + color: @@color-300; + a&:hover, + a&:focus { + color: @@color-400; + } + } + &-400 { + color: @@color-400; + a&:hover, + a&:focus { + color: @@color-500; + } + } + &-500 { + color: @@color-500; + a&:hover, + a&:focus { + color: @@color-600; + } + } + &-600 { + color: @@color-600; + a&:hover, + a&:focus { + color: @@color-700; + } + } + &-700 { + color: @@color-700; + a&:hover, + a&:focus { + color: @@color-800; + } + } + &-800 { + color: @@color-800; + a&:hover, + a&:focus { + color: @@color-900; + } + } + &-900 { + color: @@color-900; + a&:hover, + a&:focus { + color: darken(@@color-900, 10%); + } + } +} + + +.text-accent-variant(@name) { + // get colors + .get-color-accent-variables(@name); + + + &-A100 { + color: @@color-A100; + a&:hover, + a&:focus { + color: darken(@@color-A100, 10%); + } + } + &-A200 { + color: @@color-A200; + a&:hover, + a&:focus { + color: darken(@@color-A200, 10%); + } + } + &-A400 { + color: @@color-A400; + a&:hover, + a&:focus { + color: darken(@@color-A400, 10%); + } + } + &-A700 { + color: @@color-A700; + a&:hover, + a&:focus { + color: darken(@@color-A700, 10%); + } + } +} + +.text-bw-variant(@name) { + // get colors + .get-bw-color-variables(@name); + + &-lighter { + color: @@color-lighter; + a&:hover, + a&:focus { + color: @@color-light; + } + } + &-light { + color: @@color-light; + a&:hover, + a&:focus { + color: @@color-dark; + } + } + &-dark { + color: @@color-dark; + a&:hover, + a&:focus { + color: @@color-darker; + } + } + &-darker { + color: @@color-darker; + a&:hover, + a&:focus { + color: @name; + } + } +} \ No newline at end of file diff --git a/less/variables.less b/less/variables.less new file mode 100644 index 0000000..43f6014 --- /dev/null +++ b/less/variables.less @@ -0,0 +1,2 @@ +@import "variables/main.less"; +@import "variables/colors.less"; \ No newline at end of file diff --git a/less/variables/.gitignore b/less/variables/.gitignore new file mode 100644 index 0000000..2318862 --- /dev/null +++ b/less/variables/.gitignore @@ -0,0 +1 @@ +*.css \ No newline at end of file diff --git a/less/variables/colors.less b/less/variables/colors.less new file mode 100644 index 0000000..6353dab --- /dev/null +++ b/less/variables/colors.less @@ -0,0 +1,307 @@ +//== Google material colors + +//## Red +@mdc-red-50: #fde0dc; +@mdc-red-100: #f9bdbb; +@mdc-red-200: #f69988; +@mdc-red-300: #f36c60; +@mdc-red-400: #e84e40; +@mdc-red-500: #e51c23; +@mdc-red-600: #dd191d; +@mdc-red-700: #d01716; +@mdc-red-800: #c41411; +@mdc-red-900: #b0120a; +@mdc-red-A100: #ff7997; +@mdc-red-A200: #ff5177; +@mdc-red-A400: #ff2d6f; +@mdc-red-A700: #e00032; + +//## Pink +@mdc-pink-50: #fce4ec; +@mdc-pink-100: #f8bbd0; +@mdc-pink-200: #f48fb1; +@mdc-pink-300: #f06292; +@mdc-pink-400: #ec407a; +@mdc-pink-500: #e91e63; +@mdc-pink-600: #d81b60; +@mdc-pink-700: #c2185b; +@mdc-pink-800: #ad1457; +@mdc-pink-900: #880e4f; +@mdc-pink-A100: #ff80ab; +@mdc-pink-A200: #ff4081; +@mdc-pink-A400: #f50057; +@mdc-pink-A700: #c51162; + +//## Purple +@mdc-purple-50: #f3e5f5; +@mdc-purple-100: #e1bee7; +@mdc-purple-200: #ce93d8; +@mdc-purple-300: #ba68c8; +@mdc-purple-400: #ab47bc; +@mdc-purple-500: #9c27b0; +@mdc-purple-600: #8e24aa; +@mdc-purple-700: #7b1fa2; +@mdc-purple-800: #6a1b9a; +@mdc-purple-900: #4a148c; +@mdc-purple-A100: #ea80fc; +@mdc-purple-A200: #e040fb; +@mdc-purple-A400: #d500f9; +@mdc-purple-A700: #aa00ff; + +//## Deep Purple +@mdc-deep-purple-50: #ede7f6; +@mdc-deep-purple-100: #d1c4e9; +@mdc-deep-purple-200: #b39ddb; +@mdc-deep-purple-300: #9575cd; +@mdc-deep-purple-400: #7e57c2; +@mdc-deep-purple-500: #673ab7; +@mdc-deep-purple-600: #5e35b1; +@mdc-deep-purple-700: #512da8; +@mdc-deep-purple-800: #4527a0; +@mdc-deep-purple-900: #311b92; +@mdc-deep-purple-A100: #b388ff; +@mdc-deep-purple-A200: #7c4dff; +@mdc-deep-purple-A400: #651fff; +@mdc-deep-purple-A700: #6200ea; + +//## Indigo +@mdc-indigo-50: #e8eaf6; +@mdc-indigo-100: #c5cae9; +@mdc-indigo-200: #9fa8da; +@mdc-indigo-300: #7986cb; +@mdc-indigo-400: #5c6bc0; +@mdc-indigo-500: #3f51b5; +@mdc-indigo-600: #3949ab; +@mdc-indigo-700: #303f9f; +@mdc-indigo-800: #283593; +@mdc-indigo-900: #1a237e; +@mdc-indigo-A100: #8c9eff; +@mdc-indigo-A200: #536dfe; +@mdc-indigo-A400: #3d5afe; +@mdc-indigo-A700: #304ffe; + +//## Blue +@mdc-blue-50: #e7e9fd; +@mdc-blue-100: #d0d9ff; +@mdc-blue-200: #afbfff; +@mdc-blue-300: #91a7ff; +@mdc-blue-400: #738ffe; +@mdc-blue-500: #5677fc; +@mdc-blue-600: #4e6cef; +@mdc-blue-700: #455ede; +@mdc-blue-800: #3b50ce; +@mdc-blue-900: #2a36b1; +@mdc-blue-A100: #a6baff; +@mdc-blue-A200: #6889ff; +@mdc-blue-A400: #4d73ff; +@mdc-blue-A700: #4d69ff; + +//## Light Blue +@mdc-light-blue-50: #e1f5fe; +@mdc-light-blue-100: #b3e5fc; +@mdc-light-blue-200: #81d4fa; +@mdc-light-blue-300: #4fc3f7; +@mdc-light-blue-400: #29b6f6; +@mdc-light-blue-500: #03a9f4; +@mdc-light-blue-600: #039be5; +@mdc-light-blue-700: #0288d1; +@mdc-light-blue-800: #0277bd; +@mdc-light-blue-900: #01579b; +@mdc-light-blue-A100: #80d8ff; +@mdc-light-blue-A200: #40c4ff; +@mdc-light-blue-A400: #00b0ff; +@mdc-light-blue-A700: #0091ea; + +//## Cyan +@mdc-cyan-50: #e0f7fa; +@mdc-cyan-100: #b2ebf2; +@mdc-cyan-200: #80deea; +@mdc-cyan-300: #4dd0e1; +@mdc-cyan-400: #26c6da; +@mdc-cyan-500: #00bcd4; +@mdc-cyan-600: #00acc1; +@mdc-cyan-700: #0097a7; +@mdc-cyan-800: #00838f; +@mdc-cyan-900: #006064; +@mdc-cyan-A100: #84ffff; +@mdc-cyan-A200: #18ffff; +@mdc-cyan-A400: #00e5ff; +@mdc-cyan-A700: #00b8d4; + +//## Teal +@mdc-teal-50: #e0f2f1; +@mdc-teal-100: #b2dfdb; +@mdc-teal-200: #80cbc4; +@mdc-teal-300: #4db6ac; +@mdc-teal-400: #26a69a; +@mdc-teal-500: #009688; +@mdc-teal-600: #00897b; +@mdc-teal-700: #00796b; +@mdc-teal-800: #00695c; +@mdc-teal-900: #004d40; +@mdc-teal-A100: #a7ffeb; +@mdc-teal-A200: #64ffda; +@mdc-teal-A400: #1de9b6; +@mdc-teal-A700: #00bfa5; + +//## Green +@mdc-green-50: #d0f8ce; +@mdc-green-100: #a3e9a4; +@mdc-green-200: #72d572; +@mdc-green-300: #42bd41; +@mdc-green-400: #2baf2b; +@mdc-green-500: #259b24; +@mdc-green-600: #0a8f08; +@mdc-green-700: #0a7e07; +@mdc-green-800: #0a7e07; +@mdc-green-900: #0a7e07; +@mdc-green-A100: #a2f78d; +@mdc-green-A200: #5af158; +@mdc-green-A400: #14e715; +@mdc-green-A700: #12c700; + +//## Light Green +@mdc-light-green-50: #f1f8e9; +@mdc-light-green-100: #dcedc8; +@mdc-light-green-200: #c5e1a5; +@mdc-light-green-300: #aed581; +@mdc-light-green-400: #9ccc65; +@mdc-light-green-500: #8bc34a; +@mdc-light-green-600: #7cb342; +@mdc-light-green-700: #689f38; +@mdc-light-green-800: #558b2f; +@mdc-light-green-900: #33691e; +@mdc-light-green-A100: #ccff90; +@mdc-light-green-A200: #b2ff59; +@mdc-light-green-A400: #76ff03; +@mdc-light-green-A700: #64dd17; + +//## Lime +@mdc-lime-50: #f9fbe7; +@mdc-lime-100: #f0f4c3; +@mdc-lime-200: #e6ee9c; +@mdc-lime-300: #dce775; +@mdc-lime-400: #d4e157; +@mdc-lime-500: #cddc39; +@mdc-lime-600: #c0ca33; +@mdc-lime-700: #afb42b; +@mdc-lime-800: #9e9d24; +@mdc-lime-900: #827717; +@mdc-lime-A100: #f4ff81; +@mdc-lime-A200: #eeff41; +@mdc-lime-A400: #c6ff00; +@mdc-lime-A700: #aeea00; + +//## Yellow +@mdc-yellow-50: #fffde7; +@mdc-yellow-100: #fff9c4; +@mdc-yellow-200: #fff59d; +@mdc-yellow-300: #fff176; +@mdc-yellow-400: #ffee58; +@mdc-yellow-500: #ffeb3b; +@mdc-yellow-600: #fdd835; +@mdc-yellow-700: #fbc02d; +@mdc-yellow-800: #f9a825; +@mdc-yellow-900: #f57f17; +@mdc-yellow-A100: #ffff8d; +@mdc-yellow-A200: #ffff00; +@mdc-yellow-A400: #ffea00; +@mdc-yellow-A700: #ffd600; + +//## Amber +@mdc-amber-50: #fff8e1; +@mdc-amber-100: #ffecb3; +@mdc-amber-200: #ffe082; +@mdc-amber-300: #ffd54f; +@mdc-amber-400: #ffca28; +@mdc-amber-500: #ffc107; +@mdc-amber-600: #ffb300; +@mdc-amber-700: #ffa000; +@mdc-amber-800: #ff8f00; +@mdc-amber-900: #ff6f00; +@mdc-amber-A100: #ffe57f; +@mdc-amber-A200: #ffd740; +@mdc-amber-A400: #ffc400; +@mdc-amber-A700: #ffab00; + +//## Orange +@mdc-orange-50: #fff3e0; +@mdc-orange-100: #ffe0b2; +@mdc-orange-200: #ffcc80; +@mdc-orange-300: #ffb74d; +@mdc-orange-400: #ffa726; +@mdc-orange-500: #ff9800; +@mdc-orange-600: #fb8c00; +@mdc-orange-700: #f57c00; +@mdc-orange-800: #ef6c00; +@mdc-orange-900: #e65100; +@mdc-orange-A100: #ffd180; +@mdc-orange-A200: #ffab40; +@mdc-orange-A400: #ff9100; +@mdc-orange-A700: #ff6d00; + +//## Deep Orange +@mdc-deep-orange-50: #fbe9e7; +@mdc-deep-orange-100: #ffccbc; +@mdc-deep-orange-200: #ffab91; +@mdc-deep-orange-300: #ff8a65; +@mdc-deep-orange-400: #ff7043; +@mdc-deep-orange-500: #ff5722; +@mdc-deep-orange-600: #f4511e; +@mdc-deep-orange-700: #e64a19; +@mdc-deep-orange-800: #d84315; +@mdc-deep-orange-900: #bf360c; +@mdc-deep-orange-A100: #ff9e80; +@mdc-deep-orange-A200: #ff6e40; +@mdc-deep-orange-A400: #ff3d00; +@mdc-deep-orange-A700: #dd2c00; + +//## Brown +@mdc-brown-50: #efebe9; +@mdc-brown-100: #d7ccc8; +@mdc-brown-200: #bcaaa4; +@mdc-brown-300: #a1887f; +@mdc-brown-400: #8d6e63; +@mdc-brown-500: #795548; +@mdc-brown-600: #6d4c41; +@mdc-brown-700: #5d4037; +@mdc-brown-800: #4e342e; +@mdc-brown-900: #3e2723; + +//## Grey +@mdc-grey-50: #fafafa; +@mdc-grey-100: #f5f5f5; +@mdc-grey-200: #eeeeee; +@mdc-grey-300: #e0e0e0; +@mdc-grey-400: #bdbdbd; +@mdc-grey-500: #9e9e9e; +@mdc-grey-600: #757575; +@mdc-grey-700: #616161; +@mdc-grey-800: #424242; +@mdc-grey-900: #212121; + +//## Blue Grey +@mdc-blue-grey-50: #eceff1; +@mdc-blue-grey-100: #cfd8dc; +@mdc-blue-grey-200: #b0bec5; +@mdc-blue-grey-300: #90a4ae; +@mdc-blue-grey-400: #78909c; +@mdc-blue-grey-500: #607d8b; +@mdc-blue-grey-600: #546e7a; +@mdc-blue-grey-700: #455a64; +@mdc-blue-grey-800: #37474f; +@mdc-blue-grey-900: #263238; + +//== Alpha values for grey text, icons, and dividers + +//## White +@mdc-white-lighter: rgba(255,255,255,.12); // divider +@mdc-white-light: rgba(255,255,255,.26); // hint text +@mdc-white-dark: rgba(255,255,255,.54); // secondary text, icons +@mdc-white-darker: rgba(255,255,255,.87); // text + +//## Black +@mdc-black-lighter: rgba(0,0,0,.12); // divider +@mdc-black-light: rgba(0,0,0,.26); // hint text +@mdc-black-dark: rgba(0,0,0,.54); // secondary text, icons +@mdc-black-darker: rgba(0,0,0,.87); // text diff --git a/less/variables/main.less b/less/variables/main.less new file mode 100644 index 0000000..7dac8cd --- /dev/null +++ b/less/variables/main.less @@ -0,0 +1,6 @@ +// Variables +// -------------------------- +@mdc-css-prefix: mdc; +@mdc-text-prefix: text; +@mdc-bg-prefix: bg; +@mdc-version: "1.0.0"; \ No newline at end of file