myg 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. checksums.yaml +7 -0
  2. data/CHANGELOG.md +9 -0
  3. data/LICENSE +21 -0
  4. data/README.md +130 -0
  5. data/app/helpers/myg/theme_helper.rb +34 -0
  6. data/app/views/mozaic/myg/_checkbox.html.erb +1 -0
  7. data/app/views/mozaic/myg/_form-field.html.erb +1 -0
  8. data/app/views/mozaic/myg/_radio.html.erb +1 -0
  9. data/lib/generators/myg/install_generator.rb +23 -0
  10. data/lib/generators/myg/theme_generator.rb +17 -0
  11. data/lib/generators/templates/install/_myg.sass +1 -0
  12. data/lib/generators/templates/install/_variables.sass +1 -0
  13. data/lib/generators/templates/install/initializer.rb +30 -0
  14. data/lib/generators/templates/install/myg.sass +8 -0
  15. data/lib/generators/templates/install/theme/_default.scss +27 -0
  16. data/lib/generators/templates/install/theme/theme.sass +2 -0
  17. data/lib/generators/templates/theme/_theme.scss.erb +27 -0
  18. data/lib/myg.rb +11 -0
  19. data/lib/myg/configuration.rb +35 -0
  20. data/lib/myg/engine.rb +6 -0
  21. data/lib/myg/railtie.rb +21 -0
  22. data/lib/myg/version.rb +5 -0
  23. data/vendor/assets/javascripts/myg.js +16564 -0
  24. data/vendor/assets/stylesheets/myg.css +696 -0
  25. metadata +178 -0
data/vendor/assets/stylesheets/myg.css ADDED
@@ -0,0 +1,696 @@
1
+ /******/ (function(modules) { // webpackBootstrap
2
+ /******/ // The module cache
3
+ /******/ var installedModules = {};
4
+ /******/
5
+ /******/ // The require function
6
+ /******/ function __webpack_require__(moduleId) {
7
+ /******/
8
+ /******/ // Check if module is in cache
9
+ /******/ if(installedModules[moduleId]) {
10
+ /******/ return installedModules[moduleId].exports;
11
+ /******/ }
12
+ /******/ // Create a new module (and put it into the cache)
13
+ /******/ var module = installedModules[moduleId] = {
14
+ /******/ i: moduleId,
15
+ /******/ l: false,
16
+ /******/ exports: {}
17
+ /******/ };
18
+ /******/
19
+ /******/ // Execute the module function
20
+ /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
21
+ /******/
22
+ /******/ // Flag the module as loaded
23
+ /******/ module.l = true;
24
+ /******/
25
+ /******/ // Return the exports of the module
26
+ /******/ return module.exports;
27
+ /******/ }
28
+ /******/
29
+ /******/
30
+ /******/ // expose the modules object (__webpack_modules__)
31
+ /******/ __webpack_require__.m = modules;
32
+ /******/
33
+ /******/ // expose the module cache
34
+ /******/ __webpack_require__.c = installedModules;
35
+ /******/
36
+ /******/ // define getter function for harmony exports
37
+ /******/ __webpack_require__.d = function(exports, name, getter) {
38
+ /******/ if(!__webpack_require__.o(exports, name)) {
39
+ /******/ Object.defineProperty(exports, name, {
40
+ /******/ configurable: false,
41
+ /******/ enumerable: true,
42
+ /******/ get: getter
43
+ /******/ });
44
+ /******/ }
45
+ /******/ };
46
+ /******/
47
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
48
+ /******/ __webpack_require__.n = function(module) {
49
+ /******/ var getter = module && module.__esModule ?
50
+ /******/ function getDefault() { return module['default']; } :
51
+ /******/ function getModuleExports() { return module; };
52
+ /******/ __webpack_require__.d(getter, 'a', getter);
53
+ /******/ return getter;
54
+ /******/ };
55
+ /******/
56
+ /******/ // Object.prototype.hasOwnProperty.call
57
+ /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
58
+ /******/
59
+ /******/ // __webpack_public_path__
60
+ /******/ __webpack_require__.p = "";
61
+ /******/
62
+ /******/ // Load entry module and return exports
63
+ /******/ return __webpack_require__(__webpack_require__.s = 122);
64
+ /******/ })
65
+ /************************************************************************/
66
+ /******/ ({
67
+
68
+ /***/ 122:
69
+ /***/ (function(module, exports, __webpack_require__) {
70
+
71
+
72
+ var content = __webpack_require__(123);
73
+
74
+ if(typeof content === 'string') content = [[module.i, content, '']];
75
+
76
+ var transform;
77
+ var insertInto;
78
+
79
+
80
+
81
+ var options = {"hmr":true}
82
+
83
+ options.transform = transform
84
+ options.insertInto = undefined;
85
+
86
+ var update = __webpack_require__(125)(content, options);
87
+
88
+ if(content.locals) module.exports = content.locals;
89
+
90
+ if(false) {
91
+ module.hot.accept("!!../node_modules/css-loader/index.js!../node_modules/sass-loader/lib/loader.js??ref--0-2!./myg.sass", function() {
92
+ var newContent = require("!!../node_modules/css-loader/index.js!../node_modules/sass-loader/lib/loader.js??ref--0-2!./myg.sass");
93
+
94
+ if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
95
+
96
+ var locals = (function(a, b) {
97
+ var key, idx = 0;
98
+
99
+ for(key in a) {
100
+ if(!b || a[key] !== b[key]) return false;
101
+ idx++;
102
+ }
103
+
104
+ for(key in b) idx--;
105
+
106
+ return idx === 0;
107
+ }(content.locals, newContent.locals));
108
+
109
+ if(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');
110
+
111
+ update(newContent);
112
+ });
113
+
114
+ module.hot.dispose(function() { update(); });
115
+ }
116
+
117
+ /***/ }),
118
+
119
+ /***/ 123:
120
+ /***/ (function(module, exports, __webpack_require__) {
121
+
122
+ exports = module.exports = __webpack_require__(124)(false);
123
+ // imports
124
+ exports.push([module.i, "@import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700);", ""]);
125
+
126
+ // module
127
+ exports.push([module.i, "@charset \"UTF-8\";\nhtml, html.myg-theme--default {\n --color-accent-light: #4063e8;\n --color-accent-light: #042ecb;\n --color-accent-light: #052ab3;\n --color-accent-light: #ffffff;\n --color-accent-light: #bec7cf;\n --color-accent-light: #97a4b0;\n --color-accent-light: #657786;\n --color-accent-light: #3d4553;\n --color-accent-light: #14171A;\n --color-accent-light: #fcfcfc;\n --color-accent-light: #ffffff;\n --color-accent-light: #ffffff;\n --color-accent-light: #ecf2f7;\n --color-accent-light: #ebf5fe;\n --color-accent-light: #dce2e7;\n --color-accent-light: rgba(0, 0, 0, 0.05);\n --color-accent-light: #f6809a;\n --color-accent-light: #6adb83;\n --color-accent-light: rgba(231, 236, 240, 0.87); }\n\nhtml, html.myg-theme--default {\n --color-accent-light: #4063e8;\n --color-accent-light: #042ecb;\n --color-accent-light: #052ab3;\n --color-accent-light: #ffffff;\n --color-accent-light: #bec7cf;\n --color-accent-light: #97a4b0;\n --color-accent-light: #657786;\n --color-accent-light: #3d4553;\n --color-accent-light: #14171A;\n --color-accent-light: #fcfcfc;\n --color-accent-light: #ffffff;\n --color-accent-light: #ffffff;\n --color-accent-light: #ecf2f7;\n --color-accent-light: #ebf5fe;\n --color-accent-light: #dce2e7;\n --color-accent-light: rgba(0, 0, 0, 0.05);\n --color-accent-light: #f6809a;\n --color-accent-light: #6adb83;\n --color-accent-light: rgba(231, 236, 240, 0.87); }\n\n/*!\n * animate.css -http://daneden.me/animate\n * Version - 3.5.1\n * Licensed under the MIT license - http://opensource.org/licenses/MIT\n *\n * Copyright (c) 2016 Daniel Eden\n */\n.animated {\n -webkit-animation-duration: 1s;\n animation-duration: 1s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both; }\n\n.animated.infinite {\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite; }\n\n.animated.hinge {\n -webkit-animation-duration: 2s;\n animation-duration: 2s; }\n\n.animated.flipOutX,\n.animated.flipOutY,\n.animated.bounceIn,\n.animated.bounceOut {\n -webkit-animation-duration: .75s;\n animation-duration: .75s; }\n\n@-webkit-keyframes bounce {\n from, 20%, 53%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 40%, 43% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -30px, 0);\n transform: translate3d(0, -30px, 0); }\n 70% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -15px, 0);\n transform: translate3d(0, -15px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -4px, 0);\n transform: translate3d(0, -4px, 0); } }\n\n@keyframes bounce {\n from, 20%, 53%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 40%, 43% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -30px, 0);\n transform: translate3d(0, -30px, 0); }\n 70% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -15px, 0);\n transform: translate3d(0, -15px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -4px, 0);\n transform: translate3d(0, -4px, 0); } }\n\n.bounce {\n -webkit-animation-name: bounce;\n animation-name: bounce;\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom; }\n\n@-webkit-keyframes flash {\n from, 50%, to {\n opacity: 1; }\n 25%, 75% {\n opacity: 0; } }\n\n@keyframes flash {\n from, 50%, to {\n opacity: 1; }\n 25%, 75% {\n opacity: 0; } }\n\n.flash {\n -webkit-animation-name: flash;\n animation-name: flash; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes pulse {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 50% {\n -webkit-transform: scale3d(1.05, 1.05, 1.05);\n transform: scale3d(1.05, 1.05, 1.05); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes pulse {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 50% {\n -webkit-transform: scale3d(1.05, 1.05, 1.05);\n transform: scale3d(1.05, 1.05, 1.05); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.pulse {\n -webkit-animation-name: pulse;\n animation-name: pulse; }\n\n@-webkit-keyframes rubberBand {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 30% {\n -webkit-transform: scale3d(1.25, 0.75, 1);\n transform: scale3d(1.25, 0.75, 1); }\n 40% {\n -webkit-transform: scale3d(0.75, 1.25, 1);\n transform: scale3d(0.75, 1.25, 1); }\n 50% {\n -webkit-transform: scale3d(1.15, 0.85, 1);\n transform: scale3d(1.15, 0.85, 1); }\n 65% {\n -webkit-transform: scale3d(0.95, 1.05, 1);\n transform: scale3d(0.95, 1.05, 1); }\n 75% {\n -webkit-transform: scale3d(1.05, 0.95, 1);\n transform: scale3d(1.05, 0.95, 1); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes rubberBand {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 30% {\n -webkit-transform: scale3d(1.25, 0.75, 1);\n transform: scale3d(1.25, 0.75, 1); }\n 40% {\n -webkit-transform: scale3d(0.75, 1.25, 1);\n transform: scale3d(0.75, 1.25, 1); }\n 50% {\n -webkit-transform: scale3d(1.15, 0.85, 1);\n transform: scale3d(1.15, 0.85, 1); }\n 65% {\n -webkit-transform: scale3d(0.95, 1.05, 1);\n transform: scale3d(0.95, 1.05, 1); }\n 75% {\n -webkit-transform: scale3d(1.05, 0.95, 1);\n transform: scale3d(1.05, 0.95, 1); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.rubberBand {\n -webkit-animation-name: rubberBand;\n animation-name: rubberBand; }\n\n@-webkit-keyframes shake {\n from, to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 10%, 30%, 50%, 70%, 90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 20%, 40%, 60%, 80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); } }\n\n@keyframes shake {\n from, to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 10%, 30%, 50%, 70%, 90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 20%, 40%, 60%, 80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); } }\n\n.shake {\n -webkit-animation-name: shake;\n animation-name: shake; }\n\n@-webkit-keyframes headShake {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0); }\n 6.5% {\n -webkit-transform: translateX(-6px) rotateY(-9deg);\n transform: translateX(-6px) rotateY(-9deg); }\n 18.5% {\n -webkit-transform: translateX(5px) rotateY(7deg);\n transform: translateX(5px) rotateY(7deg); }\n 31.5% {\n -webkit-transform: translateX(-3px) rotateY(-5deg);\n transform: translateX(-3px) rotateY(-5deg); }\n 43.5% {\n -webkit-transform: translateX(2px) rotateY(3deg);\n transform: translateX(2px) rotateY(3deg); }\n 50% {\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n@keyframes headShake {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0); }\n 6.5% {\n -webkit-transform: translateX(-6px) rotateY(-9deg);\n transform: translateX(-6px) rotateY(-9deg); }\n 18.5% {\n -webkit-transform: translateX(5px) rotateY(7deg);\n transform: translateX(5px) rotateY(7deg); }\n 31.5% {\n -webkit-transform: translateX(-3px) rotateY(-5deg);\n transform: translateX(-3px) rotateY(-5deg); }\n 43.5% {\n -webkit-transform: translateX(2px) rotateY(3deg);\n transform: translateX(2px) rotateY(3deg); }\n 50% {\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n.headShake {\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n -webkit-animation-name: headShake;\n animation-name: headShake; }\n\n@-webkit-keyframes swing {\n 20% {\n -webkit-transform: rotate3d(0, 0, 1, 15deg);\n transform: rotate3d(0, 0, 1, 15deg); }\n 40% {\n -webkit-transform: rotate3d(0, 0, 1, -10deg);\n transform: rotate3d(0, 0, 1, -10deg); }\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 5deg);\n transform: rotate3d(0, 0, 1, 5deg); }\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, -5deg);\n transform: rotate3d(0, 0, 1, -5deg); }\n to {\n -webkit-transform: rotate3d(0, 0, 1, 0deg);\n transform: rotate3d(0, 0, 1, 0deg); } }\n\n@keyframes swing {\n 20% {\n -webkit-transform: rotate3d(0, 0, 1, 15deg);\n transform: rotate3d(0, 0, 1, 15deg); }\n 40% {\n -webkit-transform: rotate3d(0, 0, 1, -10deg);\n transform: rotate3d(0, 0, 1, -10deg); }\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 5deg);\n transform: rotate3d(0, 0, 1, 5deg); }\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, -5deg);\n transform: rotate3d(0, 0, 1, -5deg); }\n to {\n -webkit-transform: rotate3d(0, 0, 1, 0deg);\n transform: rotate3d(0, 0, 1, 0deg); } }\n\n.swing {\n -webkit-transform-origin: top center;\n transform-origin: top center;\n -webkit-animation-name: swing;\n animation-name: swing; }\n\n@-webkit-keyframes tada {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 10%, 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }\n 30%, 50%, 70%, 90% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }\n 40%, 60%, 80% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes tada {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 10%, 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }\n 30%, 50%, 70%, 90% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }\n 40%, 60%, 80% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.tada {\n -webkit-animation-name: tada;\n animation-name: tada; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes wobble {\n from {\n -webkit-transform: none;\n transform: none; }\n 15% {\n -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }\n 30% {\n -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }\n 45% {\n -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }\n 60% {\n -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }\n 75% {\n -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes wobble {\n from {\n -webkit-transform: none;\n transform: none; }\n 15% {\n -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }\n 30% {\n -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }\n 45% {\n -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }\n 60% {\n -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }\n 75% {\n -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.wobble {\n -webkit-animation-name: wobble;\n animation-name: wobble; }\n\n@-webkit-keyframes jello {\n from, 11.1%, to {\n -webkit-transform: none;\n transform: none; }\n 22.2% {\n -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\n transform: skewX(-12.5deg) skewY(-12.5deg); }\n 33.3% {\n -webkit-transform: skewX(6.25deg) skewY(6.25deg);\n transform: skewX(6.25deg) skewY(6.25deg); }\n 44.4% {\n -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\n transform: skewX(-3.125deg) skewY(-3.125deg); }\n 55.5% {\n -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\n transform: skewX(1.5625deg) skewY(1.5625deg); }\n 66.6% {\n -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);\n transform: skewX(-0.78125deg) skewY(-0.78125deg); }\n 77.7% {\n -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);\n transform: skewX(0.39063deg) skewY(0.39063deg); }\n 88.8% {\n -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);\n transform: skewX(-0.19531deg) skewY(-0.19531deg); } }\n\n@keyframes jello {\n from, 11.1%, to {\n -webkit-transform: none;\n transform: none; }\n 22.2% {\n -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\n transform: skewX(-12.5deg) skewY(-12.5deg); }\n 33.3% {\n -webkit-transform: skewX(6.25deg) skewY(6.25deg);\n transform: skewX(6.25deg) skewY(6.25deg); }\n 44.4% {\n -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\n transform: skewX(-3.125deg) skewY(-3.125deg); }\n 55.5% {\n -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\n transform: skewX(1.5625deg) skewY(1.5625deg); }\n 66.6% {\n -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);\n transform: skewX(-0.78125deg) skewY(-0.78125deg); }\n 77.7% {\n -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);\n transform: skewX(0.39063deg) skewY(0.39063deg); }\n 88.8% {\n -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);\n transform: skewX(-0.19531deg) skewY(-0.19531deg); } }\n\n.jello {\n -webkit-animation-name: jello;\n animation-name: jello;\n -webkit-transform-origin: center;\n transform-origin: center; }\n\n@-webkit-keyframes bounceIn {\n from, 20%, 40%, 60%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 20% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n 40% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(1.03, 1.03, 1.03);\n transform: scale3d(1.03, 1.03, 1.03); }\n 80% {\n -webkit-transform: scale3d(0.97, 0.97, 0.97);\n transform: scale3d(0.97, 0.97, 0.97); }\n to {\n opacity: 1;\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes bounceIn {\n from, 20%, 40%, 60%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 20% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n 40% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(1.03, 1.03, 1.03);\n transform: scale3d(1.03, 1.03, 1.03); }\n 80% {\n -webkit-transform: scale3d(0.97, 0.97, 0.97);\n transform: scale3d(0.97, 0.97, 0.97); }\n to {\n opacity: 1;\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.bounceIn {\n -webkit-animation-name: bounceIn;\n animation-name: bounceIn; }\n\n@-webkit-keyframes bounceInDown {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -3000px, 0);\n transform: translate3d(0, -3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, 25px, 0);\n transform: translate3d(0, 25px, 0); }\n 75% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes bounceInDown {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -3000px, 0);\n transform: translate3d(0, -3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, 25px, 0);\n transform: translate3d(0, 25px, 0); }\n 75% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.bounceInDown {\n -webkit-animation-name: bounceInDown;\n animation-name: bounceInDown; }\n\n@-webkit-keyframes bounceInLeft {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(-3000px, 0, 0);\n transform: translate3d(-3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(25px, 0, 0);\n transform: translate3d(25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(5px, 0, 0);\n transform: translate3d(5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes bounceInLeft {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(-3000px, 0, 0);\n transform: translate3d(-3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(25px, 0, 0);\n transform: translate3d(25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(5px, 0, 0);\n transform: translate3d(5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.bounceInLeft {\n -webkit-animation-name: bounceInLeft;\n animation-name: bounceInLeft; }\n\n@-webkit-keyframes bounceInRight {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(3000px, 0, 0);\n transform: translate3d(3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(-25px, 0, 0);\n transform: translate3d(-25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(-5px, 0, 0);\n transform: translate3d(-5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes bounceInRight {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(3000px, 0, 0);\n transform: translate3d(3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(-25px, 0, 0);\n transform: translate3d(-25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(-5px, 0, 0);\n transform: translate3d(-5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.bounceInRight {\n -webkit-animation-name: bounceInRight;\n animation-name: bounceInRight; }\n\n@-webkit-keyframes bounceInUp {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 3000px, 0);\n transform: translate3d(0, 3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n 75% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -5px, 0);\n transform: translate3d(0, -5px, 0); }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes bounceInUp {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 3000px, 0);\n transform: translate3d(0, 3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n 75% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -5px, 0);\n transform: translate3d(0, -5px, 0); }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.bounceInUp {\n -webkit-animation-name: bounceInUp;\n animation-name: bounceInUp; }\n\n@-webkit-keyframes bounceOut {\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 50%, 55% {\n opacity: 1;\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); } }\n\n@keyframes bounceOut {\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 50%, 55% {\n opacity: 1;\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); } }\n\n.bounceOut {\n -webkit-animation-name: bounceOut;\n animation-name: bounceOut; }\n\n@-webkit-keyframes bounceOutDown {\n 20% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n@keyframes bounceOutDown {\n 20% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n.bounceOutDown {\n -webkit-animation-name: bounceOutDown;\n animation-name: bounceOutDown; }\n\n@-webkit-keyframes bounceOutLeft {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(20px, 0, 0);\n transform: translate3d(20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n@keyframes bounceOutLeft {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(20px, 0, 0);\n transform: translate3d(20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n.bounceOutLeft {\n -webkit-animation-name: bounceOutLeft;\n animation-name: bounceOutLeft; }\n\n@-webkit-keyframes bounceOutRight {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(-20px, 0, 0);\n transform: translate3d(-20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n@keyframes bounceOutRight {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(-20px, 0, 0);\n transform: translate3d(-20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n.bounceOutRight {\n -webkit-animation-name: bounceOutRight;\n animation-name: bounceOutRight; }\n\n@-webkit-keyframes bounceOutUp {\n 20% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, 20px, 0);\n transform: translate3d(0, 20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n@keyframes bounceOutUp {\n 20% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, 20px, 0);\n transform: translate3d(0, 20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n.bounceOutUp {\n -webkit-animation-name: bounceOutUp;\n animation-name: bounceOutUp; }\n\n@-webkit-keyframes fadeIn {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n\n@keyframes fadeIn {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n\n.fadeIn {\n -webkit-animation-name: fadeIn;\n animation-name: fadeIn; }\n\n@-webkit-keyframes fadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInDown {\n -webkit-animation-name: fadeInDown;\n animation-name: fadeInDown; }\n\n@-webkit-keyframes fadeInDownBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInDownBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInDownBig {\n -webkit-animation-name: fadeInDownBig;\n animation-name: fadeInDownBig; }\n\n@-webkit-keyframes fadeInLeft {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInLeft {\n -webkit-animation-name: fadeInLeft;\n animation-name: fadeInLeft; }\n\n@-webkit-keyframes fadeInLeftBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInLeftBig {\n -webkit-animation-name: fadeInLeftBig;\n animation-name: fadeInLeftBig; }\n\n@-webkit-keyframes fadeInRight {\n from {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInRight {\n from {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInRight {\n -webkit-animation-name: fadeInRight;\n animation-name: fadeInRight; }\n\n@-webkit-keyframes fadeInRightBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInRightBig {\n -webkit-animation-name: fadeInRightBig;\n animation-name: fadeInRightBig; }\n\n@-webkit-keyframes fadeInUp {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInUp {\n -webkit-animation-name: fadeInUp;\n animation-name: fadeInUp; }\n\n@-webkit-keyframes fadeInUpBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInUpBig {\n -webkit-animation-name: fadeInUpBig;\n animation-name: fadeInUpBig; }\n\n@-webkit-keyframes fadeOut {\n from {\n opacity: 1; }\n to {\n opacity: 0; } }\n\n@keyframes fadeOut {\n from {\n opacity: 1; }\n to {\n opacity: 0; } }\n\n.fadeOut {\n -webkit-animation-name: fadeOut;\n animation-name: fadeOut; }\n\n@-webkit-keyframes fadeOutDown {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n@keyframes fadeOutDown {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n.fadeOutDown {\n -webkit-animation-name: fadeOutDown;\n animation-name: fadeOutDown; }\n\n@-webkit-keyframes fadeOutDownBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n@keyframes fadeOutDownBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n.fadeOutDownBig {\n -webkit-animation-name: fadeOutDownBig;\n animation-name: fadeOutDownBig; }\n\n@-webkit-keyframes fadeOutLeft {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n@keyframes fadeOutLeft {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n.fadeOutLeft {\n -webkit-animation-name: fadeOutLeft;\n animation-name: fadeOutLeft; }\n\n@-webkit-keyframes fadeOutLeftBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n@keyframes fadeOutLeftBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n.fadeOutLeftBig {\n -webkit-animation-name: fadeOutLeftBig;\n animation-name: fadeOutLeftBig; }\n\n@-webkit-keyframes fadeOutRight {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n@keyframes fadeOutRight {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n.fadeOutRight {\n -webkit-animation-name: fadeOutRight;\n animation-name: fadeOutRight; }\n\n@-webkit-keyframes fadeOutRightBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n@keyframes fadeOutRightBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n.fadeOutRightBig {\n -webkit-animation-name: fadeOutRightBig;\n animation-name: fadeOutRightBig; }\n\n@-webkit-keyframes fadeOutUp {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n@keyframes fadeOutUp {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n.fadeOutUp {\n -webkit-animation-name: fadeOutUp;\n animation-name: fadeOutUp; }\n\n@-webkit-keyframes fadeOutUpBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n@keyframes fadeOutUpBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n.fadeOutUpBig {\n -webkit-animation-name: fadeOutUpBig;\n animation-name: fadeOutUpBig; }\n\n@-webkit-keyframes flip {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 40% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 50% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 80% {\n -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; } }\n\n@keyframes flip {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 40% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 50% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 80% {\n -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; } }\n\n.animated.flip {\n -webkit-backface-visibility: visible;\n backface-visibility: visible;\n -webkit-animation-name: flip;\n animation-name: flip; }\n\n@-webkit-keyframes flipInX {\n from {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n@keyframes flipInX {\n from {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n.flipInX {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipInX;\n animation-name: flipInX; }\n\n@-webkit-keyframes flipInY {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n@keyframes flipInY {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n.flipInY {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipInY;\n animation-name: flipInY; }\n\n@-webkit-keyframes flipOutX {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0; } }\n\n@keyframes flipOutX {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0; } }\n\n.flipOutX {\n -webkit-animation-name: flipOutX;\n animation-name: flipOutX;\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important; }\n\n@-webkit-keyframes flipOutY {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n opacity: 0; } }\n\n@keyframes flipOutY {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n opacity: 0; } }\n\n.flipOutY {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipOutY;\n animation-name: flipOutY; }\n\n@-webkit-keyframes lightSpeedIn {\n from {\n -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\n transform: translate3d(100%, 0, 0) skewX(-30deg);\n opacity: 0; }\n 60% {\n -webkit-transform: skewX(20deg);\n transform: skewX(20deg);\n opacity: 1; }\n 80% {\n -webkit-transform: skewX(-5deg);\n transform: skewX(-5deg);\n opacity: 1; }\n to {\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes lightSpeedIn {\n from {\n -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\n transform: translate3d(100%, 0, 0) skewX(-30deg);\n opacity: 0; }\n 60% {\n -webkit-transform: skewX(20deg);\n transform: skewX(20deg);\n opacity: 1; }\n 80% {\n -webkit-transform: skewX(-5deg);\n transform: skewX(-5deg);\n opacity: 1; }\n to {\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.lightSpeedIn {\n -webkit-animation-name: lightSpeedIn;\n animation-name: lightSpeedIn;\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n\n@-webkit-keyframes lightSpeedOut {\n from {\n opacity: 1; }\n to {\n -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\n transform: translate3d(100%, 0, 0) skewX(30deg);\n opacity: 0; } }\n\n@keyframes lightSpeedOut {\n from {\n opacity: 1; }\n to {\n -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\n transform: translate3d(100%, 0, 0) skewX(30deg);\n opacity: 0; } }\n\n.lightSpeedOut {\n -webkit-animation-name: lightSpeedOut;\n animation-name: lightSpeedOut;\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n\n@-webkit-keyframes rotateIn {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, -200deg);\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateIn {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, -200deg);\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateIn {\n -webkit-animation-name: rotateIn;\n animation-name: rotateIn; }\n\n@-webkit-keyframes rotateInDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInDownLeft {\n -webkit-animation-name: rotateInDownLeft;\n animation-name: rotateInDownLeft; }\n\n@-webkit-keyframes rotateInDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInDownRight {\n -webkit-animation-name: rotateInDownRight;\n animation-name: rotateInDownRight; }\n\n@-webkit-keyframes rotateInUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInUpLeft {\n -webkit-animation-name: rotateInUpLeft;\n animation-name: rotateInUpLeft; }\n\n@-webkit-keyframes rotateInUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -90deg);\n transform: rotate3d(0, 0, 1, -90deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -90deg);\n transform: rotate3d(0, 0, 1, -90deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInUpRight {\n -webkit-animation-name: rotateInUpRight;\n animation-name: rotateInUpRight; }\n\n@-webkit-keyframes rotateOut {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n opacity: 1; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, 200deg);\n transform: rotate3d(0, 0, 1, 200deg);\n opacity: 0; } }\n\n@keyframes rotateOut {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n opacity: 1; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, 200deg);\n transform: rotate3d(0, 0, 1, 200deg);\n opacity: 0; } }\n\n.rotateOut {\n -webkit-animation-name: rotateOut;\n animation-name: rotateOut; }\n\n@-webkit-keyframes rotateOutDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; } }\n\n@keyframes rotateOutDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; } }\n\n.rotateOutDownLeft {\n -webkit-animation-name: rotateOutDownLeft;\n animation-name: rotateOutDownLeft; }\n\n@-webkit-keyframes rotateOutDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n@keyframes rotateOutDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n.rotateOutDownRight {\n -webkit-animation-name: rotateOutDownRight;\n animation-name: rotateOutDownRight; }\n\n@-webkit-keyframes rotateOutUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n@keyframes rotateOutUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n.rotateOutUpLeft {\n -webkit-animation-name: rotateOutUpLeft;\n animation-name: rotateOutUpLeft; }\n\n@-webkit-keyframes rotateOutUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 90deg);\n transform: rotate3d(0, 0, 1, 90deg);\n opacity: 0; } }\n\n@keyframes rotateOutUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 90deg);\n transform: rotate3d(0, 0, 1, 90deg);\n opacity: 0; } }\n\n.rotateOutUpRight {\n -webkit-animation-name: rotateOutUpRight;\n animation-name: rotateOutUpRight; }\n\n@-webkit-keyframes hinge {\n 0% {\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 20%, 60% {\n -webkit-transform: rotate3d(0, 0, 1, 80deg);\n transform: rotate3d(0, 0, 1, 80deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 40%, 80% {\n -webkit-transform: rotate3d(0, 0, 1, 60deg);\n transform: rotate3d(0, 0, 1, 60deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n opacity: 1; }\n to {\n -webkit-transform: translate3d(0, 700px, 0);\n transform: translate3d(0, 700px, 0);\n opacity: 0; } }\n\n@keyframes hinge {\n 0% {\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 20%, 60% {\n -webkit-transform: rotate3d(0, 0, 1, 80deg);\n transform: rotate3d(0, 0, 1, 80deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 40%, 80% {\n -webkit-transform: rotate3d(0, 0, 1, 60deg);\n transform: rotate3d(0, 0, 1, 60deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n opacity: 1; }\n to {\n -webkit-transform: translate3d(0, 700px, 0);\n transform: translate3d(0, 700px, 0);\n opacity: 0; } }\n\n.hinge {\n -webkit-animation-name: hinge;\n animation-name: hinge; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes rollIn {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes rollIn {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.rollIn {\n -webkit-animation-name: rollIn;\n animation-name: rollIn; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes rollOut {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }\n\n@keyframes rollOut {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }\n\n.rollOut {\n -webkit-animation-name: rollOut;\n animation-name: rollOut; }\n\n@-webkit-keyframes zoomIn {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 50% {\n opacity: 1; } }\n\n@keyframes zoomIn {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 50% {\n opacity: 1; } }\n\n.zoomIn {\n -webkit-animation-name: zoomIn;\n animation-name: zoomIn; }\n\n@-webkit-keyframes zoomInDown {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInDown {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInDown {\n -webkit-animation-name: zoomInDown;\n animation-name: zoomInDown; }\n\n@-webkit-keyframes zoomInLeft {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInLeft {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInLeft {\n -webkit-animation-name: zoomInLeft;\n animation-name: zoomInLeft; }\n\n@-webkit-keyframes zoomInRight {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInRight {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInRight {\n -webkit-animation-name: zoomInRight;\n animation-name: zoomInRight; }\n\n@-webkit-keyframes zoomInUp {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInUp {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInUp {\n -webkit-animation-name: zoomInUp;\n animation-name: zoomInUp; }\n\n@-webkit-keyframes zoomOut {\n from {\n opacity: 1; }\n 50% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n to {\n opacity: 0; } }\n\n@keyframes zoomOut {\n from {\n opacity: 1; }\n 50% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n to {\n opacity: 0; } }\n\n.zoomOut {\n -webkit-animation-name: zoomOut;\n animation-name: zoomOut; }\n\n@-webkit-keyframes zoomOutDown {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomOutDown {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomOutDown {\n -webkit-animation-name: zoomOutDown;\n animation-name: zoomOutDown; }\n\n@-webkit-keyframes zoomOutLeft {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);\n transform: scale(0.1) translate3d(-2000px, 0, 0);\n -webkit-transform-origin: left center;\n transform-origin: left center; } }\n\n@keyframes zoomOutLeft {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);\n transform: scale(0.1) translate3d(-2000px, 0, 0);\n -webkit-transform-origin: left center;\n transform-origin: left center; } }\n\n.zoomOutLeft {\n -webkit-animation-name: zoomOutLeft;\n animation-name: zoomOutLeft; }\n\n@-webkit-keyframes zoomOutRight {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);\n transform: scale(0.1) translate3d(2000px, 0, 0);\n -webkit-transform-origin: right center;\n transform-origin: right center; } }\n\n@keyframes zoomOutRight {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);\n transform: scale(0.1) translate3d(2000px, 0, 0);\n -webkit-transform-origin: right center;\n transform-origin: right center; } }\n\n.zoomOutRight {\n -webkit-animation-name: zoomOutRight;\n animation-name: zoomOutRight; }\n\n@-webkit-keyframes zoomOutUp {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomOutUp {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomOutUp {\n -webkit-animation-name: zoomOutUp;\n animation-name: zoomOutUp; }\n\n@-webkit-keyframes slideInDown {\n from {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInDown {\n from {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInDown {\n -webkit-animation-name: slideInDown;\n animation-name: slideInDown; }\n\n@-webkit-keyframes slideInLeft {\n from {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInLeft {\n from {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInLeft {\n -webkit-animation-name: slideInLeft;\n animation-name: slideInLeft; }\n\n@-webkit-keyframes slideInRight {\n from {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInRight {\n from {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInRight {\n -webkit-animation-name: slideInRight;\n animation-name: slideInRight; }\n\n@-webkit-keyframes slideInUp {\n from {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInUp {\n from {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInUp {\n -webkit-animation-name: slideInUp;\n animation-name: slideInUp; }\n\n@-webkit-keyframes slideOutDown {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n@keyframes slideOutDown {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n.slideOutDown {\n -webkit-animation-name: slideOutDown;\n animation-name: slideOutDown; }\n\n@-webkit-keyframes slideOutLeft {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n@keyframes slideOutLeft {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n.slideOutLeft {\n -webkit-animation-name: slideOutLeft;\n animation-name: slideOutLeft; }\n\n@-webkit-keyframes slideOutRight {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n@keyframes slideOutRight {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n.slideOutRight {\n -webkit-animation-name: slideOutRight;\n animation-name: slideOutRight; }\n\n@-webkit-keyframes slideOutUp {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n@keyframes slideOutUp {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n.slideOutUp {\n -webkit-animation-name: slideOutUp;\n animation-name: slideOutUp; }\n\n@keyframes bell {\n 10% {\n transform: translate3d(-0.0625rem, 0, 0) rotate(-2deg); }\n 20% {\n transform: translate3d(0.0625rem, 0, 0) rotate(4deg); }\n 30% {\n transform: translate3d(-0.125rem, 0, 0) rotate(-7deg); }\n 40% {\n transform: translate3d(0.125rem, 0, 0) rotate(10deg); }\n 50% {\n transform: translate3d(-0.125rem, 0, 0) rotate(-10deg); }\n 60% {\n transform: translate3d(0.125rem, 0, 0) rotate(10deg); }\n 70% {\n transform: translate3d(-0.125rem, 0, 0) rotate(-10deg); }\n 80% {\n transform: translate3d(0.0625rem, 0, 0) rotate(7deg); }\n 90% {\n transform: translate3d(-0.0625rem, 0, 0) rotate(-2deg); } }\n\n@keyframes shake {\n 10%, 90% {\n transform: translate3d(-0.0625rem, 0, 0); }\n 20%, 80% {\n transform: translate3d(0.125rem, 0, 0); }\n 30%, 50%, 70% {\n transform: translate3d(-0.25rem, 0, 0); }\n 40%, 60% {\n transform: translate3d(0.25rem, 0, 0); } }\n\nhtml, html.myg-theme--default {\n --color-accent-light: #4063e8;\n --color-accent-light: #042ecb;\n --color-accent-light: #052ab3;\n --color-accent-light: #ffffff;\n --color-accent-light: #bec7cf;\n --color-accent-light: #97a4b0;\n --color-accent-light: #657786;\n --color-accent-light: #3d4553;\n --color-accent-light: #14171A;\n --color-accent-light: #fcfcfc;\n --color-accent-light: #ffffff;\n --color-accent-light: #ffffff;\n --color-accent-light: #ecf2f7;\n --color-accent-light: #ebf5fe;\n --color-accent-light: #dce2e7;\n --color-accent-light: rgba(0, 0, 0, 0.05);\n --color-accent-light: #f6809a;\n --color-accent-light: #6adb83;\n --color-accent-light: rgba(231, 236, 240, 0.87); }\n\n/* Flexbox */\n/* Grid */\n/* Myg Grid */\nhtml, html.myg-theme--default {\n --color-accent-light: #4063e8;\n --color-accent-light: #042ecb;\n --color-accent-light: #052ab3;\n --color-accent-light: #ffffff;\n --color-accent-light: #bec7cf;\n --color-accent-light: #97a4b0;\n --color-accent-light: #657786;\n --color-accent-light: #3d4553;\n --color-accent-light: #14171A;\n --color-accent-light: #fcfcfc;\n --color-accent-light: #ffffff;\n --color-accent-light: #ffffff;\n --color-accent-light: #ecf2f7;\n --color-accent-light: #ebf5fe;\n --color-accent-light: #dce2e7;\n --color-accent-light: rgba(0, 0, 0, 0.05);\n --color-accent-light: #f6809a;\n --color-accent-light: #6adb83;\n --color-accent-light: rgba(231, 236, 240, 0.87); }\n\n/*!\n * animate.css -http://daneden.me/animate\n * Version - 3.5.1\n * Licensed under the MIT license - http://opensource.org/licenses/MIT\n *\n * Copyright (c) 2016 Daniel Eden\n */\n.animated {\n -webkit-animation-duration: 1s;\n animation-duration: 1s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both; }\n\n.animated.infinite {\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite; }\n\n.animated.hinge {\n -webkit-animation-duration: 2s;\n animation-duration: 2s; }\n\n.animated.flipOutX,\n.animated.flipOutY,\n.animated.bounceIn,\n.animated.bounceOut {\n -webkit-animation-duration: .75s;\n animation-duration: .75s; }\n\n@-webkit-keyframes bounce {\n from, 20%, 53%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 40%, 43% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -30px, 0);\n transform: translate3d(0, -30px, 0); }\n 70% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -15px, 0);\n transform: translate3d(0, -15px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -4px, 0);\n transform: translate3d(0, -4px, 0); } }\n\n@keyframes bounce {\n from, 20%, 53%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 40%, 43% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -30px, 0);\n transform: translate3d(0, -30px, 0); }\n 70% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -15px, 0);\n transform: translate3d(0, -15px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -4px, 0);\n transform: translate3d(0, -4px, 0); } }\n\n.bounce {\n -webkit-animation-name: bounce;\n animation-name: bounce;\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom; }\n\n@-webkit-keyframes flash {\n from, 50%, to {\n opacity: 1; }\n 25%, 75% {\n opacity: 0; } }\n\n@keyframes flash {\n from, 50%, to {\n opacity: 1; }\n 25%, 75% {\n opacity: 0; } }\n\n.flash {\n -webkit-animation-name: flash;\n animation-name: flash; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes pulse {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 50% {\n -webkit-transform: scale3d(1.05, 1.05, 1.05);\n transform: scale3d(1.05, 1.05, 1.05); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes pulse {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 50% {\n -webkit-transform: scale3d(1.05, 1.05, 1.05);\n transform: scale3d(1.05, 1.05, 1.05); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.pulse {\n -webkit-animation-name: pulse;\n animation-name: pulse; }\n\n@-webkit-keyframes rubberBand {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 30% {\n -webkit-transform: scale3d(1.25, 0.75, 1);\n transform: scale3d(1.25, 0.75, 1); }\n 40% {\n -webkit-transform: scale3d(0.75, 1.25, 1);\n transform: scale3d(0.75, 1.25, 1); }\n 50% {\n -webkit-transform: scale3d(1.15, 0.85, 1);\n transform: scale3d(1.15, 0.85, 1); }\n 65% {\n -webkit-transform: scale3d(0.95, 1.05, 1);\n transform: scale3d(0.95, 1.05, 1); }\n 75% {\n -webkit-transform: scale3d(1.05, 0.95, 1);\n transform: scale3d(1.05, 0.95, 1); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes rubberBand {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 30% {\n -webkit-transform: scale3d(1.25, 0.75, 1);\n transform: scale3d(1.25, 0.75, 1); }\n 40% {\n -webkit-transform: scale3d(0.75, 1.25, 1);\n transform: scale3d(0.75, 1.25, 1); }\n 50% {\n -webkit-transform: scale3d(1.15, 0.85, 1);\n transform: scale3d(1.15, 0.85, 1); }\n 65% {\n -webkit-transform: scale3d(0.95, 1.05, 1);\n transform: scale3d(0.95, 1.05, 1); }\n 75% {\n -webkit-transform: scale3d(1.05, 0.95, 1);\n transform: scale3d(1.05, 0.95, 1); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.rubberBand {\n -webkit-animation-name: rubberBand;\n animation-name: rubberBand; }\n\n@-webkit-keyframes shake {\n from, to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 10%, 30%, 50%, 70%, 90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 20%, 40%, 60%, 80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); } }\n\n@keyframes shake {\n from, to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 10%, 30%, 50%, 70%, 90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 20%, 40%, 60%, 80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); } }\n\n.shake {\n -webkit-animation-name: shake;\n animation-name: shake; }\n\n@-webkit-keyframes headShake {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0); }\n 6.5% {\n -webkit-transform: translateX(-6px) rotateY(-9deg);\n transform: translateX(-6px) rotateY(-9deg); }\n 18.5% {\n -webkit-transform: translateX(5px) rotateY(7deg);\n transform: translateX(5px) rotateY(7deg); }\n 31.5% {\n -webkit-transform: translateX(-3px) rotateY(-5deg);\n transform: translateX(-3px) rotateY(-5deg); }\n 43.5% {\n -webkit-transform: translateX(2px) rotateY(3deg);\n transform: translateX(2px) rotateY(3deg); }\n 50% {\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n@keyframes headShake {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0); }\n 6.5% {\n -webkit-transform: translateX(-6px) rotateY(-9deg);\n transform: translateX(-6px) rotateY(-9deg); }\n 18.5% {\n -webkit-transform: translateX(5px) rotateY(7deg);\n transform: translateX(5px) rotateY(7deg); }\n 31.5% {\n -webkit-transform: translateX(-3px) rotateY(-5deg);\n transform: translateX(-3px) rotateY(-5deg); }\n 43.5% {\n -webkit-transform: translateX(2px) rotateY(3deg);\n transform: translateX(2px) rotateY(3deg); }\n 50% {\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n.headShake {\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n -webkit-animation-name: headShake;\n animation-name: headShake; }\n\n@-webkit-keyframes swing {\n 20% {\n -webkit-transform: rotate3d(0, 0, 1, 15deg);\n transform: rotate3d(0, 0, 1, 15deg); }\n 40% {\n -webkit-transform: rotate3d(0, 0, 1, -10deg);\n transform: rotate3d(0, 0, 1, -10deg); }\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 5deg);\n transform: rotate3d(0, 0, 1, 5deg); }\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, -5deg);\n transform: rotate3d(0, 0, 1, -5deg); }\n to {\n -webkit-transform: rotate3d(0, 0, 1, 0deg);\n transform: rotate3d(0, 0, 1, 0deg); } }\n\n@keyframes swing {\n 20% {\n -webkit-transform: rotate3d(0, 0, 1, 15deg);\n transform: rotate3d(0, 0, 1, 15deg); }\n 40% {\n -webkit-transform: rotate3d(0, 0, 1, -10deg);\n transform: rotate3d(0, 0, 1, -10deg); }\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 5deg);\n transform: rotate3d(0, 0, 1, 5deg); }\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, -5deg);\n transform: rotate3d(0, 0, 1, -5deg); }\n to {\n -webkit-transform: rotate3d(0, 0, 1, 0deg);\n transform: rotate3d(0, 0, 1, 0deg); } }\n\n.swing {\n -webkit-transform-origin: top center;\n transform-origin: top center;\n -webkit-animation-name: swing;\n animation-name: swing; }\n\n@-webkit-keyframes tada {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 10%, 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }\n 30%, 50%, 70%, 90% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }\n 40%, 60%, 80% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes tada {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 10%, 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }\n 30%, 50%, 70%, 90% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }\n 40%, 60%, 80% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.tada {\n -webkit-animation-name: tada;\n animation-name: tada; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes wobble {\n from {\n -webkit-transform: none;\n transform: none; }\n 15% {\n -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }\n 30% {\n -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }\n 45% {\n -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }\n 60% {\n -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }\n 75% {\n -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes wobble {\n from {\n -webkit-transform: none;\n transform: none; }\n 15% {\n -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }\n 30% {\n -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }\n 45% {\n -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }\n 60% {\n -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }\n 75% {\n -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.wobble {\n -webkit-animation-name: wobble;\n animation-name: wobble; }\n\n@-webkit-keyframes jello {\n from, 11.1%, to {\n -webkit-transform: none;\n transform: none; }\n 22.2% {\n -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\n transform: skewX(-12.5deg) skewY(-12.5deg); }\n 33.3% {\n -webkit-transform: skewX(6.25deg) skewY(6.25deg);\n transform: skewX(6.25deg) skewY(6.25deg); }\n 44.4% {\n -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\n transform: skewX(-3.125deg) skewY(-3.125deg); }\n 55.5% {\n -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\n transform: skewX(1.5625deg) skewY(1.5625deg); }\n 66.6% {\n -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);\n transform: skewX(-0.78125deg) skewY(-0.78125deg); }\n 77.7% {\n -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);\n transform: skewX(0.39063deg) skewY(0.39063deg); }\n 88.8% {\n -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);\n transform: skewX(-0.19531deg) skewY(-0.19531deg); } }\n\n@keyframes jello {\n from, 11.1%, to {\n -webkit-transform: none;\n transform: none; }\n 22.2% {\n -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\n transform: skewX(-12.5deg) skewY(-12.5deg); }\n 33.3% {\n -webkit-transform: skewX(6.25deg) skewY(6.25deg);\n transform: skewX(6.25deg) skewY(6.25deg); }\n 44.4% {\n -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\n transform: skewX(-3.125deg) skewY(-3.125deg); }\n 55.5% {\n -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\n transform: skewX(1.5625deg) skewY(1.5625deg); }\n 66.6% {\n -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);\n transform: skewX(-0.78125deg) skewY(-0.78125deg); }\n 77.7% {\n -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);\n transform: skewX(0.39063deg) skewY(0.39063deg); }\n 88.8% {\n -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);\n transform: skewX(-0.19531deg) skewY(-0.19531deg); } }\n\n.jello {\n -webkit-animation-name: jello;\n animation-name: jello;\n -webkit-transform-origin: center;\n transform-origin: center; }\n\n@-webkit-keyframes bounceIn {\n from, 20%, 40%, 60%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 20% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n 40% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(1.03, 1.03, 1.03);\n transform: scale3d(1.03, 1.03, 1.03); }\n 80% {\n -webkit-transform: scale3d(0.97, 0.97, 0.97);\n transform: scale3d(0.97, 0.97, 0.97); }\n to {\n opacity: 1;\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes bounceIn {\n from, 20%, 40%, 60%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 20% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n 40% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(1.03, 1.03, 1.03);\n transform: scale3d(1.03, 1.03, 1.03); }\n 80% {\n -webkit-transform: scale3d(0.97, 0.97, 0.97);\n transform: scale3d(0.97, 0.97, 0.97); }\n to {\n opacity: 1;\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.bounceIn {\n -webkit-animation-name: bounceIn;\n animation-name: bounceIn; }\n\n@-webkit-keyframes bounceInDown {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -3000px, 0);\n transform: translate3d(0, -3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, 25px, 0);\n transform: translate3d(0, 25px, 0); }\n 75% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes bounceInDown {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -3000px, 0);\n transform: translate3d(0, -3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, 25px, 0);\n transform: translate3d(0, 25px, 0); }\n 75% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.bounceInDown {\n -webkit-animation-name: bounceInDown;\n animation-name: bounceInDown; }\n\n@-webkit-keyframes bounceInLeft {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(-3000px, 0, 0);\n transform: translate3d(-3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(25px, 0, 0);\n transform: translate3d(25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(5px, 0, 0);\n transform: translate3d(5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes bounceInLeft {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(-3000px, 0, 0);\n transform: translate3d(-3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(25px, 0, 0);\n transform: translate3d(25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(5px, 0, 0);\n transform: translate3d(5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.bounceInLeft {\n -webkit-animation-name: bounceInLeft;\n animation-name: bounceInLeft; }\n\n@-webkit-keyframes bounceInRight {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(3000px, 0, 0);\n transform: translate3d(3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(-25px, 0, 0);\n transform: translate3d(-25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(-5px, 0, 0);\n transform: translate3d(-5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes bounceInRight {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(3000px, 0, 0);\n transform: translate3d(3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(-25px, 0, 0);\n transform: translate3d(-25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(-5px, 0, 0);\n transform: translate3d(-5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.bounceInRight {\n -webkit-animation-name: bounceInRight;\n animation-name: bounceInRight; }\n\n@-webkit-keyframes bounceInUp {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 3000px, 0);\n transform: translate3d(0, 3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n 75% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -5px, 0);\n transform: translate3d(0, -5px, 0); }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes bounceInUp {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 3000px, 0);\n transform: translate3d(0, 3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n 75% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -5px, 0);\n transform: translate3d(0, -5px, 0); }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.bounceInUp {\n -webkit-animation-name: bounceInUp;\n animation-name: bounceInUp; }\n\n@-webkit-keyframes bounceOut {\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 50%, 55% {\n opacity: 1;\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); } }\n\n@keyframes bounceOut {\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 50%, 55% {\n opacity: 1;\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); } }\n\n.bounceOut {\n -webkit-animation-name: bounceOut;\n animation-name: bounceOut; }\n\n@-webkit-keyframes bounceOutDown {\n 20% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n@keyframes bounceOutDown {\n 20% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n.bounceOutDown {\n -webkit-animation-name: bounceOutDown;\n animation-name: bounceOutDown; }\n\n@-webkit-keyframes bounceOutLeft {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(20px, 0, 0);\n transform: translate3d(20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n@keyframes bounceOutLeft {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(20px, 0, 0);\n transform: translate3d(20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n.bounceOutLeft {\n -webkit-animation-name: bounceOutLeft;\n animation-name: bounceOutLeft; }\n\n@-webkit-keyframes bounceOutRight {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(-20px, 0, 0);\n transform: translate3d(-20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n@keyframes bounceOutRight {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(-20px, 0, 0);\n transform: translate3d(-20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n.bounceOutRight {\n -webkit-animation-name: bounceOutRight;\n animation-name: bounceOutRight; }\n\n@-webkit-keyframes bounceOutUp {\n 20% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, 20px, 0);\n transform: translate3d(0, 20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n@keyframes bounceOutUp {\n 20% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, 20px, 0);\n transform: translate3d(0, 20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n.bounceOutUp {\n -webkit-animation-name: bounceOutUp;\n animation-name: bounceOutUp; }\n\n@-webkit-keyframes fadeIn {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n\n@keyframes fadeIn {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n\n.fadeIn {\n -webkit-animation-name: fadeIn;\n animation-name: fadeIn; }\n\n@-webkit-keyframes fadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInDown {\n -webkit-animation-name: fadeInDown;\n animation-name: fadeInDown; }\n\n@-webkit-keyframes fadeInDownBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInDownBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInDownBig {\n -webkit-animation-name: fadeInDownBig;\n animation-name: fadeInDownBig; }\n\n@-webkit-keyframes fadeInLeft {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInLeft {\n -webkit-animation-name: fadeInLeft;\n animation-name: fadeInLeft; }\n\n@-webkit-keyframes fadeInLeftBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInLeftBig {\n -webkit-animation-name: fadeInLeftBig;\n animation-name: fadeInLeftBig; }\n\n@-webkit-keyframes fadeInRight {\n from {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInRight {\n from {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInRight {\n -webkit-animation-name: fadeInRight;\n animation-name: fadeInRight; }\n\n@-webkit-keyframes fadeInRightBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInRightBig {\n -webkit-animation-name: fadeInRightBig;\n animation-name: fadeInRightBig; }\n\n@-webkit-keyframes fadeInUp {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInUp {\n -webkit-animation-name: fadeInUp;\n animation-name: fadeInUp; }\n\n@-webkit-keyframes fadeInUpBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInUpBig {\n -webkit-animation-name: fadeInUpBig;\n animation-name: fadeInUpBig; }\n\n@-webkit-keyframes fadeOut {\n from {\n opacity: 1; }\n to {\n opacity: 0; } }\n\n@keyframes fadeOut {\n from {\n opacity: 1; }\n to {\n opacity: 0; } }\n\n.fadeOut {\n -webkit-animation-name: fadeOut;\n animation-name: fadeOut; }\n\n@-webkit-keyframes fadeOutDown {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n@keyframes fadeOutDown {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n.fadeOutDown {\n -webkit-animation-name: fadeOutDown;\n animation-name: fadeOutDown; }\n\n@-webkit-keyframes fadeOutDownBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n@keyframes fadeOutDownBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n.fadeOutDownBig {\n -webkit-animation-name: fadeOutDownBig;\n animation-name: fadeOutDownBig; }\n\n@-webkit-keyframes fadeOutLeft {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n@keyframes fadeOutLeft {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n.fadeOutLeft {\n -webkit-animation-name: fadeOutLeft;\n animation-name: fadeOutLeft; }\n\n@-webkit-keyframes fadeOutLeftBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n@keyframes fadeOutLeftBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n.fadeOutLeftBig {\n -webkit-animation-name: fadeOutLeftBig;\n animation-name: fadeOutLeftBig; }\n\n@-webkit-keyframes fadeOutRight {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n@keyframes fadeOutRight {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n.fadeOutRight {\n -webkit-animation-name: fadeOutRight;\n animation-name: fadeOutRight; }\n\n@-webkit-keyframes fadeOutRightBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n@keyframes fadeOutRightBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n.fadeOutRightBig {\n -webkit-animation-name: fadeOutRightBig;\n animation-name: fadeOutRightBig; }\n\n@-webkit-keyframes fadeOutUp {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n@keyframes fadeOutUp {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n.fadeOutUp {\n -webkit-animation-name: fadeOutUp;\n animation-name: fadeOutUp; }\n\n@-webkit-keyframes fadeOutUpBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n@keyframes fadeOutUpBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n.fadeOutUpBig {\n -webkit-animation-name: fadeOutUpBig;\n animation-name: fadeOutUpBig; }\n\n@-webkit-keyframes flip {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 40% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 50% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 80% {\n -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; } }\n\n@keyframes flip {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 40% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 50% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 80% {\n -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; } }\n\n.animated.flip {\n -webkit-backface-visibility: visible;\n backface-visibility: visible;\n -webkit-animation-name: flip;\n animation-name: flip; }\n\n@-webkit-keyframes flipInX {\n from {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n@keyframes flipInX {\n from {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n.flipInX {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipInX;\n animation-name: flipInX; }\n\n@-webkit-keyframes flipInY {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n@keyframes flipInY {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n.flipInY {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipInY;\n animation-name: flipInY; }\n\n@-webkit-keyframes flipOutX {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0; } }\n\n@keyframes flipOutX {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0; } }\n\n.flipOutX {\n -webkit-animation-name: flipOutX;\n animation-name: flipOutX;\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important; }\n\n@-webkit-keyframes flipOutY {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n opacity: 0; } }\n\n@keyframes flipOutY {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n opacity: 0; } }\n\n.flipOutY {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipOutY;\n animation-name: flipOutY; }\n\n@-webkit-keyframes lightSpeedIn {\n from {\n -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\n transform: translate3d(100%, 0, 0) skewX(-30deg);\n opacity: 0; }\n 60% {\n -webkit-transform: skewX(20deg);\n transform: skewX(20deg);\n opacity: 1; }\n 80% {\n -webkit-transform: skewX(-5deg);\n transform: skewX(-5deg);\n opacity: 1; }\n to {\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes lightSpeedIn {\n from {\n -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\n transform: translate3d(100%, 0, 0) skewX(-30deg);\n opacity: 0; }\n 60% {\n -webkit-transform: skewX(20deg);\n transform: skewX(20deg);\n opacity: 1; }\n 80% {\n -webkit-transform: skewX(-5deg);\n transform: skewX(-5deg);\n opacity: 1; }\n to {\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.lightSpeedIn {\n -webkit-animation-name: lightSpeedIn;\n animation-name: lightSpeedIn;\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n\n@-webkit-keyframes lightSpeedOut {\n from {\n opacity: 1; }\n to {\n -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\n transform: translate3d(100%, 0, 0) skewX(30deg);\n opacity: 0; } }\n\n@keyframes lightSpeedOut {\n from {\n opacity: 1; }\n to {\n -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\n transform: translate3d(100%, 0, 0) skewX(30deg);\n opacity: 0; } }\n\n.lightSpeedOut {\n -webkit-animation-name: lightSpeedOut;\n animation-name: lightSpeedOut;\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n\n@-webkit-keyframes rotateIn {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, -200deg);\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateIn {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, -200deg);\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateIn {\n -webkit-animation-name: rotateIn;\n animation-name: rotateIn; }\n\n@-webkit-keyframes rotateInDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInDownLeft {\n -webkit-animation-name: rotateInDownLeft;\n animation-name: rotateInDownLeft; }\n\n@-webkit-keyframes rotateInDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInDownRight {\n -webkit-animation-name: rotateInDownRight;\n animation-name: rotateInDownRight; }\n\n@-webkit-keyframes rotateInUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInUpLeft {\n -webkit-animation-name: rotateInUpLeft;\n animation-name: rotateInUpLeft; }\n\n@-webkit-keyframes rotateInUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -90deg);\n transform: rotate3d(0, 0, 1, -90deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -90deg);\n transform: rotate3d(0, 0, 1, -90deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInUpRight {\n -webkit-animation-name: rotateInUpRight;\n animation-name: rotateInUpRight; }\n\n@-webkit-keyframes rotateOut {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n opacity: 1; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, 200deg);\n transform: rotate3d(0, 0, 1, 200deg);\n opacity: 0; } }\n\n@keyframes rotateOut {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n opacity: 1; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, 200deg);\n transform: rotate3d(0, 0, 1, 200deg);\n opacity: 0; } }\n\n.rotateOut {\n -webkit-animation-name: rotateOut;\n animation-name: rotateOut; }\n\n@-webkit-keyframes rotateOutDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; } }\n\n@keyframes rotateOutDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; } }\n\n.rotateOutDownLeft {\n -webkit-animation-name: rotateOutDownLeft;\n animation-name: rotateOutDownLeft; }\n\n@-webkit-keyframes rotateOutDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n@keyframes rotateOutDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n.rotateOutDownRight {\n -webkit-animation-name: rotateOutDownRight;\n animation-name: rotateOutDownRight; }\n\n@-webkit-keyframes rotateOutUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n@keyframes rotateOutUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n.rotateOutUpLeft {\n -webkit-animation-name: rotateOutUpLeft;\n animation-name: rotateOutUpLeft; }\n\n@-webkit-keyframes rotateOutUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 90deg);\n transform: rotate3d(0, 0, 1, 90deg);\n opacity: 0; } }\n\n@keyframes rotateOutUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 90deg);\n transform: rotate3d(0, 0, 1, 90deg);\n opacity: 0; } }\n\n.rotateOutUpRight {\n -webkit-animation-name: rotateOutUpRight;\n animation-name: rotateOutUpRight; }\n\n@-webkit-keyframes hinge {\n 0% {\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 20%, 60% {\n -webkit-transform: rotate3d(0, 0, 1, 80deg);\n transform: rotate3d(0, 0, 1, 80deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 40%, 80% {\n -webkit-transform: rotate3d(0, 0, 1, 60deg);\n transform: rotate3d(0, 0, 1, 60deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n opacity: 1; }\n to {\n -webkit-transform: translate3d(0, 700px, 0);\n transform: translate3d(0, 700px, 0);\n opacity: 0; } }\n\n@keyframes hinge {\n 0% {\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 20%, 60% {\n -webkit-transform: rotate3d(0, 0, 1, 80deg);\n transform: rotate3d(0, 0, 1, 80deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 40%, 80% {\n -webkit-transform: rotate3d(0, 0, 1, 60deg);\n transform: rotate3d(0, 0, 1, 60deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n opacity: 1; }\n to {\n -webkit-transform: translate3d(0, 700px, 0);\n transform: translate3d(0, 700px, 0);\n opacity: 0; } }\n\n.hinge {\n -webkit-animation-name: hinge;\n animation-name: hinge; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes rollIn {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes rollIn {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.rollIn {\n -webkit-animation-name: rollIn;\n animation-name: rollIn; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes rollOut {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }\n\n@keyframes rollOut {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }\n\n.rollOut {\n -webkit-animation-name: rollOut;\n animation-name: rollOut; }\n\n@-webkit-keyframes zoomIn {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 50% {\n opacity: 1; } }\n\n@keyframes zoomIn {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 50% {\n opacity: 1; } }\n\n.zoomIn {\n -webkit-animation-name: zoomIn;\n animation-name: zoomIn; }\n\n@-webkit-keyframes zoomInDown {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInDown {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInDown {\n -webkit-animation-name: zoomInDown;\n animation-name: zoomInDown; }\n\n@-webkit-keyframes zoomInLeft {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInLeft {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInLeft {\n -webkit-animation-name: zoomInLeft;\n animation-name: zoomInLeft; }\n\n@-webkit-keyframes zoomInRight {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInRight {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInRight {\n -webkit-animation-name: zoomInRight;\n animation-name: zoomInRight; }\n\n@-webkit-keyframes zoomInUp {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInUp {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInUp {\n -webkit-animation-name: zoomInUp;\n animation-name: zoomInUp; }\n\n@-webkit-keyframes zoomOut {\n from {\n opacity: 1; }\n 50% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n to {\n opacity: 0; } }\n\n@keyframes zoomOut {\n from {\n opacity: 1; }\n 50% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n to {\n opacity: 0; } }\n\n.zoomOut {\n -webkit-animation-name: zoomOut;\n animation-name: zoomOut; }\n\n@-webkit-keyframes zoomOutDown {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomOutDown {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomOutDown {\n -webkit-animation-name: zoomOutDown;\n animation-name: zoomOutDown; }\n\n@-webkit-keyframes zoomOutLeft {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);\n transform: scale(0.1) translate3d(-2000px, 0, 0);\n -webkit-transform-origin: left center;\n transform-origin: left center; } }\n\n@keyframes zoomOutLeft {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);\n transform: scale(0.1) translate3d(-2000px, 0, 0);\n -webkit-transform-origin: left center;\n transform-origin: left center; } }\n\n.zoomOutLeft {\n -webkit-animation-name: zoomOutLeft;\n animation-name: zoomOutLeft; }\n\n@-webkit-keyframes zoomOutRight {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);\n transform: scale(0.1) translate3d(2000px, 0, 0);\n -webkit-transform-origin: right center;\n transform-origin: right center; } }\n\n@keyframes zoomOutRight {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);\n transform: scale(0.1) translate3d(2000px, 0, 0);\n -webkit-transform-origin: right center;\n transform-origin: right center; } }\n\n.zoomOutRight {\n -webkit-animation-name: zoomOutRight;\n animation-name: zoomOutRight; }\n\n@-webkit-keyframes zoomOutUp {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomOutUp {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomOutUp {\n -webkit-animation-name: zoomOutUp;\n animation-name: zoomOutUp; }\n\n@-webkit-keyframes slideInDown {\n from {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInDown {\n from {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInDown {\n -webkit-animation-name: slideInDown;\n animation-name: slideInDown; }\n\n@-webkit-keyframes slideInLeft {\n from {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInLeft {\n from {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInLeft {\n -webkit-animation-name: slideInLeft;\n animation-name: slideInLeft; }\n\n@-webkit-keyframes slideInRight {\n from {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInRight {\n from {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInRight {\n -webkit-animation-name: slideInRight;\n animation-name: slideInRight; }\n\n@-webkit-keyframes slideInUp {\n from {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInUp {\n from {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInUp {\n -webkit-animation-name: slideInUp;\n animation-name: slideInUp; }\n\n@-webkit-keyframes slideOutDown {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n@keyframes slideOutDown {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n.slideOutDown {\n -webkit-animation-name: slideOutDown;\n animation-name: slideOutDown; }\n\n@-webkit-keyframes slideOutLeft {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n@keyframes slideOutLeft {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n.slideOutLeft {\n -webkit-animation-name: slideOutLeft;\n animation-name: slideOutLeft; }\n\n@-webkit-keyframes slideOutRight {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n@keyframes slideOutRight {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n.slideOutRight {\n -webkit-animation-name: slideOutRight;\n animation-name: slideOutRight; }\n\n@-webkit-keyframes slideOutUp {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n@keyframes slideOutUp {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n.slideOutUp {\n -webkit-animation-name: slideOutUp;\n animation-name: slideOutUp; }\n\n@keyframes bell {\n 10% {\n transform: translate3d(-0.0625rem, 0, 0) rotate(-2deg); }\n 20% {\n transform: translate3d(0.0625rem, 0, 0) rotate(4deg); }\n 30% {\n transform: translate3d(-0.125rem, 0, 0) rotate(-7deg); }\n 40% {\n transform: translate3d(0.125rem, 0, 0) rotate(10deg); }\n 50% {\n transform: translate3d(-0.125rem, 0, 0) rotate(-10deg); }\n 60% {\n transform: translate3d(0.125rem, 0, 0) rotate(10deg); }\n 70% {\n transform: translate3d(-0.125rem, 0, 0) rotate(-10deg); }\n 80% {\n transform: translate3d(0.0625rem, 0, 0) rotate(7deg); }\n 90% {\n transform: translate3d(-0.0625rem, 0, 0) rotate(-2deg); } }\n\n@keyframes shake {\n 10%, 90% {\n transform: translate3d(-0.0625rem, 0, 0); }\n 20%, 80% {\n transform: translate3d(0.125rem, 0, 0); }\n 30%, 50%, 70% {\n transform: translate3d(-0.25rem, 0, 0); }\n 40%, 60% {\n transform: translate3d(0.25rem, 0, 0); } }\n\nhtml, html.myg-theme--default {\n --color-accent-light: #4063e8;\n --color-accent-light: #042ecb;\n --color-accent-light: #052ab3;\n --color-accent-light: #ffffff;\n --color-accent-light: #bec7cf;\n --color-accent-light: #97a4b0;\n --color-accent-light: #657786;\n --color-accent-light: #3d4553;\n --color-accent-light: #14171A;\n --color-accent-light: #fcfcfc;\n --color-accent-light: #ffffff;\n --color-accent-light: #ffffff;\n --color-accent-light: #ecf2f7;\n --color-accent-light: #ebf5fe;\n --color-accent-light: #dce2e7;\n --color-accent-light: rgba(0, 0, 0, 0.05);\n --color-accent-light: #f6809a;\n --color-accent-light: #6adb83;\n --color-accent-light: rgba(231, 236, 240, 0.87); }\n\n@keyframes mdc-ripple-fg-radius-in {\n from {\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); }\n to {\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } }\n\n@keyframes mdc-ripple-fg-opacity-in {\n from {\n animation-timing-function: linear;\n opacity: 0; }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0.16); } }\n\n@keyframes mdc-ripple-fg-opacity-out {\n from {\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0.16); }\n to {\n opacity: 0; } }\n\n.mdc-ripple-surface--test-edge-var-bug {\n --mdc-ripple-surface-test-edge-var: 1px solid #000;\n visibility: hidden; }\n .mdc-ripple-surface--test-edge-var-bug::before {\n border: var(--mdc-ripple-surface-test-edge-var); }\n\n/**\n * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.\n *\n * Usage Example:\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n *\n * @include mdc-rtl {\n * left: auto;\n * right: 0;\n * }\n *\n * &__bar {\n * margin-left: 4px;\n * @include mdc-rtl(\".mdc-foo\") {\n * margin-left: auto;\n * margin-right: 4px;\n * }\n * }\n * }\n *\n * .mdc-foo--mod {\n * padding-left: 4px;\n *\n * @include mdc-rtl {\n * padding-left: auto;\n * padding-right: 4px;\n * }\n * }\n * ```\n *\n * Note that this works by checking for [dir=\"rtl\"] on an ancestor element. While this will work\n * in most cases, it will in some cases lead to false negatives, e.g.\n *\n * ```html\n * <html dir=\"rtl\">\n * <!-- ... -->\n * <div dir=\"ltr\">\n * <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n * </div>\n * </html>\n * ```\n *\n * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.\n */\n/**\n * Takes a base box-model property - e.g. margin / border / padding - along with a default\n * direction and value, and emits rules which apply the value to the\n * \"<base-property>-<default-direction>\" property by default, but flips the direction\n * when within an RTL context.\n *\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, left, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 8px;\n * margin-left: 0;\n * }\n * }\n * ```\n * whereas:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, right, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-right: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 0;\n * margin-left: 8px;\n * }\n * }\n * ```\n *\n * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,\n * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, \".mdc-component\")`.\n *\n * Note that this function will always zero out the original value in an RTL context. If you're\n * trying to flip the values, use mdc-rtl-reflexive-property().\n */\n/**\n * Takes a base property and emits rules that assign <base-property>-left to <left-value> and\n * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-property(margin, auto, 12px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: auto;\n * margin-right: 12px;\n *\n * @include mdc-rtl {\n * margin-left: 12px;\n * margin-right: auto;\n * }\n * }\n * ```\n *\n * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.\n */\n/**\n * Takes an argument specifying a horizontal position property (either \"left\" or \"right\") as well\n * as a value, and applies that value to the specified position in a LTR context, and flips it in a\n * RTL context. For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-position(left, 0);\n * position: absolute;\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n * right: initial;\n *\n * @include mdc-rtl {\n * right: 0;\n * left: initial;\n * }\n * }\n * ```\n * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.\n */\n@keyframes mdc-checkbox-unchecked-checked-checkmark-path {\n 0%,\n 50% {\n stroke-dashoffset: 29.78334; }\n 50% {\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }\n 100% {\n stroke-dashoffset: 0; } }\n\n@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {\n 0%,\n 68.2% {\n transform: scaleX(0); }\n 68.2% {\n animation-timing-function: cubic-bezier(0, 0, 0, 1); }\n 100% {\n transform: scaleX(1); } }\n\n@keyframes mdc-checkbox-checked-unchecked-checkmark-path {\n from {\n animation-timing-function: cubic-bezier(0.4, 0, 1, 1);\n opacity: 1;\n stroke-dashoffset: 0; }\n to {\n opacity: 0;\n stroke-dashoffset: -29.78334; } }\n\n@keyframes mdc-checkbox-checked-indeterminate-checkmark {\n from {\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transform: rotate(0deg);\n opacity: 1; }\n to {\n transform: rotate(45deg);\n opacity: 0; } }\n\n@keyframes mdc-checkbox-indeterminate-checked-checkmark {\n from {\n animation-timing-function: cubic-bezier(0.14, 0, 0, 1);\n transform: rotate(45deg);\n opacity: 0; }\n to {\n transform: rotate(360deg);\n opacity: 1; } }\n\n@keyframes mdc-checkbox-checked-indeterminate-mixedmark {\n from {\n animation-timing-function: mdc-animation-deceleration-curve-timing-function;\n transform: rotate(-45deg);\n opacity: 0; }\n to {\n transform: rotate(0deg);\n opacity: 1; } }\n\n@keyframes mdc-checkbox-indeterminate-checked-mixedmark {\n from {\n animation-timing-function: cubic-bezier(0.14, 0, 0, 1);\n transform: rotate(0deg);\n opacity: 1; }\n to {\n transform: rotate(315deg);\n opacity: 0; } }\n\n@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {\n 0% {\n animation-timing-function: linear;\n transform: scaleX(1);\n opacity: 1; }\n 32.8%,\n 100% {\n transform: scaleX(0);\n opacity: 0; } }\n\n.mdc-checkbox {\n display: inline-block;\n position: relative;\n flex: 0 0 18px;\n box-sizing: content-box;\n width: 18px;\n height: 18px;\n padding: 11px;\n line-height: 0;\n white-space: nowrap;\n cursor: pointer;\n vertical-align: bottom;\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: transparent;\n will-change: transform, opacity; }\n .mdc-checkbox .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {\n border-color: rgba(0, 0, 0, 0.26); }\n .mdc-checkbox .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,\n .mdc-checkbox .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {\n border-color: transparent;\n background-color: rgba(0, 0, 0, 0.26); }\n .mdc-checkbox--theme-dark .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background,\n .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {\n border-color: rgba(255, 255, 255, 0.3); }\n .mdc-checkbox--theme-dark .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,\n .mdc-checkbox--theme-dark .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background,\n .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,\n .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {\n background-color: rgba(255, 255, 255, 0.3); }\n .mdc-checkbox::before, .mdc-checkbox::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: \"\"; }\n .mdc-checkbox::before {\n transition: opacity 15ms linear; }\n .mdc-checkbox.mdc-ripple-upgraded::after {\n top: 0;\n left: 0;\n transform: scale(0);\n transform-origin: center center; }\n .mdc-checkbox.mdc-ripple-upgraded--unbounded::after {\n top: var(--mdc-ripple-top, 0);\n left: var(--mdc-ripple-left, 0); }\n .mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after {\n animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }\n .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after {\n animation: 150ms mdc-ripple-fg-opacity-out;\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }\n .mdc-checkbox::before, .mdc-checkbox::after {\n /* @alternate */\n background-color: #018786; }\n @supports not (-ms-ime-align: auto) {\n .mdc-checkbox::before, .mdc-checkbox::after {\n background-color: var(--mdc-theme-secondary, #018786); } }\n .mdc-checkbox:hover::before {\n opacity: 0.04; }\n .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused::before {\n transition-duration: 75ms;\n opacity: 0.12; }\n .mdc-checkbox:not(.mdc-ripple-upgraded)::after {\n transition: opacity 150ms linear; }\n .mdc-checkbox:not(.mdc-ripple-upgraded):active::after {\n transition-duration: 75ms;\n opacity: 0.16; }\n .mdc-checkbox.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: 0.16; }\n .mdc-checkbox::before, .mdc-checkbox::after {\n top: calc(50% - 50%);\n left: calc(50% - 50%);\n width: 100%;\n height: 100%; }\n .mdc-checkbox.mdc-ripple-upgraded::before {\n top: calc(50% - 50%);\n left: calc(50% - 50%);\n width: 100%;\n height: 100%;\n transform: scale(var(--mdc-ripple-fg-scale, 0)); }\n .mdc-checkbox.mdc-ripple-upgraded--unbounded::before {\n top: var(--mdc-ripple-top, calc(50% - 25%));\n left: var(--mdc-ripple-left, calc(50% - 25%));\n width: var(--mdc-ripple-fg-size, 50%);\n height: var(--mdc-ripple-fg-size, 50%);\n transform: scale(var(--mdc-ripple-fg-scale, 0)); }\n .mdc-checkbox.mdc-ripple-upgraded::after {\n width: var(--mdc-ripple-fg-size, 50%);\n height: var(--mdc-ripple-fg-size, 50%); }\n .mdc-checkbox--theme-dark .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background,\n .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {\n border-color: white;\n background-color: transparent; }\n .mdc-checkbox--theme-dark .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,\n .mdc-checkbox--theme-dark .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,\n .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,\n .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {\n /* @alternate */\n border-color: #018786;\n border-color: var(--mdc-theme-secondary, #018786);\n /* @alternate */\n background-color: #018786;\n background-color: var(--mdc-theme-secondary, #018786); }\n\n@keyframes mdc-checkbox-fade-in-background-0 {\n 0% {\n border-color: white;\n background-color: transparent; }\n 50% {\n /* @alternate */\n border-color: #018786;\n border-color: var(--mdc-theme-secondary, #018786);\n /* @alternate */\n background-color: #018786;\n background-color: var(--mdc-theme-secondary, #018786); } }\n\n@keyframes mdc-checkbox-fade-out-background-0 {\n 0%,\n 80% {\n /* @alternate */\n border-color: #018786;\n border-color: var(--mdc-theme-secondary, #018786);\n /* @alternate */\n background-color: #018786;\n background-color: var(--mdc-theme-secondary, #018786); }\n 100% {\n border-color: white;\n background-color: transparent; } }\n .mdc-checkbox--theme-dark.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--theme-dark.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,\n .mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,\n .mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {\n animation-name: mdc-checkbox-fade-in-background-0; }\n .mdc-checkbox--theme-dark.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--theme-dark.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,\n .mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,\n .mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {\n animation-name: mdc-checkbox-fade-out-background-0; }\n\n.mdc-checkbox__checkmark__path {\n stroke: white !important; }\n\n.mdc-checkbox__mixedmark {\n background-color: white; }\n\n.mdc-checkbox__background::before {\n /* @alternate */\n background-color: #018786; }\n @supports not (-ms-ime-align: auto) {\n .mdc-checkbox__background::before {\n background-color: var(--mdc-theme-secondary, #018786); } }\n\n.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {\n border-color: rgba(0, 0, 0, 0.54);\n background-color: transparent; }\n\n.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {\n /* @alternate */\n border-color: #018786;\n border-color: var(--mdc-theme-secondary, #018786);\n /* @alternate */\n background-color: #018786;\n background-color: var(--mdc-theme-secondary, #018786); }\n\n@keyframes mdc-checkbox-fade-in-background-1 {\n 0% {\n border-color: rgba(0, 0, 0, 0.54);\n background-color: transparent; }\n 50% {\n /* @alternate */\n border-color: #018786;\n border-color: var(--mdc-theme-secondary, #018786);\n /* @alternate */\n background-color: #018786;\n background-color: var(--mdc-theme-secondary, #018786); } }\n\n@keyframes mdc-checkbox-fade-out-background-1 {\n 0%, 80% {\n /* @alternate */\n border-color: #018786;\n border-color: var(--mdc-theme-secondary, #018786);\n /* @alternate */\n background-color: #018786;\n background-color: var(--mdc-theme-secondary, #018786); }\n 100% {\n border-color: rgba(0, 0, 0, 0.54);\n background-color: transparent; } }\n\n.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {\n animation-name: mdc-checkbox-fade-in-background-1; }\n\n.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {\n animation-name: mdc-checkbox-fade-out-background-1; }\n\n.mdc-checkbox--disabled {\n cursor: default;\n pointer-events: none; }\n\n.mdc-checkbox__background {\n left: 11px;\n right: initial;\n display: inline-flex;\n position: absolute;\n top: 11px;\n bottom: 0;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 45%;\n height: 45%;\n transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n border: 2px solid currentColor;\n border-radius: 2px;\n background-color: transparent;\n pointer-events: none;\n will-change: background-color, border-color; }\n [dir=\"rtl\"] .mdc-checkbox .mdc-checkbox__background,\n .mdc-checkbox[dir=\"rtl\"] .mdc-checkbox__background {\n left: initial;\n right: 11px; }\n\n.mdc-checkbox__checkmark {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n opacity: 0; }\n .mdc-checkbox--upgraded .mdc-checkbox__checkmark {\n opacity: 1; }\n\n.mdc-checkbox__checkmark__path {\n transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n stroke-width: 3.12px;\n stroke-dashoffset: 29.78334;\n stroke-dasharray: 29.78334; }\n\n.mdc-checkbox__mixedmark {\n width: 100%;\n height: 2px;\n transform: scaleX(0) rotate(0deg);\n transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n opacity: 0; }\n\n.mdc-checkbox--upgraded .mdc-checkbox__background,\n.mdc-checkbox--upgraded .mdc-checkbox__checkmark,\n.mdc-checkbox--upgraded .mdc-checkbox__checkmark__path,\n.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {\n transition: none !important; }\n\n.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {\n animation-duration: 180ms;\n animation-timing-function: linear; }\n\n.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark__path {\n animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;\n transition: none; }\n\n.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {\n animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;\n transition: none; }\n\n.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark__path {\n animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;\n transition: none; }\n\n.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {\n animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;\n transition: none; }\n\n.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {\n animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;\n transition: none; }\n\n.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {\n animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark;\n transition: none; }\n\n.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {\n animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark;\n transition: none; }\n\n.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {\n animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;\n transition: none; }\n\n.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,\n.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {\n transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); }\n .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark__path,\n .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark__path {\n stroke-dashoffset: 0; }\n\n.mdc-checkbox__background::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n transform: scale(0, 0);\n transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: \"\";\n will-change: opacity, transform; }\n\n.mdc-ripple-upgraded--unbounded .mdc-checkbox__background::before {\n content: none; }\n\n.mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before {\n transform: scale(2.75, 2.75);\n transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);\n opacity: 0.26; }\n\n.mdc-checkbox__native-control {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n opacity: 0;\n cursor: inherit; }\n .mdc-checkbox__native-control:disabled {\n cursor: default;\n pointer-events: none; }\n\n.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {\n transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);\n opacity: 1; }\n\n.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {\n transform: scaleX(1) rotate(-45deg); }\n\n.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark {\n transform: rotate(45deg);\n transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n opacity: 0; }\n\n.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {\n transform: scaleX(1) rotate(0deg);\n opacity: 1; }\n\n/**\n * The css property used for elevation. In most cases this should not be changed. It is exposed\n * as a variable for abstraction / easy use when needing to reference the property directly, for\n * example in a `will-change` rule.\n */\n/**\n * The default duration value for elevation transitions.\n */\n/**\n * The default easing value for elevation transitions.\n */\n/**\n * Applies the correct CSS rules to an element to give it the elevation specified by $z-value.\n * The $z-value must be between 0 and 24.\n * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use\n * $opacity-boost.\n */\n/**\n * Returns a string that can be used as the value for a `transition` property for elevation.\n * Calling this function directly is useful in situations where a component needs to transition\n * more than one property.\n *\n * ```scss\n * .foo {\n * transition: mdc-elevation-transition-value(), opacity 100ms ease;\n * will-change: $mdc-elevation-property, opacity;\n * }\n * ```\n */\n/**\n * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.\n *\n * Usage Example:\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n *\n * @include mdc-rtl {\n * left: auto;\n * right: 0;\n * }\n *\n * &__bar {\n * margin-left: 4px;\n * @include mdc-rtl(\".mdc-foo\") {\n * margin-left: auto;\n * margin-right: 4px;\n * }\n * }\n * }\n *\n * .mdc-foo--mod {\n * padding-left: 4px;\n *\n * @include mdc-rtl {\n * padding-left: auto;\n * padding-right: 4px;\n * }\n * }\n * ```\n *\n * Note that this works by checking for [dir=\"rtl\"] on an ancestor element. While this will work\n * in most cases, it will in some cases lead to false negatives, e.g.\n *\n * ```html\n * <html dir=\"rtl\">\n * <!-- ... -->\n * <div dir=\"ltr\">\n * <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n * </div>\n * </html>\n * ```\n *\n * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.\n */\n/**\n * Takes a base box-model property - e.g. margin / border / padding - along with a default\n * direction and value, and emits rules which apply the value to the\n * \"<base-property>-<default-direction>\" property by default, but flips the direction\n * when within an RTL context.\n *\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, left, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 8px;\n * margin-left: 0;\n * }\n * }\n * ```\n * whereas:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, right, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-right: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 0;\n * margin-left: 8px;\n * }\n * }\n * ```\n *\n * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,\n * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, \".mdc-component\")`.\n *\n * Note that this function will always zero out the original value in an RTL context. If you're\n * trying to flip the values, use mdc-rtl-reflexive-property().\n */\n/**\n * Takes a base property and emits rules that assign <base-property>-left to <left-value> and\n * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-property(margin, auto, 12px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: auto;\n * margin-right: 12px;\n *\n * @include mdc-rtl {\n * margin-left: 12px;\n * margin-right: auto;\n * }\n * }\n * ```\n *\n * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.\n */\n/**\n * Takes an argument specifying a horizontal position property (either \"left\" or \"right\") as well\n * as a value, and applies that value to the specified position in a LTR context, and flips it in a\n * RTL context. For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-position(left, 0);\n * position: absolute;\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n * right: initial;\n *\n * @include mdc-rtl {\n * right: 0;\n * left: initial;\n * }\n * }\n * ```\n * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.\n */\n/* TODO(sgomes): Figure out what to do about desktop font sizes. */\n/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */\n/* TODO(sgomes): Figure out what to do about desktop font sizes. */\n/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */\n:root {\n --mdc-dialog-dark-theme-bg-color: #303030; }\n\n.mdc-dialog {\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n visibility: hidden;\n z-index: 5; }\n\n.mdc-dialog__backdrop {\n /* @alternate */\n background-color: rgba(0, 0, 0, 0.87);\n background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));\n position: fixed;\n top: 0;\n left: 0;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n opacity: 0;\n z-index: -1; }\n\n.mdc-dialog__surface {\n box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\n /* @alternate */\n background-color: #fff;\n background-color: var(--mdc-theme-background, #fff);\n display: inline-flex;\n flex-direction: column;\n width: calc(100% - 30px);\n min-width: 640px;\n max-width: 865px;\n transform: translateY(150px) scale(0.8);\n border-radius: 2px;\n opacity: 0; }\n .mdc-dialog--theme-dark .mdc-dialog__surface,\n .mdc-theme--dark .mdc-dialog__surface {\n /* @alternate */\n color: white;\n color: var(--mdc-theme-text-primary-on-dark, white);\n background-color: #303030;\n background-color: var(--mdc-dialog-dark-theme-bg-color, #303030); }\n [dir=\"rtl\"] .mdc-dialog .mdc-dialog__surface,\n .mdc-dialog[dir=\"rtl\"] .mdc-dialog__surface {\n text-align: right; }\n\n.mdc-dialog__header {\n display: flex;\n align-items: center;\n padding: 24px 24px 0; }\n [dir=\"rtl\"] .mdc-dialog .mdc-dialog__header,\n .mdc-dialog[dir=\"rtl\"] .mdc-dialog__header {\n text-align: right; }\n\n.mdc-dialog__header__empty {\n padding: 0; }\n\n.mdc-dialog__header__title {\n font-family: Roboto, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 1.25rem;\n line-height: 2rem;\n font-weight: 500;\n letter-spacing: 0.02em;\n text-decoration: inherit;\n text-transform: inherit;\n flex: 1;\n margin: 0; }\n\n.mdc-dialog__body {\n /* @alternate */\n color: rgba(0, 0, 0, 0.54);\n color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54));\n font-family: Roboto, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 400;\n letter-spacing: 0.04em;\n text-decoration: inherit;\n text-transform: inherit;\n margin-top: 20px;\n padding: 0 24px 24px; }\n .mdc-dialog--theme-dark .mdc-dialog__body,\n .mdc-theme--dark .mdc-dialog__body {\n /* @alternate */\n color: rgba(255, 255, 255, 0.7);\n color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)); }\n\n.mdc-dialog__body--scrollable {\n max-height: 195px;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n overflow-x: auto;\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch; }\n\n.mdc-dialog__footer {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n padding: 8px; }\n\n.mdc-dialog__footer__button {\n margin-left: 0;\n margin-right: 8px; }\n [dir=\"rtl\"] .mdc-dialog__footer__button, .mdc-dialog__footer__button[dir=\"rtl\"] {\n margin-left: 8px;\n margin-right: 0; }\n .mdc-dialog__footer__button:last-child {\n margin-left: 0;\n margin-right: 0; }\n [dir=\"rtl\"] .mdc-dialog__footer__button:last-child, .mdc-dialog__footer__button:last-child[dir=\"rtl\"] {\n margin-left: 0;\n margin-right: 0; }\n\n.mdc-dialog__action {\n /* @alternate */\n color: #018786;\n color: var(--mdc-theme-secondary, #018786); }\n\n@media (max-width: 640px) {\n .mdc-dialog {\n min-width: 280px; }\n .mdc-dialog__surface {\n min-width: 280px; }\n .mdc-dialog__body {\n line-height: 24px; } }\n\n.mdc-dialog--animating {\n visibility: visible; }\n .mdc-dialog--animating .mdc-dialog__backdrop {\n transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }\n .mdc-dialog--animating .mdc-dialog__surface {\n transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }\n\n.mdc-dialog--open {\n visibility: visible; }\n .mdc-dialog--open .mdc-dialog__backdrop {\n opacity: .3; }\n .mdc-dialog--open .mdc-dialog__surface {\n transform: translateY(0) scale(1);\n opacity: 1; }\n\n.mdc-dialog-scroll-lock {\n overflow: hidden; }\n\nhtml, html.myg-theme--default {\n --color-accent-light: #4063e8;\n --color-accent-light: #042ecb;\n --color-accent-light: #052ab3;\n --color-accent-light: #ffffff;\n --color-accent-light: #bec7cf;\n --color-accent-light: #97a4b0;\n --color-accent-light: #657786;\n --color-accent-light: #3d4553;\n --color-accent-light: #14171A;\n --color-accent-light: #fcfcfc;\n --color-accent-light: #ffffff;\n --color-accent-light: #ffffff;\n --color-accent-light: #ecf2f7;\n --color-accent-light: #ebf5fe;\n --color-accent-light: #dce2e7;\n --color-accent-light: rgba(0, 0, 0, 0.05);\n --color-accent-light: #f6809a;\n --color-accent-light: #6adb83;\n --color-accent-light: rgba(231, 236, 240, 0.87); }\n\n/**\n * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.\n *\n * Usage Example:\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n *\n * @include mdc-rtl {\n * left: auto;\n * right: 0;\n * }\n *\n * &__bar {\n * margin-left: 4px;\n * @include mdc-rtl(\".mdc-foo\") {\n * margin-left: auto;\n * margin-right: 4px;\n * }\n * }\n * }\n *\n * .mdc-foo--mod {\n * padding-left: 4px;\n *\n * @include mdc-rtl {\n * padding-left: auto;\n * padding-right: 4px;\n * }\n * }\n * ```\n *\n * Note that this works by checking for [dir=\"rtl\"] on an ancestor element. While this will work\n * in most cases, it will in some cases lead to false negatives, e.g.\n *\n * ```html\n * <html dir=\"rtl\">\n * <!-- ... -->\n * <div dir=\"ltr\">\n * <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n * </div>\n * </html>\n * ```\n *\n * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.\n */\n/**\n * Takes a base box-model property - e.g. margin / border / padding - along with a default\n * direction and value, and emits rules which apply the value to the\n * \"<base-property>-<default-direction>\" property by default, but flips the direction\n * when within an RTL context.\n *\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, left, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 8px;\n * margin-left: 0;\n * }\n * }\n * ```\n * whereas:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, right, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-right: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 0;\n * margin-left: 8px;\n * }\n * }\n * ```\n *\n * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,\n * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, \".mdc-component\")`.\n *\n * Note that this function will always zero out the original value in an RTL context. If you're\n * trying to flip the values, use mdc-rtl-reflexive-property().\n */\n/**\n * Takes a base property and emits rules that assign <base-property>-left to <left-value> and\n * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-property(margin, auto, 12px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: auto;\n * margin-right: 12px;\n *\n * @include mdc-rtl {\n * margin-left: 12px;\n * margin-right: auto;\n * }\n * }\n * ```\n *\n * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.\n */\n/**\n * Takes an argument specifying a horizontal position property (either \"left\" or \"right\") as well\n * as a value, and applies that value to the specified position in a LTR context, and flips it in a\n * RTL context. For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-position(left, 0);\n * position: absolute;\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n * right: initial;\n *\n * @include mdc-rtl {\n * right: 0;\n * left: initial;\n * }\n * }\n * ```\n * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.\n */\n/* TODO(sgomes): Figure out what to do about desktop font sizes. */\n/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */\n/**\n * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.\n *\n * Usage Example:\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n *\n * @include mdc-rtl {\n * left: auto;\n * right: 0;\n * }\n *\n * &__bar {\n * margin-left: 4px;\n * @include mdc-rtl(\".mdc-foo\") {\n * margin-left: auto;\n * margin-right: 4px;\n * }\n * }\n * }\n *\n * .mdc-foo--mod {\n * padding-left: 4px;\n *\n * @include mdc-rtl {\n * padding-left: auto;\n * padding-right: 4px;\n * }\n * }\n * ```\n *\n * Note that this works by checking for [dir=\"rtl\"] on an ancestor element. While this will work\n * in most cases, it will in some cases lead to false negatives, e.g.\n *\n * ```html\n * <html dir=\"rtl\">\n * <!-- ... -->\n * <div dir=\"ltr\">\n * <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n * </div>\n * </html>\n * ```\n *\n * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.\n */\n/**\n * Takes a base box-model property - e.g. margin / border / padding - along with a default\n * direction and value, and emits rules which apply the value to the\n * \"<base-property>-<default-direction>\" property by default, but flips the direction\n * when within an RTL context.\n *\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, left, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 8px;\n * margin-left: 0;\n * }\n * }\n * ```\n * whereas:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, right, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-right: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 0;\n * margin-left: 8px;\n * }\n * }\n * ```\n *\n * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,\n * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, \".mdc-component\")`.\n *\n * Note that this function will always zero out the original value in an RTL context. If you're\n * trying to flip the values, use mdc-rtl-reflexive-property().\n */\n/**\n * Takes a base property and emits rules that assign <base-property>-left to <left-value> and\n * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-property(margin, auto, 12px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: auto;\n * margin-right: 12px;\n *\n * @include mdc-rtl {\n * margin-left: 12px;\n * margin-right: auto;\n * }\n * }\n * ```\n *\n * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.\n */\n/**\n * Takes an argument specifying a horizontal position property (either \"left\" or \"right\") as well\n * as a value, and applies that value to the specified position in a LTR context, and flips it in a\n * RTL context. For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-position(left, 0);\n * position: absolute;\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n * right: initial;\n *\n * @include mdc-rtl {\n * right: 0;\n * left: initial;\n * }\n * }\n * ```\n * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.\n */\n:root {\n --mdc-persistent-drawer-dark-theme-bg-color: #212121; }\n\n.mdc-drawer--persistent {\n /* Use aspect ratio trick to maintain 16:9 aspect ratio on the header */\n color: rgba(0, 0, 0, 0.87);\n width: 0; }\n .mdc-drawer--persistent .mdc-drawer__toolbar-spacer {\n display: flex;\n position: relative;\n flex-direction: row;\n flex-shrink: 0;\n align-items: center;\n box-sizing: border-box;\n height: 56px;\n padding: 16px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n /* TODO(sgomes): replace with global breakpoints when we have them */ }\n .mdc-drawer--persistent .mdc-drawer__toolbar-spacer--theme-dark .mdc-drawer--persistent .mdc-drawer__toolbar-spacer,\n .mdc-theme--dark .mdc-drawer--persistent .mdc-drawer__toolbar-spacer {\n border-bottom: 1px solid rgba(255, 255, 255, 0.12); }\n @media (min-width: 600px) {\n .mdc-drawer--persistent .mdc-drawer__toolbar-spacer {\n height: 64px; } }\n .mdc-drawer--persistent .mdc-drawer__header {\n position: relative; }\n .mdc-drawer--persistent .mdc-drawer__header::before {\n display: block;\n padding-top: 56.25%;\n content: \"\"; }\n .mdc-drawer--persistent .mdc-drawer__header-content {\n display: flex;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n align-items: flex-end;\n box-sizing: border-box;\n padding: 16px; }\n .mdc-drawer--persistent .mdc-list-item {\n font-family: Roboto, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 0.875rem;\n line-height: 1.5rem;\n font-weight: 500;\n letter-spacing: 0.04em;\n text-decoration: inherit;\n text-transform: inherit;\n position: relative;\n outline: none;\n color: inherit;\n text-decoration: none; }\n .mdc-drawer--persistent .mdc-list-item__graphic {\n color: rgba(0, 0, 0, 0.54); }\n .mdc-drawer--persistent .mdc-list-item__graphic--theme-dark .mdc-drawer--persistent .mdc-list-item__graphic,\n .mdc-theme--dark .mdc-drawer--persistent .mdc-list-item__graphic {\n color: rgba(255, 255, 255, 0.54); }\n .mdc-drawer--persistent.mdc-drawer--permanent,\n .mdc-drawer--persistent .mdc-drawer__drawer {\n background-color: #fff; }\n .mdc-drawer--persistent .mdc-drawer__drawer {\n border-left: 0;\n border-right: 1px solid #e4e4e4;\n left: 0;\n right: initial;\n height: 100%;\n transform: translateX(-107%);\n transform: translateX(calc(-100% - 20px));\n will-change: transform;\n display: inline-flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 240px;\n overflow: hidden;\n touch-action: none; }\n [dir=\"rtl\"] .mdc-drawer--persistent .mdc-drawer__drawer, .mdc-drawer--persistent .mdc-drawer__drawer[dir=\"rtl\"] {\n border-left: 1px solid #e4e4e4;\n border-right: 0; }\n [dir=\"rtl\"] .mdc-drawer--persistent .mdc-drawer__drawer, .mdc-drawer--persistent .mdc-drawer__drawer[dir=\"rtl\"] {\n left: initial;\n right: 0; }\n .mdc-drawer--persistent .mdc-drawer__drawer--theme-dark,\n .mdc-theme--dark .mdc-drawer--persistent .mdc-drawer__drawer {\n /* @alternate */\n color: white;\n color: var(--mdc-theme-text-primary-on-dark, white);\n border-left: 0;\n border-right: 1px solid rgba(255, 255, 255, 0.12);\n background-color: #212121;\n background-color: var(--mdc-persistent-drawer-dark-theme-bg-color, #212121); }\n [dir=\"rtl\"] .mdc-drawer--persistent .mdc-drawer__drawer--theme-dark, .mdc-drawer--persistent .mdc-drawer__drawer--theme-dark[dir=\"rtl\"], [dir=\"rtl\"]\n .mdc-theme--dark .mdc-drawer--persistent .mdc-drawer__drawer,\n .mdc-theme--dark .mdc-drawer--persistent .mdc-drawer__drawer[dir=\"rtl\"] {\n border-left: 1px solid rgba(255, 255, 255, 0.12);\n border-right: 0; }\n [dir=\"rtl\"] .mdc-drawer--persistent .mdc-drawer--persistent .mdc-drawer__drawer,\n .mdc-drawer--persistent[dir=\"rtl\"] .mdc-drawer--persistent .mdc-drawer__drawer {\n transform: translateX(107%);\n transform: translateX(calc(100% + 20px)); }\n .mdc-drawer--persistent.mdc-drawer--animating .mdc-drawer__drawer {\n transition: transform 0.195s 0ms cubic-bezier(0.4, 0, 0.6, 1); }\n .mdc-drawer--persistent.mdc-drawer--animating.mdc-drawer--open .mdc-drawer__drawer {\n transition: transform 0.225s 0ms cubic-bezier(0, 0, 0.2, 1); }\n .mdc-drawer--persistent.mdc-drawer--open {\n width: 240px;\n pointer-events: auto; }\n .mdc-drawer--persistent.mdc-drawer--open .mdc-drawer__drawer {\n transform: none; }\n [dir=\"rtl\"] .mdc-drawer--persistent.mdc-drawer--open .mdc-drawer__drawer, .mdc-drawer--persistent.mdc-drawer--open[dir=\"rtl\"] .mdc-drawer__drawer {\n transform: none; }\n\n/**\n * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.\n *\n * Usage Example:\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n *\n * @include mdc-rtl {\n * left: auto;\n * right: 0;\n * }\n *\n * &__bar {\n * margin-left: 4px;\n * @include mdc-rtl(\".mdc-foo\") {\n * margin-left: auto;\n * margin-right: 4px;\n * }\n * }\n * }\n *\n * .mdc-foo--mod {\n * padding-left: 4px;\n *\n * @include mdc-rtl {\n * padding-left: auto;\n * padding-right: 4px;\n * }\n * }\n * ```\n *\n * Note that this works by checking for [dir=\"rtl\"] on an ancestor element. While this will work\n * in most cases, it will in some cases lead to false negatives, e.g.\n *\n * ```html\n * <html dir=\"rtl\">\n * <!-- ... -->\n * <div dir=\"ltr\">\n * <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n * </div>\n * </html>\n * ```\n *\n * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.\n */\n/**\n * Takes a base box-model property - e.g. margin / border / padding - along with a default\n * direction and value, and emits rules which apply the value to the\n * \"<base-property>-<default-direction>\" property by default, but flips the direction\n * when within an RTL context.\n *\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, left, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 8px;\n * margin-left: 0;\n * }\n * }\n * ```\n * whereas:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, right, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-right: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 0;\n * margin-left: 8px;\n * }\n * }\n * ```\n *\n * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,\n * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, \".mdc-component\")`.\n *\n * Note that this function will always zero out the original value in an RTL context. If you're\n * trying to flip the values, use mdc-rtl-reflexive-property().\n */\n/**\n * Takes a base property and emits rules that assign <base-property>-left to <left-value> and\n * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-property(margin, auto, 12px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: auto;\n * margin-right: 12px;\n *\n * @include mdc-rtl {\n * margin-left: 12px;\n * margin-right: auto;\n * }\n * }\n * ```\n *\n * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.\n */\n/**\n * Takes an argument specifying a horizontal position property (either \"left\" or \"right\") as well\n * as a value, and applies that value to the specified position in a LTR context, and flips it in a\n * RTL context. For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-position(left, 0);\n * position: absolute;\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n * right: initial;\n *\n * @include mdc-rtl {\n * right: 0;\n * left: initial;\n * }\n * }\n * ```\n * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.\n */\n/* TODO(sgomes): Figure out what to do about desktop font sizes. */\n/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */\n:root {\n --mdc-permanent-drawer-dark-theme-bg-color: #212121; }\n\n.mdc-drawer--permanent {\n /* Use aspect ratio trick to maintain 16:9 aspect ratio on the header */\n color: rgba(0, 0, 0, 0.87);\n border-left: 0;\n border-right: 1px solid #e4e4e4;\n left: 0;\n right: initial;\n display: inline-flex;\n flex: 0 0 auto;\n flex-direction: column;\n box-sizing: border-box;\n width: 240px;\n overflow: hidden; }\n .mdc-drawer--permanent .mdc-drawer__toolbar-spacer {\n display: flex;\n position: relative;\n flex-direction: row;\n flex-shrink: 0;\n align-items: center;\n box-sizing: border-box;\n height: 56px;\n padding: 16px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n /* TODO(sgomes): replace with global breakpoints when we have them */ }\n .mdc-drawer--permanent .mdc-drawer__toolbar-spacer--theme-dark .mdc-drawer--permanent .mdc-drawer__toolbar-spacer,\n .mdc-theme--dark .mdc-drawer--permanent .mdc-drawer__toolbar-spacer {\n border-bottom: 1px solid rgba(255, 255, 255, 0.12); }\n @media (min-width: 600px) {\n .mdc-drawer--permanent .mdc-drawer__toolbar-spacer {\n height: 64px; } }\n .mdc-drawer--permanent .mdc-drawer__header {\n position: relative; }\n .mdc-drawer--permanent .mdc-drawer__header::before {\n display: block;\n padding-top: 56.25%;\n content: \"\"; }\n .mdc-drawer--permanent .mdc-drawer__header-content {\n display: flex;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n align-items: flex-end;\n box-sizing: border-box;\n padding: 16px; }\n .mdc-drawer--permanent .mdc-list-item {\n font-family: Roboto, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 0.875rem;\n line-height: 1.5rem;\n font-weight: 500;\n letter-spacing: 0.04em;\n text-decoration: inherit;\n text-transform: inherit;\n position: relative;\n outline: none;\n color: inherit;\n text-decoration: none; }\n .mdc-drawer--permanent .mdc-list-item__graphic {\n color: rgba(0, 0, 0, 0.54); }\n .mdc-drawer--permanent .mdc-list-item__graphic--theme-dark .mdc-drawer--permanent .mdc-list-item__graphic,\n .mdc-theme--dark .mdc-drawer--permanent .mdc-list-item__graphic {\n color: rgba(255, 255, 255, 0.54); }\n .mdc-drawer--permanent.mdc-drawer--permanent,\n .mdc-drawer--permanent .mdc-drawer__drawer {\n background-color: #fff; }\n [dir=\"rtl\"] .mdc-drawer--permanent, .mdc-drawer--permanent[dir=\"rtl\"] {\n border-left: 1px solid #e4e4e4;\n border-right: 0; }\n [dir=\"rtl\"] .mdc-drawer--permanent, .mdc-drawer--permanent[dir=\"rtl\"] {\n left: initial;\n right: 0; }\n .mdc-drawer--permanent--theme-dark,\n .mdc-theme--dark .mdc-drawer--permanent {\n /* @alternate */\n color: white;\n color: var(--mdc-theme-text-primary-on-dark, white);\n border-left: 0;\n border-right: 1px solid rgba(255, 255, 255, 0.12);\n background-color: #212121;\n background-color: var(--mdc-permanent-drawer-dark-theme-bg-color, #212121); }\n [dir=\"rtl\"] .mdc-drawer--permanent--theme-dark, .mdc-drawer--permanent--theme-dark[dir=\"rtl\"], [dir=\"rtl\"]\n .mdc-theme--dark .mdc-drawer--permanent,\n .mdc-theme--dark .mdc-drawer--permanent[dir=\"rtl\"] {\n border-left: 1px solid rgba(255, 255, 255, 0.12);\n border-right: 0; }\n .mdc-drawer--permanent--floating {\n border-left: 0;\n border-right: none;\n background: none; }\n [dir=\"rtl\"] .mdc-drawer--permanent--floating, .mdc-drawer--permanent--floating[dir=\"rtl\"] {\n border-left: none;\n border-right: 0; }\n .mdc-drawer--permanent--floating--theme-dark,\n .mdc-theme--dark .mdc-drawer--permanent--floating {\n border-left: 0;\n border-right: none;\n background: none; }\n [dir=\"rtl\"] .mdc-drawer--permanent--floating--theme-dark, .mdc-drawer--permanent--floating--theme-dark[dir=\"rtl\"], [dir=\"rtl\"]\n .mdc-theme--dark .mdc-drawer--permanent--floating,\n .mdc-theme--dark .mdc-drawer--permanent--floating[dir=\"rtl\"] {\n border-left: none;\n border-right: 0; }\n\n/**\n * The css property used for elevation. In most cases this should not be changed. It is exposed\n * as a variable for abstraction / easy use when needing to reference the property directly, for\n * example in a `will-change` rule.\n */\n/**\n * The default duration value for elevation transitions.\n */\n/**\n * The default easing value for elevation transitions.\n */\n/**\n * Applies the correct CSS rules to an element to give it the elevation specified by $z-value.\n * The $z-value must be between 0 and 24.\n * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use\n * $opacity-boost.\n */\n/**\n * Returns a string that can be used as the value for a `transition` property for elevation.\n * Calling this function directly is useful in situations where a component needs to transition\n * more than one property.\n *\n * ```scss\n * .foo {\n * transition: mdc-elevation-transition-value(), opacity 100ms ease;\n * will-change: $mdc-elevation-property, opacity;\n * }\n * ```\n */\n/**\n * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.\n *\n * Usage Example:\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n *\n * @include mdc-rtl {\n * left: auto;\n * right: 0;\n * }\n *\n * &__bar {\n * margin-left: 4px;\n * @include mdc-rtl(\".mdc-foo\") {\n * margin-left: auto;\n * margin-right: 4px;\n * }\n * }\n * }\n *\n * .mdc-foo--mod {\n * padding-left: 4px;\n *\n * @include mdc-rtl {\n * padding-left: auto;\n * padding-right: 4px;\n * }\n * }\n * ```\n *\n * Note that this works by checking for [dir=\"rtl\"] on an ancestor element. While this will work\n * in most cases, it will in some cases lead to false negatives, e.g.\n *\n * ```html\n * <html dir=\"rtl\">\n * <!-- ... -->\n * <div dir=\"ltr\">\n * <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n * </div>\n * </html>\n * ```\n *\n * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.\n */\n/**\n * Takes a base box-model property - e.g. margin / border / padding - along with a default\n * direction and value, and emits rules which apply the value to the\n * \"<base-property>-<default-direction>\" property by default, but flips the direction\n * when within an RTL context.\n *\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, left, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 8px;\n * margin-left: 0;\n * }\n * }\n * ```\n * whereas:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, right, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-right: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 0;\n * margin-left: 8px;\n * }\n * }\n * ```\n *\n * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,\n * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, \".mdc-component\")`.\n *\n * Note that this function will always zero out the original value in an RTL context. If you're\n * trying to flip the values, use mdc-rtl-reflexive-property().\n */\n/**\n * Takes a base property and emits rules that assign <base-property>-left to <left-value> and\n * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-property(margin, auto, 12px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: auto;\n * margin-right: 12px;\n *\n * @include mdc-rtl {\n * margin-left: 12px;\n * margin-right: auto;\n * }\n * }\n * ```\n *\n * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.\n */\n/**\n * Takes an argument specifying a horizontal position property (either \"left\" or \"right\") as well\n * as a value, and applies that value to the specified position in a LTR context, and flips it in a\n * RTL context. For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-position(left, 0);\n * position: absolute;\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n * right: initial;\n *\n * @include mdc-rtl {\n * right: 0;\n * left: initial;\n * }\n * }\n * ```\n * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.\n */\n/* TODO(sgomes): Figure out what to do about desktop font sizes. */\n/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */\n/**\n * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.\n *\n * Usage Example:\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n *\n * @include mdc-rtl {\n * left: auto;\n * right: 0;\n * }\n *\n * &__bar {\n * margin-left: 4px;\n * @include mdc-rtl(\".mdc-foo\") {\n * margin-left: auto;\n * margin-right: 4px;\n * }\n * }\n * }\n *\n * .mdc-foo--mod {\n * padding-left: 4px;\n *\n * @include mdc-rtl {\n * padding-left: auto;\n * padding-right: 4px;\n * }\n * }\n * ```\n *\n * Note that this works by checking for [dir=\"rtl\"] on an ancestor element. While this will work\n * in most cases, it will in some cases lead to false negatives, e.g.\n *\n * ```html\n * <html dir=\"rtl\">\n * <!-- ... -->\n * <div dir=\"ltr\">\n * <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n * </div>\n * </html>\n * ```\n *\n * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.\n */\n/**\n * Takes a base box-model property - e.g. margin / border / padding - along with a default\n * direction and value, and emits rules which apply the value to the\n * \"<base-property>-<default-direction>\" property by default, but flips the direction\n * when within an RTL context.\n *\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, left, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 8px;\n * margin-left: 0;\n * }\n * }\n * ```\n * whereas:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, right, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-right: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 0;\n * margin-left: 8px;\n * }\n * }\n * ```\n *\n * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,\n * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, \".mdc-component\")`.\n *\n * Note that this function will always zero out the original value in an RTL context. If you're\n * trying to flip the values, use mdc-rtl-reflexive-property().\n */\n/**\n * Takes a base property and emits rules that assign <base-property>-left to <left-value> and\n * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-property(margin, auto, 12px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: auto;\n * margin-right: 12px;\n *\n * @include mdc-rtl {\n * margin-left: 12px;\n * margin-right: auto;\n * }\n * }\n * ```\n *\n * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.\n */\n/**\n * Takes an argument specifying a horizontal position property (either \"left\" or \"right\") as well\n * as a value, and applies that value to the specified position in a LTR context, and flips it in a\n * RTL context. For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-position(left, 0);\n * position: absolute;\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n * right: initial;\n *\n * @include mdc-rtl {\n * right: 0;\n * left: initial;\n * }\n * }\n * ```\n * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.\n */\n.mdc-drawer--temporary {\n /* Use aspect ratio trick to maintain 16:9 aspect ratio on the header */\n color: rgba(0, 0, 0, 0.87);\n position: fixed;\n top: 0;\n left: 0;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: hidden;\n contain: strict;\n z-index: 5;\n /* Shaded background */ }\n .mdc-drawer--temporary .mdc-drawer__toolbar-spacer {\n display: flex;\n position: relative;\n flex-direction: row;\n flex-shrink: 0;\n align-items: center;\n box-sizing: border-box;\n height: 56px;\n padding: 16px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n /* TODO(sgomes): replace with global breakpoints when we have them */ }\n .mdc-drawer--temporary .mdc-drawer__toolbar-spacer--theme-dark .mdc-drawer--temporary .mdc-drawer__toolbar-spacer,\n .mdc-theme--dark .mdc-drawer--temporary .mdc-drawer__toolbar-spacer {\n border-bottom: 1px solid rgba(255, 255, 255, 0.12); }\n @media (min-width: 600px) {\n .mdc-drawer--temporary .mdc-drawer__toolbar-spacer {\n height: 64px; } }\n .mdc-drawer--temporary .mdc-drawer__header {\n position: relative; }\n .mdc-drawer--temporary .mdc-drawer__header::before {\n display: block;\n padding-top: 56.25%;\n content: \"\"; }\n .mdc-drawer--temporary .mdc-drawer__header-content {\n display: flex;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n align-items: flex-end;\n box-sizing: border-box;\n padding: 16px; }\n .mdc-drawer--temporary .mdc-list-item {\n font-family: Roboto, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 0.875rem;\n line-height: 1.5rem;\n font-weight: 500;\n letter-spacing: 0.04em;\n text-decoration: inherit;\n text-transform: inherit;\n position: relative;\n outline: none;\n color: inherit;\n text-decoration: none; }\n .mdc-drawer--temporary .mdc-list-item__graphic {\n color: rgba(0, 0, 0, 0.54); }\n .mdc-drawer--temporary .mdc-list-item__graphic--theme-dark .mdc-drawer--temporary .mdc-list-item__graphic,\n .mdc-theme--dark .mdc-drawer--temporary .mdc-list-item__graphic {\n color: rgba(255, 255, 255, 0.54); }\n .mdc-drawer--temporary.mdc-drawer--permanent,\n .mdc-drawer--temporary .mdc-drawer__drawer {\n background-color: #fff; }\n .mdc-drawer--temporary::before {\n background-color: rgba(0, 0, 0, 0.6); }\n .mdc-drawer--temporary::before {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n opacity: 0;\n opacity: var(--mdc-temporary-drawer-opacity, 0);\n content: \"\";\n will-change: opacity; }\n .mdc-drawer--temporary .mdc-drawer__drawer {\n box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\n left: 0;\n right: initial;\n height: 100%;\n transform: translateX(-107%);\n transform: translateX(calc(-100% - 20px));\n will-change: transform;\n display: flex;\n position: absolute;\n flex-direction: column;\n box-sizing: border-box;\n width: calc(100% - 56px);\n max-width: 280px;\n overflow: hidden;\n touch-action: none;\n /* TODO(sgomes): replace with global breakpoints when we have them */ }\n [dir=\"rtl\"] .mdc-drawer--temporary .mdc-drawer__drawer, .mdc-drawer--temporary .mdc-drawer__drawer[dir=\"rtl\"] {\n left: initial;\n right: 0; }\n .mdc-drawer--temporary--theme-dark .mdc-drawer--temporary .mdc-drawer__drawer,\n .mdc-theme--dark .mdc-drawer--temporary .mdc-drawer__drawer {\n /* @alternate */\n color: white;\n color: var(--mdc-theme-text-primary-on-dark, white);\n background: #303030; }\n [dir=\"rtl\"] .mdc-drawer--temporary .mdc-drawer--temporary .mdc-drawer__drawer,\n .mdc-drawer--temporary[dir=\"rtl\"] .mdc-drawer--temporary .mdc-drawer__drawer {\n transform: translateX(107%);\n transform: translateX(calc(100% + 20px)); }\n @media (min-width: 600px) {\n .mdc-drawer--temporary .mdc-drawer__drawer {\n width: calc(100% - 64px);\n max-width: 320px; } }\n .mdc-drawer--temporary .mdc-drawer__content {\n flex-grow: 1;\n box-sizing: border-box;\n margin: 0;\n overflow-x: hidden;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n touch-action: pan-y; }\n .mdc-drawer--temporary .mdc-drawer__footer {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n flex-shrink: 0; }\n .mdc-drawer--temporary.mdc-drawer--animating::before {\n transition: opacity 0.3s 0ms cubic-bezier(0, 0, 0.2, 1); }\n .mdc-drawer--temporary.mdc-drawer--animating.mdc-drawer--open .mdc-drawer__drawer {\n transition: transform 0.225s 0ms cubic-bezier(0, 0, 0.2, 1); }\n .mdc-drawer--temporary.mdc-drawer--animating .mdc-drawer__drawer {\n transition: transform 0.195s 0ms cubic-bezier(0.4, 0, 0.6, 1); }\n .mdc-drawer--temporary.mdc-drawer--open {\n pointer-events: auto; }\n .mdc-drawer--temporary.mdc-drawer--open::before {\n opacity: 1;\n opacity: var(--mdc-temporary-drawer-opacity, 1); }\n .mdc-drawer--temporary.mdc-drawer--open .mdc-drawer__drawer {\n transform: none; }\n [dir=\"rtl\"] .mdc-drawer--temporary.mdc-drawer--open .mdc-drawer__drawer, .mdc-drawer--temporary.mdc-drawer--open[dir=\"rtl\"] .mdc-drawer__drawer {\n transform: none; }\n\n.mdc-drawer-scroll-lock {\n overflow: hidden; }\n\nhtml, html.myg-theme--default {\n --color-accent-light: #4063e8;\n --color-accent-light: #042ecb;\n --color-accent-light: #052ab3;\n --color-accent-light: #ffffff;\n --color-accent-light: #bec7cf;\n --color-accent-light: #97a4b0;\n --color-accent-light: #657786;\n --color-accent-light: #3d4553;\n --color-accent-light: #14171A;\n --color-accent-light: #fcfcfc;\n --color-accent-light: #ffffff;\n --color-accent-light: #ffffff;\n --color-accent-light: #ecf2f7;\n --color-accent-light: #ebf5fe;\n --color-accent-light: #dce2e7;\n --color-accent-light: rgba(0, 0, 0, 0.05);\n --color-accent-light: #f6809a;\n --color-accent-light: #6adb83;\n --color-accent-light: rgba(231, 236, 240, 0.87); }\n\n/* Flexbox */\n/* Grid */\n/* Myg Grid */\n/*!\n * animate.css -http://daneden.me/animate\n * Version - 3.5.1\n * Licensed under the MIT license - http://opensource.org/licenses/MIT\n *\n * Copyright (c) 2016 Daniel Eden\n */\n.animated {\n -webkit-animation-duration: 1s;\n animation-duration: 1s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both; }\n\n.animated.infinite {\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite; }\n\n.animated.hinge {\n -webkit-animation-duration: 2s;\n animation-duration: 2s; }\n\n.animated.flipOutX,\n.animated.flipOutY,\n.animated.bounceIn,\n.animated.bounceOut {\n -webkit-animation-duration: .75s;\n animation-duration: .75s; }\n\n@-webkit-keyframes bounce {\n from, 20%, 53%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 40%, 43% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -30px, 0);\n transform: translate3d(0, -30px, 0); }\n 70% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -15px, 0);\n transform: translate3d(0, -15px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -4px, 0);\n transform: translate3d(0, -4px, 0); } }\n\n@keyframes bounce {\n from, 20%, 53%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 40%, 43% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -30px, 0);\n transform: translate3d(0, -30px, 0); }\n 70% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -15px, 0);\n transform: translate3d(0, -15px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -4px, 0);\n transform: translate3d(0, -4px, 0); } }\n\n.bounce {\n -webkit-animation-name: bounce;\n animation-name: bounce;\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom; }\n\n@-webkit-keyframes flash {\n from, 50%, to {\n opacity: 1; }\n 25%, 75% {\n opacity: 0; } }\n\n@keyframes flash {\n from, 50%, to {\n opacity: 1; }\n 25%, 75% {\n opacity: 0; } }\n\n.flash {\n -webkit-animation-name: flash;\n animation-name: flash; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes pulse {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 50% {\n -webkit-transform: scale3d(1.05, 1.05, 1.05);\n transform: scale3d(1.05, 1.05, 1.05); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes pulse {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 50% {\n -webkit-transform: scale3d(1.05, 1.05, 1.05);\n transform: scale3d(1.05, 1.05, 1.05); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.pulse {\n -webkit-animation-name: pulse;\n animation-name: pulse; }\n\n@-webkit-keyframes rubberBand {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 30% {\n -webkit-transform: scale3d(1.25, 0.75, 1);\n transform: scale3d(1.25, 0.75, 1); }\n 40% {\n -webkit-transform: scale3d(0.75, 1.25, 1);\n transform: scale3d(0.75, 1.25, 1); }\n 50% {\n -webkit-transform: scale3d(1.15, 0.85, 1);\n transform: scale3d(1.15, 0.85, 1); }\n 65% {\n -webkit-transform: scale3d(0.95, 1.05, 1);\n transform: scale3d(0.95, 1.05, 1); }\n 75% {\n -webkit-transform: scale3d(1.05, 0.95, 1);\n transform: scale3d(1.05, 0.95, 1); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes rubberBand {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 30% {\n -webkit-transform: scale3d(1.25, 0.75, 1);\n transform: scale3d(1.25, 0.75, 1); }\n 40% {\n -webkit-transform: scale3d(0.75, 1.25, 1);\n transform: scale3d(0.75, 1.25, 1); }\n 50% {\n -webkit-transform: scale3d(1.15, 0.85, 1);\n transform: scale3d(1.15, 0.85, 1); }\n 65% {\n -webkit-transform: scale3d(0.95, 1.05, 1);\n transform: scale3d(0.95, 1.05, 1); }\n 75% {\n -webkit-transform: scale3d(1.05, 0.95, 1);\n transform: scale3d(1.05, 0.95, 1); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.rubberBand {\n -webkit-animation-name: rubberBand;\n animation-name: rubberBand; }\n\n@-webkit-keyframes shake {\n from, to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 10%, 30%, 50%, 70%, 90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 20%, 40%, 60%, 80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); } }\n\n@keyframes shake {\n from, to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 10%, 30%, 50%, 70%, 90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 20%, 40%, 60%, 80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); } }\n\n.shake {\n -webkit-animation-name: shake;\n animation-name: shake; }\n\n@-webkit-keyframes headShake {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0); }\n 6.5% {\n -webkit-transform: translateX(-6px) rotateY(-9deg);\n transform: translateX(-6px) rotateY(-9deg); }\n 18.5% {\n -webkit-transform: translateX(5px) rotateY(7deg);\n transform: translateX(5px) rotateY(7deg); }\n 31.5% {\n -webkit-transform: translateX(-3px) rotateY(-5deg);\n transform: translateX(-3px) rotateY(-5deg); }\n 43.5% {\n -webkit-transform: translateX(2px) rotateY(3deg);\n transform: translateX(2px) rotateY(3deg); }\n 50% {\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n@keyframes headShake {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0); }\n 6.5% {\n -webkit-transform: translateX(-6px) rotateY(-9deg);\n transform: translateX(-6px) rotateY(-9deg); }\n 18.5% {\n -webkit-transform: translateX(5px) rotateY(7deg);\n transform: translateX(5px) rotateY(7deg); }\n 31.5% {\n -webkit-transform: translateX(-3px) rotateY(-5deg);\n transform: translateX(-3px) rotateY(-5deg); }\n 43.5% {\n -webkit-transform: translateX(2px) rotateY(3deg);\n transform: translateX(2px) rotateY(3deg); }\n 50% {\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n.headShake {\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n -webkit-animation-name: headShake;\n animation-name: headShake; }\n\n@-webkit-keyframes swing {\n 20% {\n -webkit-transform: rotate3d(0, 0, 1, 15deg);\n transform: rotate3d(0, 0, 1, 15deg); }\n 40% {\n -webkit-transform: rotate3d(0, 0, 1, -10deg);\n transform: rotate3d(0, 0, 1, -10deg); }\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 5deg);\n transform: rotate3d(0, 0, 1, 5deg); }\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, -5deg);\n transform: rotate3d(0, 0, 1, -5deg); }\n to {\n -webkit-transform: rotate3d(0, 0, 1, 0deg);\n transform: rotate3d(0, 0, 1, 0deg); } }\n\n@keyframes swing {\n 20% {\n -webkit-transform: rotate3d(0, 0, 1, 15deg);\n transform: rotate3d(0, 0, 1, 15deg); }\n 40% {\n -webkit-transform: rotate3d(0, 0, 1, -10deg);\n transform: rotate3d(0, 0, 1, -10deg); }\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 5deg);\n transform: rotate3d(0, 0, 1, 5deg); }\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, -5deg);\n transform: rotate3d(0, 0, 1, -5deg); }\n to {\n -webkit-transform: rotate3d(0, 0, 1, 0deg);\n transform: rotate3d(0, 0, 1, 0deg); } }\n\n.swing {\n -webkit-transform-origin: top center;\n transform-origin: top center;\n -webkit-animation-name: swing;\n animation-name: swing; }\n\n@-webkit-keyframes tada {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 10%, 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }\n 30%, 50%, 70%, 90% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }\n 40%, 60%, 80% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes tada {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 10%, 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }\n 30%, 50%, 70%, 90% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }\n 40%, 60%, 80% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.tada {\n -webkit-animation-name: tada;\n animation-name: tada; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes wobble {\n from {\n -webkit-transform: none;\n transform: none; }\n 15% {\n -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }\n 30% {\n -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }\n 45% {\n -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }\n 60% {\n -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }\n 75% {\n -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes wobble {\n from {\n -webkit-transform: none;\n transform: none; }\n 15% {\n -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }\n 30% {\n -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }\n 45% {\n -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }\n 60% {\n -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }\n 75% {\n -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.wobble {\n -webkit-animation-name: wobble;\n animation-name: wobble; }\n\n@-webkit-keyframes jello {\n from, 11.1%, to {\n -webkit-transform: none;\n transform: none; }\n 22.2% {\n -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\n transform: skewX(-12.5deg) skewY(-12.5deg); }\n 33.3% {\n -webkit-transform: skewX(6.25deg) skewY(6.25deg);\n transform: skewX(6.25deg) skewY(6.25deg); }\n 44.4% {\n -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\n transform: skewX(-3.125deg) skewY(-3.125deg); }\n 55.5% {\n -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\n transform: skewX(1.5625deg) skewY(1.5625deg); }\n 66.6% {\n -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);\n transform: skewX(-0.78125deg) skewY(-0.78125deg); }\n 77.7% {\n -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);\n transform: skewX(0.39063deg) skewY(0.39063deg); }\n 88.8% {\n -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);\n transform: skewX(-0.19531deg) skewY(-0.19531deg); } }\n\n@keyframes jello {\n from, 11.1%, to {\n -webkit-transform: none;\n transform: none; }\n 22.2% {\n -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\n transform: skewX(-12.5deg) skewY(-12.5deg); }\n 33.3% {\n -webkit-transform: skewX(6.25deg) skewY(6.25deg);\n transform: skewX(6.25deg) skewY(6.25deg); }\n 44.4% {\n -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\n transform: skewX(-3.125deg) skewY(-3.125deg); }\n 55.5% {\n -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\n transform: skewX(1.5625deg) skewY(1.5625deg); }\n 66.6% {\n -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);\n transform: skewX(-0.78125deg) skewY(-0.78125deg); }\n 77.7% {\n -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);\n transform: skewX(0.39063deg) skewY(0.39063deg); }\n 88.8% {\n -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);\n transform: skewX(-0.19531deg) skewY(-0.19531deg); } }\n\n.jello {\n -webkit-animation-name: jello;\n animation-name: jello;\n -webkit-transform-origin: center;\n transform-origin: center; }\n\n@-webkit-keyframes bounceIn {\n from, 20%, 40%, 60%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 20% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n 40% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(1.03, 1.03, 1.03);\n transform: scale3d(1.03, 1.03, 1.03); }\n 80% {\n -webkit-transform: scale3d(0.97, 0.97, 0.97);\n transform: scale3d(0.97, 0.97, 0.97); }\n to {\n opacity: 1;\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes bounceIn {\n from, 20%, 40%, 60%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 20% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n 40% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(1.03, 1.03, 1.03);\n transform: scale3d(1.03, 1.03, 1.03); }\n 80% {\n -webkit-transform: scale3d(0.97, 0.97, 0.97);\n transform: scale3d(0.97, 0.97, 0.97); }\n to {\n opacity: 1;\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.bounceIn {\n -webkit-animation-name: bounceIn;\n animation-name: bounceIn; }\n\n@-webkit-keyframes bounceInDown {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -3000px, 0);\n transform: translate3d(0, -3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, 25px, 0);\n transform: translate3d(0, 25px, 0); }\n 75% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes bounceInDown {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -3000px, 0);\n transform: translate3d(0, -3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, 25px, 0);\n transform: translate3d(0, 25px, 0); }\n 75% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.bounceInDown {\n -webkit-animation-name: bounceInDown;\n animation-name: bounceInDown; }\n\n@-webkit-keyframes bounceInLeft {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(-3000px, 0, 0);\n transform: translate3d(-3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(25px, 0, 0);\n transform: translate3d(25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(5px, 0, 0);\n transform: translate3d(5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes bounceInLeft {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(-3000px, 0, 0);\n transform: translate3d(-3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(25px, 0, 0);\n transform: translate3d(25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(5px, 0, 0);\n transform: translate3d(5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.bounceInLeft {\n -webkit-animation-name: bounceInLeft;\n animation-name: bounceInLeft; }\n\n@-webkit-keyframes bounceInRight {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(3000px, 0, 0);\n transform: translate3d(3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(-25px, 0, 0);\n transform: translate3d(-25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(-5px, 0, 0);\n transform: translate3d(-5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes bounceInRight {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(3000px, 0, 0);\n transform: translate3d(3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(-25px, 0, 0);\n transform: translate3d(-25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(-5px, 0, 0);\n transform: translate3d(-5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.bounceInRight {\n -webkit-animation-name: bounceInRight;\n animation-name: bounceInRight; }\n\n@-webkit-keyframes bounceInUp {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 3000px, 0);\n transform: translate3d(0, 3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n 75% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -5px, 0);\n transform: translate3d(0, -5px, 0); }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes bounceInUp {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 3000px, 0);\n transform: translate3d(0, 3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n 75% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -5px, 0);\n transform: translate3d(0, -5px, 0); }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.bounceInUp {\n -webkit-animation-name: bounceInUp;\n animation-name: bounceInUp; }\n\n@-webkit-keyframes bounceOut {\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 50%, 55% {\n opacity: 1;\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); } }\n\n@keyframes bounceOut {\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 50%, 55% {\n opacity: 1;\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); } }\n\n.bounceOut {\n -webkit-animation-name: bounceOut;\n animation-name: bounceOut; }\n\n@-webkit-keyframes bounceOutDown {\n 20% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n@keyframes bounceOutDown {\n 20% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n.bounceOutDown {\n -webkit-animation-name: bounceOutDown;\n animation-name: bounceOutDown; }\n\n@-webkit-keyframes bounceOutLeft {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(20px, 0, 0);\n transform: translate3d(20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n@keyframes bounceOutLeft {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(20px, 0, 0);\n transform: translate3d(20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n.bounceOutLeft {\n -webkit-animation-name: bounceOutLeft;\n animation-name: bounceOutLeft; }\n\n@-webkit-keyframes bounceOutRight {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(-20px, 0, 0);\n transform: translate3d(-20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n@keyframes bounceOutRight {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(-20px, 0, 0);\n transform: translate3d(-20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n.bounceOutRight {\n -webkit-animation-name: bounceOutRight;\n animation-name: bounceOutRight; }\n\n@-webkit-keyframes bounceOutUp {\n 20% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, 20px, 0);\n transform: translate3d(0, 20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n@keyframes bounceOutUp {\n 20% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, 20px, 0);\n transform: translate3d(0, 20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n.bounceOutUp {\n -webkit-animation-name: bounceOutUp;\n animation-name: bounceOutUp; }\n\n@-webkit-keyframes fadeIn {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n\n@keyframes fadeIn {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n\n.fadeIn {\n -webkit-animation-name: fadeIn;\n animation-name: fadeIn; }\n\n@-webkit-keyframes fadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInDown {\n -webkit-animation-name: fadeInDown;\n animation-name: fadeInDown; }\n\n@-webkit-keyframes fadeInDownBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInDownBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInDownBig {\n -webkit-animation-name: fadeInDownBig;\n animation-name: fadeInDownBig; }\n\n@-webkit-keyframes fadeInLeft {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInLeft {\n -webkit-animation-name: fadeInLeft;\n animation-name: fadeInLeft; }\n\n@-webkit-keyframes fadeInLeftBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInLeftBig {\n -webkit-animation-name: fadeInLeftBig;\n animation-name: fadeInLeftBig; }\n\n@-webkit-keyframes fadeInRight {\n from {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInRight {\n from {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInRight {\n -webkit-animation-name: fadeInRight;\n animation-name: fadeInRight; }\n\n@-webkit-keyframes fadeInRightBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInRightBig {\n -webkit-animation-name: fadeInRightBig;\n animation-name: fadeInRightBig; }\n\n@-webkit-keyframes fadeInUp {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInUp {\n -webkit-animation-name: fadeInUp;\n animation-name: fadeInUp; }\n\n@-webkit-keyframes fadeInUpBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInUpBig {\n -webkit-animation-name: fadeInUpBig;\n animation-name: fadeInUpBig; }\n\n@-webkit-keyframes fadeOut {\n from {\n opacity: 1; }\n to {\n opacity: 0; } }\n\n@keyframes fadeOut {\n from {\n opacity: 1; }\n to {\n opacity: 0; } }\n\n.fadeOut {\n -webkit-animation-name: fadeOut;\n animation-name: fadeOut; }\n\n@-webkit-keyframes fadeOutDown {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n@keyframes fadeOutDown {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n.fadeOutDown {\n -webkit-animation-name: fadeOutDown;\n animation-name: fadeOutDown; }\n\n@-webkit-keyframes fadeOutDownBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n@keyframes fadeOutDownBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n.fadeOutDownBig {\n -webkit-animation-name: fadeOutDownBig;\n animation-name: fadeOutDownBig; }\n\n@-webkit-keyframes fadeOutLeft {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n@keyframes fadeOutLeft {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n.fadeOutLeft {\n -webkit-animation-name: fadeOutLeft;\n animation-name: fadeOutLeft; }\n\n@-webkit-keyframes fadeOutLeftBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n@keyframes fadeOutLeftBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n.fadeOutLeftBig {\n -webkit-animation-name: fadeOutLeftBig;\n animation-name: fadeOutLeftBig; }\n\n@-webkit-keyframes fadeOutRight {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n@keyframes fadeOutRight {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n.fadeOutRight {\n -webkit-animation-name: fadeOutRight;\n animation-name: fadeOutRight; }\n\n@-webkit-keyframes fadeOutRightBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n@keyframes fadeOutRightBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n.fadeOutRightBig {\n -webkit-animation-name: fadeOutRightBig;\n animation-name: fadeOutRightBig; }\n\n@-webkit-keyframes fadeOutUp {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n@keyframes fadeOutUp {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n.fadeOutUp {\n -webkit-animation-name: fadeOutUp;\n animation-name: fadeOutUp; }\n\n@-webkit-keyframes fadeOutUpBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n@keyframes fadeOutUpBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n.fadeOutUpBig {\n -webkit-animation-name: fadeOutUpBig;\n animation-name: fadeOutUpBig; }\n\n@-webkit-keyframes flip {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 40% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 50% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 80% {\n -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; } }\n\n@keyframes flip {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 40% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 50% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 80% {\n -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; } }\n\n.animated.flip {\n -webkit-backface-visibility: visible;\n backface-visibility: visible;\n -webkit-animation-name: flip;\n animation-name: flip; }\n\n@-webkit-keyframes flipInX {\n from {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n@keyframes flipInX {\n from {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n.flipInX {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipInX;\n animation-name: flipInX; }\n\n@-webkit-keyframes flipInY {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n@keyframes flipInY {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n.flipInY {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipInY;\n animation-name: flipInY; }\n\n@-webkit-keyframes flipOutX {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0; } }\n\n@keyframes flipOutX {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0; } }\n\n.flipOutX {\n -webkit-animation-name: flipOutX;\n animation-name: flipOutX;\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important; }\n\n@-webkit-keyframes flipOutY {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n opacity: 0; } }\n\n@keyframes flipOutY {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n opacity: 0; } }\n\n.flipOutY {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipOutY;\n animation-name: flipOutY; }\n\n@-webkit-keyframes lightSpeedIn {\n from {\n -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\n transform: translate3d(100%, 0, 0) skewX(-30deg);\n opacity: 0; }\n 60% {\n -webkit-transform: skewX(20deg);\n transform: skewX(20deg);\n opacity: 1; }\n 80% {\n -webkit-transform: skewX(-5deg);\n transform: skewX(-5deg);\n opacity: 1; }\n to {\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes lightSpeedIn {\n from {\n -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\n transform: translate3d(100%, 0, 0) skewX(-30deg);\n opacity: 0; }\n 60% {\n -webkit-transform: skewX(20deg);\n transform: skewX(20deg);\n opacity: 1; }\n 80% {\n -webkit-transform: skewX(-5deg);\n transform: skewX(-5deg);\n opacity: 1; }\n to {\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.lightSpeedIn {\n -webkit-animation-name: lightSpeedIn;\n animation-name: lightSpeedIn;\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n\n@-webkit-keyframes lightSpeedOut {\n from {\n opacity: 1; }\n to {\n -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\n transform: translate3d(100%, 0, 0) skewX(30deg);\n opacity: 0; } }\n\n@keyframes lightSpeedOut {\n from {\n opacity: 1; }\n to {\n -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\n transform: translate3d(100%, 0, 0) skewX(30deg);\n opacity: 0; } }\n\n.lightSpeedOut {\n -webkit-animation-name: lightSpeedOut;\n animation-name: lightSpeedOut;\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n\n@-webkit-keyframes rotateIn {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, -200deg);\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateIn {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, -200deg);\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateIn {\n -webkit-animation-name: rotateIn;\n animation-name: rotateIn; }\n\n@-webkit-keyframes rotateInDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInDownLeft {\n -webkit-animation-name: rotateInDownLeft;\n animation-name: rotateInDownLeft; }\n\n@-webkit-keyframes rotateInDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInDownRight {\n -webkit-animation-name: rotateInDownRight;\n animation-name: rotateInDownRight; }\n\n@-webkit-keyframes rotateInUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInUpLeft {\n -webkit-animation-name: rotateInUpLeft;\n animation-name: rotateInUpLeft; }\n\n@-webkit-keyframes rotateInUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -90deg);\n transform: rotate3d(0, 0, 1, -90deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -90deg);\n transform: rotate3d(0, 0, 1, -90deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInUpRight {\n -webkit-animation-name: rotateInUpRight;\n animation-name: rotateInUpRight; }\n\n@-webkit-keyframes rotateOut {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n opacity: 1; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, 200deg);\n transform: rotate3d(0, 0, 1, 200deg);\n opacity: 0; } }\n\n@keyframes rotateOut {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n opacity: 1; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, 200deg);\n transform: rotate3d(0, 0, 1, 200deg);\n opacity: 0; } }\n\n.rotateOut {\n -webkit-animation-name: rotateOut;\n animation-name: rotateOut; }\n\n@-webkit-keyframes rotateOutDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; } }\n\n@keyframes rotateOutDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; } }\n\n.rotateOutDownLeft {\n -webkit-animation-name: rotateOutDownLeft;\n animation-name: rotateOutDownLeft; }\n\n@-webkit-keyframes rotateOutDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n@keyframes rotateOutDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n.rotateOutDownRight {\n -webkit-animation-name: rotateOutDownRight;\n animation-name: rotateOutDownRight; }\n\n@-webkit-keyframes rotateOutUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n@keyframes rotateOutUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n.rotateOutUpLeft {\n -webkit-animation-name: rotateOutUpLeft;\n animation-name: rotateOutUpLeft; }\n\n@-webkit-keyframes rotateOutUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 90deg);\n transform: rotate3d(0, 0, 1, 90deg);\n opacity: 0; } }\n\n@keyframes rotateOutUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 90deg);\n transform: rotate3d(0, 0, 1, 90deg);\n opacity: 0; } }\n\n.rotateOutUpRight {\n -webkit-animation-name: rotateOutUpRight;\n animation-name: rotateOutUpRight; }\n\n@-webkit-keyframes hinge {\n 0% {\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 20%, 60% {\n -webkit-transform: rotate3d(0, 0, 1, 80deg);\n transform: rotate3d(0, 0, 1, 80deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 40%, 80% {\n -webkit-transform: rotate3d(0, 0, 1, 60deg);\n transform: rotate3d(0, 0, 1, 60deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n opacity: 1; }\n to {\n -webkit-transform: translate3d(0, 700px, 0);\n transform: translate3d(0, 700px, 0);\n opacity: 0; } }\n\n@keyframes hinge {\n 0% {\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 20%, 60% {\n -webkit-transform: rotate3d(0, 0, 1, 80deg);\n transform: rotate3d(0, 0, 1, 80deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 40%, 80% {\n -webkit-transform: rotate3d(0, 0, 1, 60deg);\n transform: rotate3d(0, 0, 1, 60deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n opacity: 1; }\n to {\n -webkit-transform: translate3d(0, 700px, 0);\n transform: translate3d(0, 700px, 0);\n opacity: 0; } }\n\n.hinge {\n -webkit-animation-name: hinge;\n animation-name: hinge; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes rollIn {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes rollIn {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.rollIn {\n -webkit-animation-name: rollIn;\n animation-name: rollIn; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes rollOut {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }\n\n@keyframes rollOut {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }\n\n.rollOut {\n -webkit-animation-name: rollOut;\n animation-name: rollOut; }\n\n@-webkit-keyframes zoomIn {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 50% {\n opacity: 1; } }\n\n@keyframes zoomIn {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 50% {\n opacity: 1; } }\n\n.zoomIn {\n -webkit-animation-name: zoomIn;\n animation-name: zoomIn; }\n\n@-webkit-keyframes zoomInDown {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInDown {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInDown {\n -webkit-animation-name: zoomInDown;\n animation-name: zoomInDown; }\n\n@-webkit-keyframes zoomInLeft {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInLeft {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInLeft {\n -webkit-animation-name: zoomInLeft;\n animation-name: zoomInLeft; }\n\n@-webkit-keyframes zoomInRight {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInRight {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInRight {\n -webkit-animation-name: zoomInRight;\n animation-name: zoomInRight; }\n\n@-webkit-keyframes zoomInUp {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInUp {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInUp {\n -webkit-animation-name: zoomInUp;\n animation-name: zoomInUp; }\n\n@-webkit-keyframes zoomOut {\n from {\n opacity: 1; }\n 50% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n to {\n opacity: 0; } }\n\n@keyframes zoomOut {\n from {\n opacity: 1; }\n 50% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n to {\n opacity: 0; } }\n\n.zoomOut {\n -webkit-animation-name: zoomOut;\n animation-name: zoomOut; }\n\n@-webkit-keyframes zoomOutDown {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomOutDown {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomOutDown {\n -webkit-animation-name: zoomOutDown;\n animation-name: zoomOutDown; }\n\n@-webkit-keyframes zoomOutLeft {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);\n transform: scale(0.1) translate3d(-2000px, 0, 0);\n -webkit-transform-origin: left center;\n transform-origin: left center; } }\n\n@keyframes zoomOutLeft {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);\n transform: scale(0.1) translate3d(-2000px, 0, 0);\n -webkit-transform-origin: left center;\n transform-origin: left center; } }\n\n.zoomOutLeft {\n -webkit-animation-name: zoomOutLeft;\n animation-name: zoomOutLeft; }\n\n@-webkit-keyframes zoomOutRight {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);\n transform: scale(0.1) translate3d(2000px, 0, 0);\n -webkit-transform-origin: right center;\n transform-origin: right center; } }\n\n@keyframes zoomOutRight {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);\n transform: scale(0.1) translate3d(2000px, 0, 0);\n -webkit-transform-origin: right center;\n transform-origin: right center; } }\n\n.zoomOutRight {\n -webkit-animation-name: zoomOutRight;\n animation-name: zoomOutRight; }\n\n@-webkit-keyframes zoomOutUp {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomOutUp {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomOutUp {\n -webkit-animation-name: zoomOutUp;\n animation-name: zoomOutUp; }\n\n@-webkit-keyframes slideInDown {\n from {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInDown {\n from {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInDown {\n -webkit-animation-name: slideInDown;\n animation-name: slideInDown; }\n\n@-webkit-keyframes slideInLeft {\n from {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInLeft {\n from {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInLeft {\n -webkit-animation-name: slideInLeft;\n animation-name: slideInLeft; }\n\n@-webkit-keyframes slideInRight {\n from {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInRight {\n from {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInRight {\n -webkit-animation-name: slideInRight;\n animation-name: slideInRight; }\n\n@-webkit-keyframes slideInUp {\n from {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInUp {\n from {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInUp {\n -webkit-animation-name: slideInUp;\n animation-name: slideInUp; }\n\n@-webkit-keyframes slideOutDown {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n@keyframes slideOutDown {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n.slideOutDown {\n -webkit-animation-name: slideOutDown;\n animation-name: slideOutDown; }\n\n@-webkit-keyframes slideOutLeft {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n@keyframes slideOutLeft {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n.slideOutLeft {\n -webkit-animation-name: slideOutLeft;\n animation-name: slideOutLeft; }\n\n@-webkit-keyframes slideOutRight {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n@keyframes slideOutRight {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n.slideOutRight {\n -webkit-animation-name: slideOutRight;\n animation-name: slideOutRight; }\n\n@-webkit-keyframes slideOutUp {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n@keyframes slideOutUp {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n.slideOutUp {\n -webkit-animation-name: slideOutUp;\n animation-name: slideOutUp; }\n\n@keyframes bell {\n 10% {\n transform: translate3d(-0.0625rem, 0, 0) rotate(-2deg); }\n 20% {\n transform: translate3d(0.0625rem, 0, 0) rotate(4deg); }\n 30% {\n transform: translate3d(-0.125rem, 0, 0) rotate(-7deg); }\n 40% {\n transform: translate3d(0.125rem, 0, 0) rotate(10deg); }\n 50% {\n transform: translate3d(-0.125rem, 0, 0) rotate(-10deg); }\n 60% {\n transform: translate3d(0.125rem, 0, 0) rotate(10deg); }\n 70% {\n transform: translate3d(-0.125rem, 0, 0) rotate(-10deg); }\n 80% {\n transform: translate3d(0.0625rem, 0, 0) rotate(7deg); }\n 90% {\n transform: translate3d(-0.0625rem, 0, 0) rotate(-2deg); } }\n\n@keyframes shake {\n 10%, 90% {\n transform: translate3d(-0.0625rem, 0, 0); }\n 20%, 80% {\n transform: translate3d(0.125rem, 0, 0); }\n 30%, 50%, 70% {\n transform: translate3d(-0.25rem, 0, 0); }\n 40%, 60% {\n transform: translate3d(0.25rem, 0, 0); } }\n\n/**\n * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.\n *\n * Usage Example:\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n *\n * @include mdc-rtl {\n * left: auto;\n * right: 0;\n * }\n *\n * &__bar {\n * margin-left: 4px;\n * @include mdc-rtl(\".mdc-foo\") {\n * margin-left: auto;\n * margin-right: 4px;\n * }\n * }\n * }\n *\n * .mdc-foo--mod {\n * padding-left: 4px;\n *\n * @include mdc-rtl {\n * padding-left: auto;\n * padding-right: 4px;\n * }\n * }\n * ```\n *\n * Note that this works by checking for [dir=\"rtl\"] on an ancestor element. While this will work\n * in most cases, it will in some cases lead to false negatives, e.g.\n *\n * ```html\n * <html dir=\"rtl\">\n * <!-- ... -->\n * <div dir=\"ltr\">\n * <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n * </div>\n * </html>\n * ```\n *\n * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.\n */\n/**\n * Takes a base box-model property - e.g. margin / border / padding - along with a default\n * direction and value, and emits rules which apply the value to the\n * \"<base-property>-<default-direction>\" property by default, but flips the direction\n * when within an RTL context.\n *\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, left, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 8px;\n * margin-left: 0;\n * }\n * }\n * ```\n * whereas:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, right, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-right: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 0;\n * margin-left: 8px;\n * }\n * }\n * ```\n *\n * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,\n * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, \".mdc-component\")`.\n *\n * Note that this function will always zero out the original value in an RTL context. If you're\n * trying to flip the values, use mdc-rtl-reflexive-property().\n */\n/**\n * Takes a base property and emits rules that assign <base-property>-left to <left-value> and\n * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-property(margin, auto, 12px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: auto;\n * margin-right: 12px;\n *\n * @include mdc-rtl {\n * margin-left: 12px;\n * margin-right: auto;\n * }\n * }\n * ```\n *\n * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.\n */\n/**\n * Takes an argument specifying a horizontal position property (either \"left\" or \"right\") as well\n * as a value, and applies that value to the specified position in a LTR context, and flips it in a\n * RTL context. For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-position(left, 0);\n * position: absolute;\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n * right: initial;\n *\n * @include mdc-rtl {\n * right: 0;\n * left: initial;\n * }\n * }\n * ```\n * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.\n */\n/* TODO(sgomes): Figure out what to do about desktop font sizes. */\n/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */\n/* stylelint-disable selector-max-type */\n.mdc-form-field {\n font-family: Roboto, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 400;\n letter-spacing: 0.04em;\n text-decoration: inherit;\n text-transform: inherit;\n /* @alternate */\n color: rgba(0, 0, 0, 0.87);\n color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));\n display: inline-flex;\n align-items: center;\n vertical-align: middle; }\n .mdc-form-field--theme-dark,\n .mdc-theme--dark .mdc-form-field {\n /* @alternate */\n color: white;\n color: var(--mdc-theme-text-primary-on-dark, white); }\n .mdc-form-field > label {\n order: 0;\n margin-right: auto;\n padding-left: 4px; }\n [dir=\"rtl\"] .mdc-form-field > label, .mdc-form-field[dir=\"rtl\"] > label {\n margin-left: auto;\n padding-right: 4px; }\n\n.mdc-form-field--align-end > label {\n order: -1;\n margin-left: auto;\n padding-right: 4px; }\n\n[dir=\"rtl\"] .mdc-form-field--align-end > label, .mdc-form-field--align-end[dir=\"rtl\"] > label {\n margin-right: auto;\n padding-left: 4px; }\n\n/* stylelint-enable selector-max-type */\n/* Flexbox */\n/* Grid */\n/* Myg Grid */\nhtml, html.myg-theme--default {\n --color-accent-light: #4063e8;\n --color-accent-light: #042ecb;\n --color-accent-light: #052ab3;\n --color-accent-light: #ffffff;\n --color-accent-light: #bec7cf;\n --color-accent-light: #97a4b0;\n --color-accent-light: #657786;\n --color-accent-light: #3d4553;\n --color-accent-light: #14171A;\n --color-accent-light: #fcfcfc;\n --color-accent-light: #ffffff;\n --color-accent-light: #ffffff;\n --color-accent-light: #ecf2f7;\n --color-accent-light: #ebf5fe;\n --color-accent-light: #dce2e7;\n --color-accent-light: rgba(0, 0, 0, 0.05);\n --color-accent-light: #f6809a;\n --color-accent-light: #6adb83;\n --color-accent-light: rgba(231, 236, 240, 0.87); }\n\n/*!\n * animate.css -http://daneden.me/animate\n * Version - 3.5.1\n * Licensed under the MIT license - http://opensource.org/licenses/MIT\n *\n * Copyright (c) 2016 Daniel Eden\n */\n.animated {\n -webkit-animation-duration: 1s;\n animation-duration: 1s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both; }\n\n.animated.infinite {\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite; }\n\n.animated.hinge {\n -webkit-animation-duration: 2s;\n animation-duration: 2s; }\n\n.animated.flipOutX,\n.animated.flipOutY,\n.animated.bounceIn,\n.animated.bounceOut {\n -webkit-animation-duration: .75s;\n animation-duration: .75s; }\n\n@-webkit-keyframes bounce {\n from, 20%, 53%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 40%, 43% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -30px, 0);\n transform: translate3d(0, -30px, 0); }\n 70% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -15px, 0);\n transform: translate3d(0, -15px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -4px, 0);\n transform: translate3d(0, -4px, 0); } }\n\n@keyframes bounce {\n from, 20%, 53%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 40%, 43% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -30px, 0);\n transform: translate3d(0, -30px, 0); }\n 70% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -15px, 0);\n transform: translate3d(0, -15px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -4px, 0);\n transform: translate3d(0, -4px, 0); } }\n\n.bounce {\n -webkit-animation-name: bounce;\n animation-name: bounce;\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom; }\n\n@-webkit-keyframes flash {\n from, 50%, to {\n opacity: 1; }\n 25%, 75% {\n opacity: 0; } }\n\n@keyframes flash {\n from, 50%, to {\n opacity: 1; }\n 25%, 75% {\n opacity: 0; } }\n\n.flash {\n -webkit-animation-name: flash;\n animation-name: flash; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes pulse {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 50% {\n -webkit-transform: scale3d(1.05, 1.05, 1.05);\n transform: scale3d(1.05, 1.05, 1.05); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes pulse {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 50% {\n -webkit-transform: scale3d(1.05, 1.05, 1.05);\n transform: scale3d(1.05, 1.05, 1.05); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.pulse {\n -webkit-animation-name: pulse;\n animation-name: pulse; }\n\n@-webkit-keyframes rubberBand {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 30% {\n -webkit-transform: scale3d(1.25, 0.75, 1);\n transform: scale3d(1.25, 0.75, 1); }\n 40% {\n -webkit-transform: scale3d(0.75, 1.25, 1);\n transform: scale3d(0.75, 1.25, 1); }\n 50% {\n -webkit-transform: scale3d(1.15, 0.85, 1);\n transform: scale3d(1.15, 0.85, 1); }\n 65% {\n -webkit-transform: scale3d(0.95, 1.05, 1);\n transform: scale3d(0.95, 1.05, 1); }\n 75% {\n -webkit-transform: scale3d(1.05, 0.95, 1);\n transform: scale3d(1.05, 0.95, 1); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes rubberBand {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 30% {\n -webkit-transform: scale3d(1.25, 0.75, 1);\n transform: scale3d(1.25, 0.75, 1); }\n 40% {\n -webkit-transform: scale3d(0.75, 1.25, 1);\n transform: scale3d(0.75, 1.25, 1); }\n 50% {\n -webkit-transform: scale3d(1.15, 0.85, 1);\n transform: scale3d(1.15, 0.85, 1); }\n 65% {\n -webkit-transform: scale3d(0.95, 1.05, 1);\n transform: scale3d(0.95, 1.05, 1); }\n 75% {\n -webkit-transform: scale3d(1.05, 0.95, 1);\n transform: scale3d(1.05, 0.95, 1); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.rubberBand {\n -webkit-animation-name: rubberBand;\n animation-name: rubberBand; }\n\n@-webkit-keyframes shake {\n from, to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 10%, 30%, 50%, 70%, 90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 20%, 40%, 60%, 80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); } }\n\n@keyframes shake {\n from, to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 10%, 30%, 50%, 70%, 90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 20%, 40%, 60%, 80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); } }\n\n.shake {\n -webkit-animation-name: shake;\n animation-name: shake; }\n\n@-webkit-keyframes headShake {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0); }\n 6.5% {\n -webkit-transform: translateX(-6px) rotateY(-9deg);\n transform: translateX(-6px) rotateY(-9deg); }\n 18.5% {\n -webkit-transform: translateX(5px) rotateY(7deg);\n transform: translateX(5px) rotateY(7deg); }\n 31.5% {\n -webkit-transform: translateX(-3px) rotateY(-5deg);\n transform: translateX(-3px) rotateY(-5deg); }\n 43.5% {\n -webkit-transform: translateX(2px) rotateY(3deg);\n transform: translateX(2px) rotateY(3deg); }\n 50% {\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n@keyframes headShake {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0); }\n 6.5% {\n -webkit-transform: translateX(-6px) rotateY(-9deg);\n transform: translateX(-6px) rotateY(-9deg); }\n 18.5% {\n -webkit-transform: translateX(5px) rotateY(7deg);\n transform: translateX(5px) rotateY(7deg); }\n 31.5% {\n -webkit-transform: translateX(-3px) rotateY(-5deg);\n transform: translateX(-3px) rotateY(-5deg); }\n 43.5% {\n -webkit-transform: translateX(2px) rotateY(3deg);\n transform: translateX(2px) rotateY(3deg); }\n 50% {\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n.headShake {\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n -webkit-animation-name: headShake;\n animation-name: headShake; }\n\n@-webkit-keyframes swing {\n 20% {\n -webkit-transform: rotate3d(0, 0, 1, 15deg);\n transform: rotate3d(0, 0, 1, 15deg); }\n 40% {\n -webkit-transform: rotate3d(0, 0, 1, -10deg);\n transform: rotate3d(0, 0, 1, -10deg); }\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 5deg);\n transform: rotate3d(0, 0, 1, 5deg); }\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, -5deg);\n transform: rotate3d(0, 0, 1, -5deg); }\n to {\n -webkit-transform: rotate3d(0, 0, 1, 0deg);\n transform: rotate3d(0, 0, 1, 0deg); } }\n\n@keyframes swing {\n 20% {\n -webkit-transform: rotate3d(0, 0, 1, 15deg);\n transform: rotate3d(0, 0, 1, 15deg); }\n 40% {\n -webkit-transform: rotate3d(0, 0, 1, -10deg);\n transform: rotate3d(0, 0, 1, -10deg); }\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 5deg);\n transform: rotate3d(0, 0, 1, 5deg); }\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, -5deg);\n transform: rotate3d(0, 0, 1, -5deg); }\n to {\n -webkit-transform: rotate3d(0, 0, 1, 0deg);\n transform: rotate3d(0, 0, 1, 0deg); } }\n\n.swing {\n -webkit-transform-origin: top center;\n transform-origin: top center;\n -webkit-animation-name: swing;\n animation-name: swing; }\n\n@-webkit-keyframes tada {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 10%, 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }\n 30%, 50%, 70%, 90% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }\n 40%, 60%, 80% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes tada {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 10%, 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }\n 30%, 50%, 70%, 90% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }\n 40%, 60%, 80% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.tada {\n -webkit-animation-name: tada;\n animation-name: tada; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes wobble {\n from {\n -webkit-transform: none;\n transform: none; }\n 15% {\n -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }\n 30% {\n -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }\n 45% {\n -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }\n 60% {\n -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }\n 75% {\n -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes wobble {\n from {\n -webkit-transform: none;\n transform: none; }\n 15% {\n -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }\n 30% {\n -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }\n 45% {\n -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }\n 60% {\n -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }\n 75% {\n -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.wobble {\n -webkit-animation-name: wobble;\n animation-name: wobble; }\n\n@-webkit-keyframes jello {\n from, 11.1%, to {\n -webkit-transform: none;\n transform: none; }\n 22.2% {\n -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\n transform: skewX(-12.5deg) skewY(-12.5deg); }\n 33.3% {\n -webkit-transform: skewX(6.25deg) skewY(6.25deg);\n transform: skewX(6.25deg) skewY(6.25deg); }\n 44.4% {\n -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\n transform: skewX(-3.125deg) skewY(-3.125deg); }\n 55.5% {\n -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\n transform: skewX(1.5625deg) skewY(1.5625deg); }\n 66.6% {\n -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);\n transform: skewX(-0.78125deg) skewY(-0.78125deg); }\n 77.7% {\n -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);\n transform: skewX(0.39063deg) skewY(0.39063deg); }\n 88.8% {\n -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);\n transform: skewX(-0.19531deg) skewY(-0.19531deg); } }\n\n@keyframes jello {\n from, 11.1%, to {\n -webkit-transform: none;\n transform: none; }\n 22.2% {\n -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\n transform: skewX(-12.5deg) skewY(-12.5deg); }\n 33.3% {\n -webkit-transform: skewX(6.25deg) skewY(6.25deg);\n transform: skewX(6.25deg) skewY(6.25deg); }\n 44.4% {\n -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\n transform: skewX(-3.125deg) skewY(-3.125deg); }\n 55.5% {\n -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\n transform: skewX(1.5625deg) skewY(1.5625deg); }\n 66.6% {\n -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);\n transform: skewX(-0.78125deg) skewY(-0.78125deg); }\n 77.7% {\n -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);\n transform: skewX(0.39063deg) skewY(0.39063deg); }\n 88.8% {\n -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);\n transform: skewX(-0.19531deg) skewY(-0.19531deg); } }\n\n.jello {\n -webkit-animation-name: jello;\n animation-name: jello;\n -webkit-transform-origin: center;\n transform-origin: center; }\n\n@-webkit-keyframes bounceIn {\n from, 20%, 40%, 60%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 20% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n 40% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(1.03, 1.03, 1.03);\n transform: scale3d(1.03, 1.03, 1.03); }\n 80% {\n -webkit-transform: scale3d(0.97, 0.97, 0.97);\n transform: scale3d(0.97, 0.97, 0.97); }\n to {\n opacity: 1;\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes bounceIn {\n from, 20%, 40%, 60%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 20% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n 40% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(1.03, 1.03, 1.03);\n transform: scale3d(1.03, 1.03, 1.03); }\n 80% {\n -webkit-transform: scale3d(0.97, 0.97, 0.97);\n transform: scale3d(0.97, 0.97, 0.97); }\n to {\n opacity: 1;\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.bounceIn {\n -webkit-animation-name: bounceIn;\n animation-name: bounceIn; }\n\n@-webkit-keyframes bounceInDown {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -3000px, 0);\n transform: translate3d(0, -3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, 25px, 0);\n transform: translate3d(0, 25px, 0); }\n 75% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes bounceInDown {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -3000px, 0);\n transform: translate3d(0, -3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, 25px, 0);\n transform: translate3d(0, 25px, 0); }\n 75% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.bounceInDown {\n -webkit-animation-name: bounceInDown;\n animation-name: bounceInDown; }\n\n@-webkit-keyframes bounceInLeft {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(-3000px, 0, 0);\n transform: translate3d(-3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(25px, 0, 0);\n transform: translate3d(25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(5px, 0, 0);\n transform: translate3d(5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes bounceInLeft {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(-3000px, 0, 0);\n transform: translate3d(-3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(25px, 0, 0);\n transform: translate3d(25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(5px, 0, 0);\n transform: translate3d(5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.bounceInLeft {\n -webkit-animation-name: bounceInLeft;\n animation-name: bounceInLeft; }\n\n@-webkit-keyframes bounceInRight {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(3000px, 0, 0);\n transform: translate3d(3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(-25px, 0, 0);\n transform: translate3d(-25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(-5px, 0, 0);\n transform: translate3d(-5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes bounceInRight {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(3000px, 0, 0);\n transform: translate3d(3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(-25px, 0, 0);\n transform: translate3d(-25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(-5px, 0, 0);\n transform: translate3d(-5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.bounceInRight {\n -webkit-animation-name: bounceInRight;\n animation-name: bounceInRight; }\n\n@-webkit-keyframes bounceInUp {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 3000px, 0);\n transform: translate3d(0, 3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n 75% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -5px, 0);\n transform: translate3d(0, -5px, 0); }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes bounceInUp {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 3000px, 0);\n transform: translate3d(0, 3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n 75% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -5px, 0);\n transform: translate3d(0, -5px, 0); }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.bounceInUp {\n -webkit-animation-name: bounceInUp;\n animation-name: bounceInUp; }\n\n@-webkit-keyframes bounceOut {\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 50%, 55% {\n opacity: 1;\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); } }\n\n@keyframes bounceOut {\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 50%, 55% {\n opacity: 1;\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); } }\n\n.bounceOut {\n -webkit-animation-name: bounceOut;\n animation-name: bounceOut; }\n\n@-webkit-keyframes bounceOutDown {\n 20% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n@keyframes bounceOutDown {\n 20% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n.bounceOutDown {\n -webkit-animation-name: bounceOutDown;\n animation-name: bounceOutDown; }\n\n@-webkit-keyframes bounceOutLeft {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(20px, 0, 0);\n transform: translate3d(20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n@keyframes bounceOutLeft {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(20px, 0, 0);\n transform: translate3d(20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n.bounceOutLeft {\n -webkit-animation-name: bounceOutLeft;\n animation-name: bounceOutLeft; }\n\n@-webkit-keyframes bounceOutRight {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(-20px, 0, 0);\n transform: translate3d(-20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n@keyframes bounceOutRight {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(-20px, 0, 0);\n transform: translate3d(-20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n.bounceOutRight {\n -webkit-animation-name: bounceOutRight;\n animation-name: bounceOutRight; }\n\n@-webkit-keyframes bounceOutUp {\n 20% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, 20px, 0);\n transform: translate3d(0, 20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n@keyframes bounceOutUp {\n 20% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, 20px, 0);\n transform: translate3d(0, 20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n.bounceOutUp {\n -webkit-animation-name: bounceOutUp;\n animation-name: bounceOutUp; }\n\n@-webkit-keyframes fadeIn {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n\n@keyframes fadeIn {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n\n.fadeIn {\n -webkit-animation-name: fadeIn;\n animation-name: fadeIn; }\n\n@-webkit-keyframes fadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInDown {\n -webkit-animation-name: fadeInDown;\n animation-name: fadeInDown; }\n\n@-webkit-keyframes fadeInDownBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInDownBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInDownBig {\n -webkit-animation-name: fadeInDownBig;\n animation-name: fadeInDownBig; }\n\n@-webkit-keyframes fadeInLeft {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInLeft {\n -webkit-animation-name: fadeInLeft;\n animation-name: fadeInLeft; }\n\n@-webkit-keyframes fadeInLeftBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInLeftBig {\n -webkit-animation-name: fadeInLeftBig;\n animation-name: fadeInLeftBig; }\n\n@-webkit-keyframes fadeInRight {\n from {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInRight {\n from {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInRight {\n -webkit-animation-name: fadeInRight;\n animation-name: fadeInRight; }\n\n@-webkit-keyframes fadeInRightBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInRightBig {\n -webkit-animation-name: fadeInRightBig;\n animation-name: fadeInRightBig; }\n\n@-webkit-keyframes fadeInUp {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInUp {\n -webkit-animation-name: fadeInUp;\n animation-name: fadeInUp; }\n\n@-webkit-keyframes fadeInUpBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInUpBig {\n -webkit-animation-name: fadeInUpBig;\n animation-name: fadeInUpBig; }\n\n@-webkit-keyframes fadeOut {\n from {\n opacity: 1; }\n to {\n opacity: 0; } }\n\n@keyframes fadeOut {\n from {\n opacity: 1; }\n to {\n opacity: 0; } }\n\n.fadeOut {\n -webkit-animation-name: fadeOut;\n animation-name: fadeOut; }\n\n@-webkit-keyframes fadeOutDown {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n@keyframes fadeOutDown {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n.fadeOutDown {\n -webkit-animation-name: fadeOutDown;\n animation-name: fadeOutDown; }\n\n@-webkit-keyframes fadeOutDownBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n@keyframes fadeOutDownBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n.fadeOutDownBig {\n -webkit-animation-name: fadeOutDownBig;\n animation-name: fadeOutDownBig; }\n\n@-webkit-keyframes fadeOutLeft {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n@keyframes fadeOutLeft {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n.fadeOutLeft {\n -webkit-animation-name: fadeOutLeft;\n animation-name: fadeOutLeft; }\n\n@-webkit-keyframes fadeOutLeftBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n@keyframes fadeOutLeftBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n.fadeOutLeftBig {\n -webkit-animation-name: fadeOutLeftBig;\n animation-name: fadeOutLeftBig; }\n\n@-webkit-keyframes fadeOutRight {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n@keyframes fadeOutRight {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n.fadeOutRight {\n -webkit-animation-name: fadeOutRight;\n animation-name: fadeOutRight; }\n\n@-webkit-keyframes fadeOutRightBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n@keyframes fadeOutRightBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n.fadeOutRightBig {\n -webkit-animation-name: fadeOutRightBig;\n animation-name: fadeOutRightBig; }\n\n@-webkit-keyframes fadeOutUp {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n@keyframes fadeOutUp {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n.fadeOutUp {\n -webkit-animation-name: fadeOutUp;\n animation-name: fadeOutUp; }\n\n@-webkit-keyframes fadeOutUpBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n@keyframes fadeOutUpBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n.fadeOutUpBig {\n -webkit-animation-name: fadeOutUpBig;\n animation-name: fadeOutUpBig; }\n\n@-webkit-keyframes flip {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 40% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 50% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 80% {\n -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; } }\n\n@keyframes flip {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 40% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 50% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 80% {\n -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; } }\n\n.animated.flip {\n -webkit-backface-visibility: visible;\n backface-visibility: visible;\n -webkit-animation-name: flip;\n animation-name: flip; }\n\n@-webkit-keyframes flipInX {\n from {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n@keyframes flipInX {\n from {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n.flipInX {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipInX;\n animation-name: flipInX; }\n\n@-webkit-keyframes flipInY {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n@keyframes flipInY {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n.flipInY {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipInY;\n animation-name: flipInY; }\n\n@-webkit-keyframes flipOutX {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0; } }\n\n@keyframes flipOutX {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0; } }\n\n.flipOutX {\n -webkit-animation-name: flipOutX;\n animation-name: flipOutX;\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important; }\n\n@-webkit-keyframes flipOutY {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n opacity: 0; } }\n\n@keyframes flipOutY {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n opacity: 0; } }\n\n.flipOutY {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipOutY;\n animation-name: flipOutY; }\n\n@-webkit-keyframes lightSpeedIn {\n from {\n -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\n transform: translate3d(100%, 0, 0) skewX(-30deg);\n opacity: 0; }\n 60% {\n -webkit-transform: skewX(20deg);\n transform: skewX(20deg);\n opacity: 1; }\n 80% {\n -webkit-transform: skewX(-5deg);\n transform: skewX(-5deg);\n opacity: 1; }\n to {\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes lightSpeedIn {\n from {\n -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\n transform: translate3d(100%, 0, 0) skewX(-30deg);\n opacity: 0; }\n 60% {\n -webkit-transform: skewX(20deg);\n transform: skewX(20deg);\n opacity: 1; }\n 80% {\n -webkit-transform: skewX(-5deg);\n transform: skewX(-5deg);\n opacity: 1; }\n to {\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.lightSpeedIn {\n -webkit-animation-name: lightSpeedIn;\n animation-name: lightSpeedIn;\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n\n@-webkit-keyframes lightSpeedOut {\n from {\n opacity: 1; }\n to {\n -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\n transform: translate3d(100%, 0, 0) skewX(30deg);\n opacity: 0; } }\n\n@keyframes lightSpeedOut {\n from {\n opacity: 1; }\n to {\n -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\n transform: translate3d(100%, 0, 0) skewX(30deg);\n opacity: 0; } }\n\n.lightSpeedOut {\n -webkit-animation-name: lightSpeedOut;\n animation-name: lightSpeedOut;\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n\n@-webkit-keyframes rotateIn {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, -200deg);\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateIn {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, -200deg);\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateIn {\n -webkit-animation-name: rotateIn;\n animation-name: rotateIn; }\n\n@-webkit-keyframes rotateInDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInDownLeft {\n -webkit-animation-name: rotateInDownLeft;\n animation-name: rotateInDownLeft; }\n\n@-webkit-keyframes rotateInDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInDownRight {\n -webkit-animation-name: rotateInDownRight;\n animation-name: rotateInDownRight; }\n\n@-webkit-keyframes rotateInUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInUpLeft {\n -webkit-animation-name: rotateInUpLeft;\n animation-name: rotateInUpLeft; }\n\n@-webkit-keyframes rotateInUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -90deg);\n transform: rotate3d(0, 0, 1, -90deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -90deg);\n transform: rotate3d(0, 0, 1, -90deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInUpRight {\n -webkit-animation-name: rotateInUpRight;\n animation-name: rotateInUpRight; }\n\n@-webkit-keyframes rotateOut {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n opacity: 1; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, 200deg);\n transform: rotate3d(0, 0, 1, 200deg);\n opacity: 0; } }\n\n@keyframes rotateOut {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n opacity: 1; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, 200deg);\n transform: rotate3d(0, 0, 1, 200deg);\n opacity: 0; } }\n\n.rotateOut {\n -webkit-animation-name: rotateOut;\n animation-name: rotateOut; }\n\n@-webkit-keyframes rotateOutDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; } }\n\n@keyframes rotateOutDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; } }\n\n.rotateOutDownLeft {\n -webkit-animation-name: rotateOutDownLeft;\n animation-name: rotateOutDownLeft; }\n\n@-webkit-keyframes rotateOutDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n@keyframes rotateOutDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n.rotateOutDownRight {\n -webkit-animation-name: rotateOutDownRight;\n animation-name: rotateOutDownRight; }\n\n@-webkit-keyframes rotateOutUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n@keyframes rotateOutUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n.rotateOutUpLeft {\n -webkit-animation-name: rotateOutUpLeft;\n animation-name: rotateOutUpLeft; }\n\n@-webkit-keyframes rotateOutUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 90deg);\n transform: rotate3d(0, 0, 1, 90deg);\n opacity: 0; } }\n\n@keyframes rotateOutUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 90deg);\n transform: rotate3d(0, 0, 1, 90deg);\n opacity: 0; } }\n\n.rotateOutUpRight {\n -webkit-animation-name: rotateOutUpRight;\n animation-name: rotateOutUpRight; }\n\n@-webkit-keyframes hinge {\n 0% {\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 20%, 60% {\n -webkit-transform: rotate3d(0, 0, 1, 80deg);\n transform: rotate3d(0, 0, 1, 80deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 40%, 80% {\n -webkit-transform: rotate3d(0, 0, 1, 60deg);\n transform: rotate3d(0, 0, 1, 60deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n opacity: 1; }\n to {\n -webkit-transform: translate3d(0, 700px, 0);\n transform: translate3d(0, 700px, 0);\n opacity: 0; } }\n\n@keyframes hinge {\n 0% {\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 20%, 60% {\n -webkit-transform: rotate3d(0, 0, 1, 80deg);\n transform: rotate3d(0, 0, 1, 80deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 40%, 80% {\n -webkit-transform: rotate3d(0, 0, 1, 60deg);\n transform: rotate3d(0, 0, 1, 60deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n opacity: 1; }\n to {\n -webkit-transform: translate3d(0, 700px, 0);\n transform: translate3d(0, 700px, 0);\n opacity: 0; } }\n\n.hinge {\n -webkit-animation-name: hinge;\n animation-name: hinge; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes rollIn {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes rollIn {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.rollIn {\n -webkit-animation-name: rollIn;\n animation-name: rollIn; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes rollOut {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }\n\n@keyframes rollOut {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }\n\n.rollOut {\n -webkit-animation-name: rollOut;\n animation-name: rollOut; }\n\n@-webkit-keyframes zoomIn {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 50% {\n opacity: 1; } }\n\n@keyframes zoomIn {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 50% {\n opacity: 1; } }\n\n.zoomIn {\n -webkit-animation-name: zoomIn;\n animation-name: zoomIn; }\n\n@-webkit-keyframes zoomInDown {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInDown {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInDown {\n -webkit-animation-name: zoomInDown;\n animation-name: zoomInDown; }\n\n@-webkit-keyframes zoomInLeft {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInLeft {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInLeft {\n -webkit-animation-name: zoomInLeft;\n animation-name: zoomInLeft; }\n\n@-webkit-keyframes zoomInRight {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInRight {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInRight {\n -webkit-animation-name: zoomInRight;\n animation-name: zoomInRight; }\n\n@-webkit-keyframes zoomInUp {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInUp {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInUp {\n -webkit-animation-name: zoomInUp;\n animation-name: zoomInUp; }\n\n@-webkit-keyframes zoomOut {\n from {\n opacity: 1; }\n 50% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n to {\n opacity: 0; } }\n\n@keyframes zoomOut {\n from {\n opacity: 1; }\n 50% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n to {\n opacity: 0; } }\n\n.zoomOut {\n -webkit-animation-name: zoomOut;\n animation-name: zoomOut; }\n\n@-webkit-keyframes zoomOutDown {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomOutDown {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomOutDown {\n -webkit-animation-name: zoomOutDown;\n animation-name: zoomOutDown; }\n\n@-webkit-keyframes zoomOutLeft {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);\n transform: scale(0.1) translate3d(-2000px, 0, 0);\n -webkit-transform-origin: left center;\n transform-origin: left center; } }\n\n@keyframes zoomOutLeft {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);\n transform: scale(0.1) translate3d(-2000px, 0, 0);\n -webkit-transform-origin: left center;\n transform-origin: left center; } }\n\n.zoomOutLeft {\n -webkit-animation-name: zoomOutLeft;\n animation-name: zoomOutLeft; }\n\n@-webkit-keyframes zoomOutRight {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);\n transform: scale(0.1) translate3d(2000px, 0, 0);\n -webkit-transform-origin: right center;\n transform-origin: right center; } }\n\n@keyframes zoomOutRight {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);\n transform: scale(0.1) translate3d(2000px, 0, 0);\n -webkit-transform-origin: right center;\n transform-origin: right center; } }\n\n.zoomOutRight {\n -webkit-animation-name: zoomOutRight;\n animation-name: zoomOutRight; }\n\n@-webkit-keyframes zoomOutUp {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomOutUp {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomOutUp {\n -webkit-animation-name: zoomOutUp;\n animation-name: zoomOutUp; }\n\n@-webkit-keyframes slideInDown {\n from {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInDown {\n from {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInDown {\n -webkit-animation-name: slideInDown;\n animation-name: slideInDown; }\n\n@-webkit-keyframes slideInLeft {\n from {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInLeft {\n from {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInLeft {\n -webkit-animation-name: slideInLeft;\n animation-name: slideInLeft; }\n\n@-webkit-keyframes slideInRight {\n from {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInRight {\n from {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInRight {\n -webkit-animation-name: slideInRight;\n animation-name: slideInRight; }\n\n@-webkit-keyframes slideInUp {\n from {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInUp {\n from {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInUp {\n -webkit-animation-name: slideInUp;\n animation-name: slideInUp; }\n\n@-webkit-keyframes slideOutDown {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n@keyframes slideOutDown {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n.slideOutDown {\n -webkit-animation-name: slideOutDown;\n animation-name: slideOutDown; }\n\n@-webkit-keyframes slideOutLeft {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n@keyframes slideOutLeft {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n.slideOutLeft {\n -webkit-animation-name: slideOutLeft;\n animation-name: slideOutLeft; }\n\n@-webkit-keyframes slideOutRight {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n@keyframes slideOutRight {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n.slideOutRight {\n -webkit-animation-name: slideOutRight;\n animation-name: slideOutRight; }\n\n@-webkit-keyframes slideOutUp {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n@keyframes slideOutUp {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n.slideOutUp {\n -webkit-animation-name: slideOutUp;\n animation-name: slideOutUp; }\n\n@keyframes bell {\n 10% {\n transform: translate3d(-0.0625rem, 0, 0) rotate(-2deg); }\n 20% {\n transform: translate3d(0.0625rem, 0, 0) rotate(4deg); }\n 30% {\n transform: translate3d(-0.125rem, 0, 0) rotate(-7deg); }\n 40% {\n transform: translate3d(0.125rem, 0, 0) rotate(10deg); }\n 50% {\n transform: translate3d(-0.125rem, 0, 0) rotate(-10deg); }\n 60% {\n transform: translate3d(0.125rem, 0, 0) rotate(10deg); }\n 70% {\n transform: translate3d(-0.125rem, 0, 0) rotate(-10deg); }\n 80% {\n transform: translate3d(0.0625rem, 0, 0) rotate(7deg); }\n 90% {\n transform: translate3d(-0.0625rem, 0, 0) rotate(-2deg); } }\n\n@keyframes shake {\n 10%, 90% {\n transform: translate3d(-0.0625rem, 0, 0); }\n 20%, 80% {\n transform: translate3d(0.125rem, 0, 0); }\n 30%, 50%, 70% {\n transform: translate3d(-0.25rem, 0, 0); }\n 40%, 60% {\n transform: translate3d(0.25rem, 0, 0); } }\n\nhtml, html.myg-theme--default {\n --color-accent-light: #4063e8;\n --color-accent-light: #042ecb;\n --color-accent-light: #052ab3;\n --color-accent-light: #ffffff;\n --color-accent-light: #bec7cf;\n --color-accent-light: #97a4b0;\n --color-accent-light: #657786;\n --color-accent-light: #3d4553;\n --color-accent-light: #14171A;\n --color-accent-light: #fcfcfc;\n --color-accent-light: #ffffff;\n --color-accent-light: #ffffff;\n --color-accent-light: #ecf2f7;\n --color-accent-light: #ebf5fe;\n --color-accent-light: #dce2e7;\n --color-accent-light: rgba(0, 0, 0, 0.05);\n --color-accent-light: #f6809a;\n --color-accent-light: #6adb83;\n --color-accent-light: rgba(231, 236, 240, 0.87); }\n\n/*!\n * animate.css -http://daneden.me/animate\n * Version - 3.5.1\n * Licensed under the MIT license - http://opensource.org/licenses/MIT\n *\n * Copyright (c) 2016 Daniel Eden\n */\n.animated {\n -webkit-animation-duration: 1s;\n animation-duration: 1s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both; }\n\n.animated.infinite {\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite; }\n\n.animated.hinge {\n -webkit-animation-duration: 2s;\n animation-duration: 2s; }\n\n.animated.flipOutX,\n.animated.flipOutY,\n.animated.bounceIn,\n.animated.bounceOut {\n -webkit-animation-duration: .75s;\n animation-duration: .75s; }\n\n@-webkit-keyframes bounce {\n from, 20%, 53%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 40%, 43% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -30px, 0);\n transform: translate3d(0, -30px, 0); }\n 70% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -15px, 0);\n transform: translate3d(0, -15px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -4px, 0);\n transform: translate3d(0, -4px, 0); } }\n\n@keyframes bounce {\n from, 20%, 53%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 40%, 43% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -30px, 0);\n transform: translate3d(0, -30px, 0); }\n 70% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -15px, 0);\n transform: translate3d(0, -15px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -4px, 0);\n transform: translate3d(0, -4px, 0); } }\n\n.bounce {\n -webkit-animation-name: bounce;\n animation-name: bounce;\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom; }\n\n@-webkit-keyframes flash {\n from, 50%, to {\n opacity: 1; }\n 25%, 75% {\n opacity: 0; } }\n\n@keyframes flash {\n from, 50%, to {\n opacity: 1; }\n 25%, 75% {\n opacity: 0; } }\n\n.flash {\n -webkit-animation-name: flash;\n animation-name: flash; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes pulse {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 50% {\n -webkit-transform: scale3d(1.05, 1.05, 1.05);\n transform: scale3d(1.05, 1.05, 1.05); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes pulse {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 50% {\n -webkit-transform: scale3d(1.05, 1.05, 1.05);\n transform: scale3d(1.05, 1.05, 1.05); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.pulse {\n -webkit-animation-name: pulse;\n animation-name: pulse; }\n\n@-webkit-keyframes rubberBand {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 30% {\n -webkit-transform: scale3d(1.25, 0.75, 1);\n transform: scale3d(1.25, 0.75, 1); }\n 40% {\n -webkit-transform: scale3d(0.75, 1.25, 1);\n transform: scale3d(0.75, 1.25, 1); }\n 50% {\n -webkit-transform: scale3d(1.15, 0.85, 1);\n transform: scale3d(1.15, 0.85, 1); }\n 65% {\n -webkit-transform: scale3d(0.95, 1.05, 1);\n transform: scale3d(0.95, 1.05, 1); }\n 75% {\n -webkit-transform: scale3d(1.05, 0.95, 1);\n transform: scale3d(1.05, 0.95, 1); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes rubberBand {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 30% {\n -webkit-transform: scale3d(1.25, 0.75, 1);\n transform: scale3d(1.25, 0.75, 1); }\n 40% {\n -webkit-transform: scale3d(0.75, 1.25, 1);\n transform: scale3d(0.75, 1.25, 1); }\n 50% {\n -webkit-transform: scale3d(1.15, 0.85, 1);\n transform: scale3d(1.15, 0.85, 1); }\n 65% {\n -webkit-transform: scale3d(0.95, 1.05, 1);\n transform: scale3d(0.95, 1.05, 1); }\n 75% {\n -webkit-transform: scale3d(1.05, 0.95, 1);\n transform: scale3d(1.05, 0.95, 1); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.rubberBand {\n -webkit-animation-name: rubberBand;\n animation-name: rubberBand; }\n\n@-webkit-keyframes shake {\n from, to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 10%, 30%, 50%, 70%, 90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 20%, 40%, 60%, 80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); } }\n\n@keyframes shake {\n from, to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n 10%, 30%, 50%, 70%, 90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 20%, 40%, 60%, 80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); } }\n\n.shake {\n -webkit-animation-name: shake;\n animation-name: shake; }\n\n@-webkit-keyframes headShake {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0); }\n 6.5% {\n -webkit-transform: translateX(-6px) rotateY(-9deg);\n transform: translateX(-6px) rotateY(-9deg); }\n 18.5% {\n -webkit-transform: translateX(5px) rotateY(7deg);\n transform: translateX(5px) rotateY(7deg); }\n 31.5% {\n -webkit-transform: translateX(-3px) rotateY(-5deg);\n transform: translateX(-3px) rotateY(-5deg); }\n 43.5% {\n -webkit-transform: translateX(2px) rotateY(3deg);\n transform: translateX(2px) rotateY(3deg); }\n 50% {\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n@keyframes headShake {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0); }\n 6.5% {\n -webkit-transform: translateX(-6px) rotateY(-9deg);\n transform: translateX(-6px) rotateY(-9deg); }\n 18.5% {\n -webkit-transform: translateX(5px) rotateY(7deg);\n transform: translateX(5px) rotateY(7deg); }\n 31.5% {\n -webkit-transform: translateX(-3px) rotateY(-5deg);\n transform: translateX(-3px) rotateY(-5deg); }\n 43.5% {\n -webkit-transform: translateX(2px) rotateY(3deg);\n transform: translateX(2px) rotateY(3deg); }\n 50% {\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n.headShake {\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n -webkit-animation-name: headShake;\n animation-name: headShake; }\n\n@-webkit-keyframes swing {\n 20% {\n -webkit-transform: rotate3d(0, 0, 1, 15deg);\n transform: rotate3d(0, 0, 1, 15deg); }\n 40% {\n -webkit-transform: rotate3d(0, 0, 1, -10deg);\n transform: rotate3d(0, 0, 1, -10deg); }\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 5deg);\n transform: rotate3d(0, 0, 1, 5deg); }\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, -5deg);\n transform: rotate3d(0, 0, 1, -5deg); }\n to {\n -webkit-transform: rotate3d(0, 0, 1, 0deg);\n transform: rotate3d(0, 0, 1, 0deg); } }\n\n@keyframes swing {\n 20% {\n -webkit-transform: rotate3d(0, 0, 1, 15deg);\n transform: rotate3d(0, 0, 1, 15deg); }\n 40% {\n -webkit-transform: rotate3d(0, 0, 1, -10deg);\n transform: rotate3d(0, 0, 1, -10deg); }\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 5deg);\n transform: rotate3d(0, 0, 1, 5deg); }\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, -5deg);\n transform: rotate3d(0, 0, 1, -5deg); }\n to {\n -webkit-transform: rotate3d(0, 0, 1, 0deg);\n transform: rotate3d(0, 0, 1, 0deg); } }\n\n.swing {\n -webkit-transform-origin: top center;\n transform-origin: top center;\n -webkit-animation-name: swing;\n animation-name: swing; }\n\n@-webkit-keyframes tada {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 10%, 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }\n 30%, 50%, 70%, 90% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }\n 40%, 60%, 80% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes tada {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); }\n 10%, 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }\n 30%, 50%, 70%, 90% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }\n 40%, 60%, 80% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.tada {\n -webkit-animation-name: tada;\n animation-name: tada; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes wobble {\n from {\n -webkit-transform: none;\n transform: none; }\n 15% {\n -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }\n 30% {\n -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }\n 45% {\n -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }\n 60% {\n -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }\n 75% {\n -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes wobble {\n from {\n -webkit-transform: none;\n transform: none; }\n 15% {\n -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }\n 30% {\n -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }\n 45% {\n -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }\n 60% {\n -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }\n 75% {\n -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.wobble {\n -webkit-animation-name: wobble;\n animation-name: wobble; }\n\n@-webkit-keyframes jello {\n from, 11.1%, to {\n -webkit-transform: none;\n transform: none; }\n 22.2% {\n -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\n transform: skewX(-12.5deg) skewY(-12.5deg); }\n 33.3% {\n -webkit-transform: skewX(6.25deg) skewY(6.25deg);\n transform: skewX(6.25deg) skewY(6.25deg); }\n 44.4% {\n -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\n transform: skewX(-3.125deg) skewY(-3.125deg); }\n 55.5% {\n -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\n transform: skewX(1.5625deg) skewY(1.5625deg); }\n 66.6% {\n -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);\n transform: skewX(-0.78125deg) skewY(-0.78125deg); }\n 77.7% {\n -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);\n transform: skewX(0.39063deg) skewY(0.39063deg); }\n 88.8% {\n -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);\n transform: skewX(-0.19531deg) skewY(-0.19531deg); } }\n\n@keyframes jello {\n from, 11.1%, to {\n -webkit-transform: none;\n transform: none; }\n 22.2% {\n -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\n transform: skewX(-12.5deg) skewY(-12.5deg); }\n 33.3% {\n -webkit-transform: skewX(6.25deg) skewY(6.25deg);\n transform: skewX(6.25deg) skewY(6.25deg); }\n 44.4% {\n -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\n transform: skewX(-3.125deg) skewY(-3.125deg); }\n 55.5% {\n -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\n transform: skewX(1.5625deg) skewY(1.5625deg); }\n 66.6% {\n -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);\n transform: skewX(-0.78125deg) skewY(-0.78125deg); }\n 77.7% {\n -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);\n transform: skewX(0.39063deg) skewY(0.39063deg); }\n 88.8% {\n -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);\n transform: skewX(-0.19531deg) skewY(-0.19531deg); } }\n\n.jello {\n -webkit-animation-name: jello;\n animation-name: jello;\n -webkit-transform-origin: center;\n transform-origin: center; }\n\n@-webkit-keyframes bounceIn {\n from, 20%, 40%, 60%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 20% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n 40% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(1.03, 1.03, 1.03);\n transform: scale3d(1.03, 1.03, 1.03); }\n 80% {\n -webkit-transform: scale3d(0.97, 0.97, 0.97);\n transform: scale3d(0.97, 0.97, 0.97); }\n to {\n opacity: 1;\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n@keyframes bounceIn {\n from, 20%, 40%, 60%, 80%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 20% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n 40% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(1.03, 1.03, 1.03);\n transform: scale3d(1.03, 1.03, 1.03); }\n 80% {\n -webkit-transform: scale3d(0.97, 0.97, 0.97);\n transform: scale3d(0.97, 0.97, 0.97); }\n to {\n opacity: 1;\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1); } }\n\n.bounceIn {\n -webkit-animation-name: bounceIn;\n animation-name: bounceIn; }\n\n@-webkit-keyframes bounceInDown {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -3000px, 0);\n transform: translate3d(0, -3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, 25px, 0);\n transform: translate3d(0, 25px, 0); }\n 75% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes bounceInDown {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -3000px, 0);\n transform: translate3d(0, -3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, 25px, 0);\n transform: translate3d(0, 25px, 0); }\n 75% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.bounceInDown {\n -webkit-animation-name: bounceInDown;\n animation-name: bounceInDown; }\n\n@-webkit-keyframes bounceInLeft {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(-3000px, 0, 0);\n transform: translate3d(-3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(25px, 0, 0);\n transform: translate3d(25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(5px, 0, 0);\n transform: translate3d(5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes bounceInLeft {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(-3000px, 0, 0);\n transform: translate3d(-3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(25px, 0, 0);\n transform: translate3d(25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(5px, 0, 0);\n transform: translate3d(5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.bounceInLeft {\n -webkit-animation-name: bounceInLeft;\n animation-name: bounceInLeft; }\n\n@-webkit-keyframes bounceInRight {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(3000px, 0, 0);\n transform: translate3d(3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(-25px, 0, 0);\n transform: translate3d(-25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(-5px, 0, 0);\n transform: translate3d(-5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes bounceInRight {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(3000px, 0, 0);\n transform: translate3d(3000px, 0, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(-25px, 0, 0);\n transform: translate3d(-25px, 0, 0); }\n 75% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0); }\n 90% {\n -webkit-transform: translate3d(-5px, 0, 0);\n transform: translate3d(-5px, 0, 0); }\n to {\n -webkit-transform: none;\n transform: none; } }\n\n.bounceInRight {\n -webkit-animation-name: bounceInRight;\n animation-name: bounceInRight; }\n\n@-webkit-keyframes bounceInUp {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 3000px, 0);\n transform: translate3d(0, 3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n 75% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -5px, 0);\n transform: translate3d(0, -5px, 0); }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes bounceInUp {\n from, 60%, 75%, 90%, to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 3000px, 0);\n transform: translate3d(0, 3000px, 0); }\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n 75% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 90% {\n -webkit-transform: translate3d(0, -5px, 0);\n transform: translate3d(0, -5px, 0); }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.bounceInUp {\n -webkit-animation-name: bounceInUp;\n animation-name: bounceInUp; }\n\n@-webkit-keyframes bounceOut {\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 50%, 55% {\n opacity: 1;\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); } }\n\n@keyframes bounceOut {\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9); }\n 50%, 55% {\n opacity: 1;\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); } }\n\n.bounceOut {\n -webkit-animation-name: bounceOut;\n animation-name: bounceOut; }\n\n@-webkit-keyframes bounceOutDown {\n 20% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n@keyframes bounceOutDown {\n 20% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n.bounceOutDown {\n -webkit-animation-name: bounceOutDown;\n animation-name: bounceOutDown; }\n\n@-webkit-keyframes bounceOutLeft {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(20px, 0, 0);\n transform: translate3d(20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n@keyframes bounceOutLeft {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(20px, 0, 0);\n transform: translate3d(20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n.bounceOutLeft {\n -webkit-animation-name: bounceOutLeft;\n animation-name: bounceOutLeft; }\n\n@-webkit-keyframes bounceOutRight {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(-20px, 0, 0);\n transform: translate3d(-20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n@keyframes bounceOutRight {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(-20px, 0, 0);\n transform: translate3d(-20px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n.bounceOutRight {\n -webkit-animation-name: bounceOutRight;\n animation-name: bounceOutRight; }\n\n@-webkit-keyframes bounceOutUp {\n 20% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, 20px, 0);\n transform: translate3d(0, 20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n@keyframes bounceOutUp {\n 20% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0); }\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, 20px, 0);\n transform: translate3d(0, 20px, 0); }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n.bounceOutUp {\n -webkit-animation-name: bounceOutUp;\n animation-name: bounceOutUp; }\n\n@-webkit-keyframes fadeIn {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n\n@keyframes fadeIn {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n\n.fadeIn {\n -webkit-animation-name: fadeIn;\n animation-name: fadeIn; }\n\n@-webkit-keyframes fadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInDown {\n -webkit-animation-name: fadeInDown;\n animation-name: fadeInDown; }\n\n@-webkit-keyframes fadeInDownBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInDownBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInDownBig {\n -webkit-animation-name: fadeInDownBig;\n animation-name: fadeInDownBig; }\n\n@-webkit-keyframes fadeInLeft {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInLeft {\n -webkit-animation-name: fadeInLeft;\n animation-name: fadeInLeft; }\n\n@-webkit-keyframes fadeInLeftBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInLeftBig {\n -webkit-animation-name: fadeInLeftBig;\n animation-name: fadeInLeftBig; }\n\n@-webkit-keyframes fadeInRight {\n from {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInRight {\n from {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInRight {\n -webkit-animation-name: fadeInRight;\n animation-name: fadeInRight; }\n\n@-webkit-keyframes fadeInRightBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInRightBig {\n -webkit-animation-name: fadeInRightBig;\n animation-name: fadeInRightBig; }\n\n@-webkit-keyframes fadeInUp {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInUp {\n -webkit-animation-name: fadeInUp;\n animation-name: fadeInUp; }\n\n@-webkit-keyframes fadeInUpBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.fadeInUpBig {\n -webkit-animation-name: fadeInUpBig;\n animation-name: fadeInUpBig; }\n\n@-webkit-keyframes fadeOut {\n from {\n opacity: 1; }\n to {\n opacity: 0; } }\n\n@keyframes fadeOut {\n from {\n opacity: 1; }\n to {\n opacity: 0; } }\n\n.fadeOut {\n -webkit-animation-name: fadeOut;\n animation-name: fadeOut; }\n\n@-webkit-keyframes fadeOutDown {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n@keyframes fadeOutDown {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n.fadeOutDown {\n -webkit-animation-name: fadeOutDown;\n animation-name: fadeOutDown; }\n\n@-webkit-keyframes fadeOutDownBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n@keyframes fadeOutDownBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0); } }\n\n.fadeOutDownBig {\n -webkit-animation-name: fadeOutDownBig;\n animation-name: fadeOutDownBig; }\n\n@-webkit-keyframes fadeOutLeft {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n@keyframes fadeOutLeft {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n.fadeOutLeft {\n -webkit-animation-name: fadeOutLeft;\n animation-name: fadeOutLeft; }\n\n@-webkit-keyframes fadeOutLeftBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n@keyframes fadeOutLeftBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0); } }\n\n.fadeOutLeftBig {\n -webkit-animation-name: fadeOutLeftBig;\n animation-name: fadeOutLeftBig; }\n\n@-webkit-keyframes fadeOutRight {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n@keyframes fadeOutRight {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n.fadeOutRight {\n -webkit-animation-name: fadeOutRight;\n animation-name: fadeOutRight; }\n\n@-webkit-keyframes fadeOutRightBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n@keyframes fadeOutRightBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0); } }\n\n.fadeOutRightBig {\n -webkit-animation-name: fadeOutRightBig;\n animation-name: fadeOutRightBig; }\n\n@-webkit-keyframes fadeOutUp {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n@keyframes fadeOutUp {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n.fadeOutUp {\n -webkit-animation-name: fadeOutUp;\n animation-name: fadeOutUp; }\n\n@-webkit-keyframes fadeOutUpBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n@keyframes fadeOutUpBig {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0); } }\n\n.fadeOutUpBig {\n -webkit-animation-name: fadeOutUpBig;\n animation-name: fadeOutUpBig; }\n\n@-webkit-keyframes flip {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 40% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 50% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 80% {\n -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; } }\n\n@keyframes flip {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 40% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n 50% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 80% {\n -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; } }\n\n.animated.flip {\n -webkit-backface-visibility: visible;\n backface-visibility: visible;\n -webkit-animation-name: flip;\n animation-name: flip; }\n\n@-webkit-keyframes flipInX {\n from {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n@keyframes flipInX {\n from {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n.flipInX {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipInX;\n animation-name: flipInX; }\n\n@-webkit-keyframes flipInY {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n@keyframes flipInY {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0; }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1; }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); } }\n\n.flipInY {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipInY;\n animation-name: flipInY; }\n\n@-webkit-keyframes flipOutX {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0; } }\n\n@keyframes flipOutX {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0; } }\n\n.flipOutX {\n -webkit-animation-name: flipOutX;\n animation-name: flipOutX;\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important; }\n\n@-webkit-keyframes flipOutY {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n opacity: 0; } }\n\n@keyframes flipOutY {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px); }\n 30% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n opacity: 1; }\n to {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n opacity: 0; } }\n\n.flipOutY {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipOutY;\n animation-name: flipOutY; }\n\n@-webkit-keyframes lightSpeedIn {\n from {\n -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\n transform: translate3d(100%, 0, 0) skewX(-30deg);\n opacity: 0; }\n 60% {\n -webkit-transform: skewX(20deg);\n transform: skewX(20deg);\n opacity: 1; }\n 80% {\n -webkit-transform: skewX(-5deg);\n transform: skewX(-5deg);\n opacity: 1; }\n to {\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes lightSpeedIn {\n from {\n -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\n transform: translate3d(100%, 0, 0) skewX(-30deg);\n opacity: 0; }\n 60% {\n -webkit-transform: skewX(20deg);\n transform: skewX(20deg);\n opacity: 1; }\n 80% {\n -webkit-transform: skewX(-5deg);\n transform: skewX(-5deg);\n opacity: 1; }\n to {\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.lightSpeedIn {\n -webkit-animation-name: lightSpeedIn;\n animation-name: lightSpeedIn;\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out; }\n\n@-webkit-keyframes lightSpeedOut {\n from {\n opacity: 1; }\n to {\n -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\n transform: translate3d(100%, 0, 0) skewX(30deg);\n opacity: 0; } }\n\n@keyframes lightSpeedOut {\n from {\n opacity: 1; }\n to {\n -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\n transform: translate3d(100%, 0, 0) skewX(30deg);\n opacity: 0; } }\n\n.lightSpeedOut {\n -webkit-animation-name: lightSpeedOut;\n animation-name: lightSpeedOut;\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in; }\n\n@-webkit-keyframes rotateIn {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, -200deg);\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateIn {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, -200deg);\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateIn {\n -webkit-animation-name: rotateIn;\n animation-name: rotateIn; }\n\n@-webkit-keyframes rotateInDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInDownLeft {\n -webkit-animation-name: rotateInDownLeft;\n animation-name: rotateInDownLeft; }\n\n@-webkit-keyframes rotateInDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInDownRight {\n -webkit-animation-name: rotateInDownRight;\n animation-name: rotateInDownRight; }\n\n@-webkit-keyframes rotateInUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInUpLeft {\n -webkit-animation-name: rotateInUpLeft;\n animation-name: rotateInUpLeft; }\n\n@-webkit-keyframes rotateInUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -90deg);\n transform: rotate3d(0, 0, 1, -90deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n@keyframes rotateInUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -90deg);\n transform: rotate3d(0, 0, 1, -90deg);\n opacity: 0; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1; } }\n\n.rotateInUpRight {\n -webkit-animation-name: rotateInUpRight;\n animation-name: rotateInUpRight; }\n\n@-webkit-keyframes rotateOut {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n opacity: 1; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, 200deg);\n transform: rotate3d(0, 0, 1, 200deg);\n opacity: 0; } }\n\n@keyframes rotateOut {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n opacity: 1; }\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, 200deg);\n transform: rotate3d(0, 0, 1, 200deg);\n opacity: 0; } }\n\n.rotateOut {\n -webkit-animation-name: rotateOut;\n animation-name: rotateOut; }\n\n@-webkit-keyframes rotateOutDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; } }\n\n@keyframes rotateOutDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0; } }\n\n.rotateOutDownLeft {\n -webkit-animation-name: rotateOutDownLeft;\n animation-name: rotateOutDownLeft; }\n\n@-webkit-keyframes rotateOutDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n@keyframes rotateOutDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n.rotateOutDownRight {\n -webkit-animation-name: rotateOutDownRight;\n animation-name: rotateOutDownRight; }\n\n@-webkit-keyframes rotateOutUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n@keyframes rotateOutUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0; } }\n\n.rotateOutUpLeft {\n -webkit-animation-name: rotateOutUpLeft;\n animation-name: rotateOutUpLeft; }\n\n@-webkit-keyframes rotateOutUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 90deg);\n transform: rotate3d(0, 0, 1, 90deg);\n opacity: 0; } }\n\n@keyframes rotateOutUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1; }\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 90deg);\n transform: rotate3d(0, 0, 1, 90deg);\n opacity: 0; } }\n\n.rotateOutUpRight {\n -webkit-animation-name: rotateOutUpRight;\n animation-name: rotateOutUpRight; }\n\n@-webkit-keyframes hinge {\n 0% {\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 20%, 60% {\n -webkit-transform: rotate3d(0, 0, 1, 80deg);\n transform: rotate3d(0, 0, 1, 80deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 40%, 80% {\n -webkit-transform: rotate3d(0, 0, 1, 60deg);\n transform: rotate3d(0, 0, 1, 60deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n opacity: 1; }\n to {\n -webkit-transform: translate3d(0, 700px, 0);\n transform: translate3d(0, 700px, 0);\n opacity: 0; } }\n\n@keyframes hinge {\n 0% {\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 20%, 60% {\n -webkit-transform: rotate3d(0, 0, 1, 80deg);\n transform: rotate3d(0, 0, 1, 80deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out; }\n 40%, 80% {\n -webkit-transform: rotate3d(0, 0, 1, 60deg);\n transform: rotate3d(0, 0, 1, 60deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n opacity: 1; }\n to {\n -webkit-transform: translate3d(0, 700px, 0);\n transform: translate3d(0, 700px, 0);\n opacity: 0; } }\n\n.hinge {\n -webkit-animation-name: hinge;\n animation-name: hinge; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes rollIn {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes rollIn {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n.rollIn {\n -webkit-animation-name: rollIn;\n animation-name: rollIn; }\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n@-webkit-keyframes rollOut {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }\n\n@keyframes rollOut {\n from {\n opacity: 1; }\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }\n\n.rollOut {\n -webkit-animation-name: rollOut;\n animation-name: rollOut; }\n\n@-webkit-keyframes zoomIn {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 50% {\n opacity: 1; } }\n\n@keyframes zoomIn {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n 50% {\n opacity: 1; } }\n\n.zoomIn {\n -webkit-animation-name: zoomIn;\n animation-name: zoomIn; }\n\n@-webkit-keyframes zoomInDown {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInDown {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInDown {\n -webkit-animation-name: zoomInDown;\n animation-name: zoomInDown; }\n\n@-webkit-keyframes zoomInLeft {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInLeft {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInLeft {\n -webkit-animation-name: zoomInLeft;\n animation-name: zoomInLeft; }\n\n@-webkit-keyframes zoomInRight {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInRight {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInRight {\n -webkit-animation-name: zoomInRight;\n animation-name: zoomInRight; }\n\n@-webkit-keyframes zoomInUp {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomInUp {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomInUp {\n -webkit-animation-name: zoomInUp;\n animation-name: zoomInUp; }\n\n@-webkit-keyframes zoomOut {\n from {\n opacity: 1; }\n 50% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n to {\n opacity: 0; } }\n\n@keyframes zoomOut {\n from {\n opacity: 1; }\n 50% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3); }\n to {\n opacity: 0; } }\n\n.zoomOut {\n -webkit-animation-name: zoomOut;\n animation-name: zoomOut; }\n\n@-webkit-keyframes zoomOutDown {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomOutDown {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomOutDown {\n -webkit-animation-name: zoomOutDown;\n animation-name: zoomOutDown; }\n\n@-webkit-keyframes zoomOutLeft {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);\n transform: scale(0.1) translate3d(-2000px, 0, 0);\n -webkit-transform-origin: left center;\n transform-origin: left center; } }\n\n@keyframes zoomOutLeft {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);\n transform: scale(0.1) translate3d(-2000px, 0, 0);\n -webkit-transform-origin: left center;\n transform-origin: left center; } }\n\n.zoomOutLeft {\n -webkit-animation-name: zoomOutLeft;\n animation-name: zoomOutLeft; }\n\n@-webkit-keyframes zoomOutRight {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);\n transform: scale(0.1) translate3d(2000px, 0, 0);\n -webkit-transform-origin: right center;\n transform-origin: right center; } }\n\n@keyframes zoomOutRight {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);\n transform: scale(0.1) translate3d(2000px, 0, 0);\n -webkit-transform-origin: right center;\n transform-origin: right center; } }\n\n.zoomOutRight {\n -webkit-animation-name: zoomOutRight;\n animation-name: zoomOutRight; }\n\n@-webkit-keyframes zoomOutUp {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n@keyframes zoomOutUp {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }\n\n.zoomOutUp {\n -webkit-animation-name: zoomOutUp;\n animation-name: zoomOutUp; }\n\n@-webkit-keyframes slideInDown {\n from {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInDown {\n from {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInDown {\n -webkit-animation-name: slideInDown;\n animation-name: slideInDown; }\n\n@-webkit-keyframes slideInLeft {\n from {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInLeft {\n from {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInLeft {\n -webkit-animation-name: slideInLeft;\n animation-name: slideInLeft; }\n\n@-webkit-keyframes slideInRight {\n from {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInRight {\n from {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInRight {\n -webkit-animation-name: slideInRight;\n animation-name: slideInRight; }\n\n@-webkit-keyframes slideInUp {\n from {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes slideInUp {\n from {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n visibility: visible; }\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n.slideInUp {\n -webkit-animation-name: slideInUp;\n animation-name: slideInUp; }\n\n@-webkit-keyframes slideOutDown {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n@keyframes slideOutDown {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0); } }\n\n.slideOutDown {\n -webkit-animation-name: slideOutDown;\n animation-name: slideOutDown; }\n\n@-webkit-keyframes slideOutLeft {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n@keyframes slideOutLeft {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0); } }\n\n.slideOutLeft {\n -webkit-animation-name: slideOutLeft;\n animation-name: slideOutLeft; }\n\n@-webkit-keyframes slideOutRight {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n@keyframes slideOutRight {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0); } }\n\n.slideOutRight {\n -webkit-animation-name: slideOutRight;\n animation-name: slideOutRight; }\n\n@-webkit-keyframes slideOutUp {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n@keyframes slideOutUp {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); } }\n\n.slideOutUp {\n -webkit-animation-name: slideOutUp;\n animation-name: slideOutUp; }\n\n@keyframes bell {\n 10% {\n transform: translate3d(-0.0625rem, 0, 0) rotate(-2deg); }\n 20% {\n transform: translate3d(0.0625rem, 0, 0) rotate(4deg); }\n 30% {\n transform: translate3d(-0.125rem, 0, 0) rotate(-7deg); }\n 40% {\n transform: translate3d(0.125rem, 0, 0) rotate(10deg); }\n 50% {\n transform: translate3d(-0.125rem, 0, 0) rotate(-10deg); }\n 60% {\n transform: translate3d(0.125rem, 0, 0) rotate(10deg); }\n 70% {\n transform: translate3d(-0.125rem, 0, 0) rotate(-10deg); }\n 80% {\n transform: translate3d(0.0625rem, 0, 0) rotate(7deg); }\n 90% {\n transform: translate3d(-0.0625rem, 0, 0) rotate(-2deg); } }\n\n@keyframes shake {\n 10%, 90% {\n transform: translate3d(-0.0625rem, 0, 0); }\n 20%, 80% {\n transform: translate3d(0.125rem, 0, 0); }\n 30%, 50%, 70% {\n transform: translate3d(-0.25rem, 0, 0); }\n 40%, 60% {\n transform: translate3d(0.25rem, 0, 0); } }\n\n/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n * IE on Windows Phone and in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/* Sections\n ========================================================================== */\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0; }\n\n/**\n * Add the correct display in IE 9-.\n */\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\nfigcaption,\nfigure,\nmain {\n /* 1 */\n display: block; }\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px; }\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */ }\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\na {\n background-color: transparent;\n /* 1 */\n -webkit-text-decoration-skip: objects;\n /* 2 */ }\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */ }\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit; }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder; }\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic; }\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #000; }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\naudio,\nvideo {\n display: inline-block; }\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0; }\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none; }\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden; }\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: sans-serif;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */ }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none; }\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */ }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n padding: 0.35em 0.75em 0.625em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */ }\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n display: inline-block;\n /* 1 */\n vertical-align: baseline;\n /* 2 */ }\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */ }\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */ }\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\ndetails,\nmenu {\n display: block; }\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item; }\n\n/* Scripting\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\ncanvas {\n display: inline-block; }\n\n/**\n * Add the correct display in IE.\n */\ntemplate {\n display: none; }\n\n/* Hidden\n ========================================================================== */\n/**\n * Add the correct display in IE 10-.\n */\n[hidden] {\n display: none; }\n\nhtml, html.myg-theme--default {\n --color-accent-light: #4063e8;\n --color-accent-light: #042ecb;\n --color-accent-light: #052ab3;\n --color-accent-light: #ffffff;\n --color-accent-light: #bec7cf;\n --color-accent-light: #97a4b0;\n --color-accent-light: #657786;\n --color-accent-light: #3d4553;\n --color-accent-light: #14171A;\n --color-accent-light: #fcfcfc;\n --color-accent-light: #ffffff;\n --color-accent-light: #ffffff;\n --color-accent-light: #ecf2f7;\n --color-accent-light: #ebf5fe;\n --color-accent-light: #dce2e7;\n --color-accent-light: rgba(0, 0, 0, 0.05);\n --color-accent-light: #f6809a;\n --color-accent-light: #6adb83;\n --color-accent-light: rgba(231, 236, 240, 0.87); }\n\n/* Flexbox */\n/* Grid */\n/* Myg Grid */\n/**\n * The css property used for elevation. In most cases this should not be changed. It is exposed\n * as a variable for abstraction / easy use when needing to reference the property directly, for\n * example in a `will-change` rule.\n */\n/**\n * The default duration value for elevation transitions.\n */\n/**\n * The default easing value for elevation transitions.\n */\n/**\n * Applies the correct CSS rules to an element to give it the elevation specified by $z-value.\n * The $z-value must be between 0 and 24.\n * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use\n * $opacity-boost.\n */\n/**\n * Returns a string that can be used as the value for a `transition` property for elevation.\n * Calling this function directly is useful in situations where a component needs to transition\n * more than one property.\n *\n * ```scss\n * .foo {\n * transition: mdc-elevation-transition-value(), opacity 100ms ease;\n * will-change: $mdc-elevation-property, opacity;\n * }\n * ```\n */\n/* TODO(sgomes): Figure out what to do about desktop font sizes. */\n/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */\n.mdc-simple-menu {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n display: none;\n position: absolute;\n box-sizing: border-box;\n min-width: 170px;\n max-width: calc(100vw - 32px);\n max-height: calc(100vh - 32px);\n margin: 0;\n padding: 0;\n transform: scale(1);\n transform-origin: top left;\n border-radius: 2px;\n background-color: white;\n opacity: 0;\n white-space: nowrap;\n overflow-x: hidden;\n overflow-y: auto;\n will-change: transform, opacity;\n z-index: 4; }\n .mdc-simple-menu--theme-dark,\n .mdc-theme--dark .mdc-simple-menu {\n background-color: #424242; }\n .mdc-simple-menu:focus {\n outline: none; }\n .mdc-simple-menu--animating-open {\n display: inline-block;\n overflow-y: hidden;\n opacity: 0;\n transform: scale(0.8);\n transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1); }\n .mdc-simple-menu--animating-open > .mdc-simple-menu__items {\n transform: scale(1.25); }\n .mdc-simple-menu--open {\n display: inline-block;\n transform: scale(1);\n opacity: 1; }\n .mdc-simple-menu--open > .mdc-simple-menu__items {\n transform: scale(1); }\n .mdc-simple-menu--animating-closed {\n display: inline-block;\n overflow-y: hidden;\n opacity: 0;\n transition: opacity 0.075s linear; }\n .mdc-simple-menu__items {\n box-sizing: border-box;\n overflow-x: hidden;\n overflow-y: auto;\n will-change: transform;\n transform: scale(1); }\n .mdc-simple-menu__items > .mdc-list-item {\n cursor: pointer; }\n .mdc-simple-menu--animating .mdc-simple-menu__items {\n overflow-y: hidden; }\n [dir=\"rtl\"] .mdc-simple-menu {\n transform-origin: top right; }\n .mdc-simple-menu .mdc-list-group,\n .mdc-simple-menu .mdc-list {\n padding: 8px 0; }\n .mdc-simple-menu .mdc-list-item {\n font-family: Roboto, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 1rem;\n line-height: 1.75rem;\n font-weight: 400;\n letter-spacing: 0.04em;\n text-decoration: inherit;\n text-transform: inherit;\n position: relative;\n outline: none;\n color: inherit;\n text-decoration: none;\n user-select: none; }\n .mdc-simple-menu--theme-dark.mdc-simple-menu .mdc-list-item,\n .mdc-theme--dark .mdc-simple-menu .mdc-list-item {\n color: white; }\n .mdc-simple-menu--theme-dark.mdc-simple-menu .mdc-list-divider,\n .mdc-theme--dark .mdc-simple-menu .mdc-list-divider {\n border-color: rgba(255, 255, 255, 0.12); }\n .mdc-simple-menu .mdc-list-item__graphic {\n color: rgba(0, 0, 0, 0.54); }\n .mdc-simple-menu--theme-dark.mdc-simple-menu .mdc-list-item__graphic,\n .mdc-theme--dark .mdc-simple-menu .mdc-list-item__graphic {\n color: rgba(255, 255, 255, 0.54); }\n .mdc-simple-menu .mdc-list-item[aria-disabled=\"true\"] {\n /* @alternate */\n color: rgba(0, 0, 0, 0.38);\n color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));\n cursor: default;\n pointer-events: none; }\n .mdc-simple-menu--theme-dark .mdc-simple-menu .mdc-list-item[aria-disabled=\"true\"],\n .mdc-theme--dark .mdc-simple-menu .mdc-list-item[aria-disabled=\"true\"] {\n /* @alternate */\n color: rgba(255, 255, 255, 0.5);\n color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)); }\n .mdc-simple-menu .mdc-list-item[aria-disabled=\"true\"]:focus::before {\n opacity: 0; }\n\n.mdc-menu-anchor {\n position: relative;\n overflow: visible; }\n\n/**!\n * @fileOverview modalist.js - A powerful AJAX modal plugin extending iziModal\n * @version 1.1.0\n * @license\n * MIT License\n *\n * Copyright (c) 2017 Jonas Hübotter\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n#modalist.iziModal {\n box-shadow: 0 0.0625em 0.3125em 0 rgba(101, 119, 134, 0.05);\n border: .0625rem solid #DCE2E7;\n border-radius: .3125rem !important;\n max-width: 90% !important;\n width: 37.5rem;\n transition: margin-top .25s ease-out !important; }\n #modalist.iziModal::after {\n content: none; }\n #modalist.iziModal[data-full-screen=\"true\"] {\n max-width: 100% !important;\n width: 100%;\n border-radius: 0 !important;\n border: none;\n height: 100vh !important; }\n #modalist.iziModal[data-full-screen=\"true\"].fadeInRight {\n animation: modalist-fadeInRight .35s ease-out !important; }\n #modalist.iziModal[data-full-screen=\"true\"].fadeOutRight {\n animation: modalist-fadeOutRight .35s ease-out !important; }\n #modalist.iziModal ::-webkit-scrollbar {\n width: .3125rem; }\n #modalist.iziModal ::-webkit-scrollbar-track {\n background: transparent; }\n #modalist.iziModal ::-webkit-scrollbar-thumb {\n border-radius: .15625rem;\n background: #DCE2E7; }\n #modalist.iziModal ::-webkit-scrollbar-thumb:hover {\n background: #bec7cf; }\n #modalist.iziModal > .iziModal-wrap {\n border-radius: .3125rem;\n border-bottom: .0625rem solid #DCE2E7; }\n #modalist.iziModal > .iziModal-wrap > .iziModal-content > .modalist--header {\n background: #FCFCFC;\n border-radius: .3125rem .3125rem 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.25rem;\n border-bottom: .0625rem solid #DCE2E7; }\n #modalist.iziModal > .iziModal-wrap > .iziModal-content > .modalist--header h4, #modalist.iziModal > .iziModal-wrap > .iziModal-content > .modalist--header p {\n margin: 0; }\n #modalist.iziModal > .iziModal-wrap > .iziModal-content > .modalist--header h4 {\n line-height: 1.58;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 600;\n font-size: 1.125rem;\n color: #14171A; }\n @media (min-width: 800px) {\n #modalist.iziModal > .iziModal-wrap > .iziModal-content > .modalist--header h4 {\n font-size: 1.25rem; } }\n #modalist.iziModal > .iziModal-wrap > .iziModal-content > .modalist--header p {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #3d4553;\n font-weight: normal;\n letter-spacing: -.003em;\n font-size: .875rem;\n line-height: 1.75; }\n @media (min-width: 800px) {\n #modalist.iziModal > .iziModal-wrap > .iziModal-content > .modalist--header p {\n font-size: 1rem; } }\n #modalist.iziModal > .iziModal-wrap > .iziModal-content > .modalist--header .modalist--close {\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: .85; }\n #modalist.iziModal > .iziModal-wrap > .iziModal-content > .modalist--header .modalist--close:hover, #modalist.iziModal > .iziModal-wrap > .iziModal-content > .modalist--header .modalist--close:focus {\n opacity: 1; }\n #modalist.iziModal > .iziModal-wrap > .iziModal-content > .modalist--content {\n background: white;\n border-radius: .3125rem;\n padding: 1.25rem; }\n\n.iziModal-overlay {\n background: rgba(231, 236, 240, 0.87) !important; }\n\n#modalist.iziModal, .iziModal-overlay {\n animation-duration: .5s !important; }\n\n@keyframes modalist-fadeInRight {\n from {\n transform: translateX(100%); }\n to {\n transform: none; } }\n\n@keyframes modalist-fadeOutRight {\n from {\n transform: none; }\n to {\n transform: translateX(100%); } }\n\n@keyframes primary-indeterminate-translate {\n 0% {\n transform: translateX(0); }\n 20% {\n animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);\n transform: translateX(0); }\n 59.15% {\n animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);\n transform: translateX(83.67142%); }\n 100% {\n transform: translateX(200.61106%); } }\n\n@keyframes primary-indeterminate-scale {\n 0% {\n transform: scaleX(0.08); }\n 36.65% {\n animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);\n transform: scaleX(0.08); }\n 69.15% {\n animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);\n transform: scaleX(0.66148); }\n 100% {\n transform: scaleX(0.08); } }\n\n@keyframes secondary-indeterminate-translate {\n 0% {\n animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);\n transform: translateX(0); }\n 25% {\n animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);\n transform: translateX(37.65191%); }\n 48.35% {\n animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);\n transform: translateX(84.38617%); }\n 100% {\n transform: translateX(160.27778%); } }\n\n@keyframes secondary-indeterminate-scale {\n 0% {\n animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);\n transform: scaleX(0.08); }\n 19.15% {\n animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);\n transform: scaleX(0.4571); }\n 44.15% {\n animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);\n transform: scaleX(0.72796); }\n 100% {\n transform: scaleX(0.08); } }\n\n@keyframes buffering {\n to {\n transform: translateX(-10px); } }\n\n@keyframes primary-indeterminate-translate-reverse {\n 0% {\n transform: translateX(0); }\n 20% {\n animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);\n transform: translateX(0); }\n 59.15% {\n animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);\n transform: translateX(-83.67142%); }\n 100% {\n transform: translateX(-200.61106%); } }\n\n@keyframes secondary-indeterminate-translate-reverse {\n 0% {\n animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);\n transform: translateX(0); }\n 25% {\n animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);\n transform: translateX(-37.65191%); }\n 48.35% {\n animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);\n transform: translateX(-84.38617%); }\n 100% {\n transform: translateX(-160.27778%); } }\n\n@keyframes buffering-reverse {\n to {\n transform: translateX(10px); } }\n\n.mdc-linear-progress {\n position: relative;\n width: 100%;\n height: 4px;\n transform: translateZ(0);\n transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n overflow: hidden; }\n .mdc-linear-progress .mdc-linear-progress__bar-inner {\n /* @alternate */\n background-color: #6200ee;\n background-color: var(--mdc-theme-primary, #6200ee); }\n .mdc-linear-progress .mdc-linear-progress__buffering-dots {\n background-image: url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\"); }\n .mdc-linear-progress .mdc-linear-progress__buffer {\n background-color: #e6e6e6; }\n .mdc-linear-progress__bar {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: none;\n transform-origin: top left;\n transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }\n .mdc-linear-progress__bar-inner {\n display: inline-block;\n position: absolute;\n width: 100%;\n height: 100%;\n animation: none; }\n .mdc-linear-progress__buffering-dots {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: buffering 250ms infinite linear;\n background-repeat: repeat-x;\n background-size: 10px 4px; }\n .mdc-linear-progress__buffer {\n position: absolute;\n width: 100%;\n height: 100%;\n transform-origin: top left;\n transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }\n .mdc-linear-progress__primary-bar {\n transform: scaleX(0); }\n .mdc-linear-progress__secondary-bar {\n visibility: hidden; }\n .mdc-linear-progress--indeterminate .mdc-linear-progress__bar {\n transition: none; }\n .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {\n left: -145.166611%;\n animation: primary-indeterminate-translate 2s infinite linear; }\n .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {\n animation: primary-indeterminate-scale 2s infinite linear; }\n .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {\n left: -54.888891%;\n animation: secondary-indeterminate-translate 2s infinite linear;\n visibility: visible; }\n .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {\n animation: secondary-indeterminate-scale 2s infinite linear; }\n .mdc-linear-progress--reversed .mdc-linear-progress__bar,\n .mdc-linear-progress--reversed .mdc-linear-progress__buffer {\n right: 0;\n transform-origin: center right; }\n .mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {\n animation-name: primary-indeterminate-translate-reverse; }\n .mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {\n animation-name: secondary-indeterminate-translate-reverse; }\n .mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots {\n animation: buffering-reverse 250ms infinite linear; }\n .mdc-linear-progress--closed {\n opacity: 0; }\n\n.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {\n right: -145.166611%;\n left: auto; }\n\n.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {\n right: -54.888891%;\n left: auto; }\n\n.mdc-radio {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: transparent;\n will-change: transform, opacity;\n display: inline-block;\n position: relative;\n flex: 0 0 auto;\n box-sizing: border-box;\n width: 40px;\n height: 40px;\n padding: 10px;\n cursor: pointer;\n will-change: opacity, transform, border-color, background-color, color; }\n .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {\n /* @alternate */\n border-color: rgba(0, 0, 0, 0.54);\n border-color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)); }\n .mdc-radio--theme-dark .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,\n .mdc-theme--dark .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {\n /* @alternate */\n border-color: rgba(255, 255, 255, 0.7);\n border-color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)); }\n .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {\n /* @alternate */\n border-color: #018786;\n border-color: var(--mdc-theme-secondary, #018786); }\n .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {\n /* @alternate */\n background-color: #018786;\n background-color: var(--mdc-theme-secondary, #018786); }\n .mdc-radio .mdc-radio__background::before {\n /* @alternate */\n background-color: #018786; }\n @supports not (-ms-ime-align: auto) {\n .mdc-radio .mdc-radio__background::before {\n background-color: var(--mdc-theme-secondary, #018786); } }\n .mdc-radio::before, .mdc-radio::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: \"\"; }\n .mdc-radio::before {\n transition: opacity 15ms linear; }\n .mdc-radio.mdc-ripple-upgraded::after {\n top: 0;\n left: 0;\n transform: scale(0);\n transform-origin: center center; }\n .mdc-radio.mdc-ripple-upgraded--unbounded::after {\n top: var(--mdc-ripple-top, 0);\n left: var(--mdc-ripple-left, 0); }\n .mdc-radio.mdc-ripple-upgraded--foreground-activation::after {\n animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }\n .mdc-radio.mdc-ripple-upgraded--foreground-deactivation::after {\n animation: 150ms mdc-ripple-fg-opacity-out;\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }\n .mdc-radio::before, .mdc-radio::after {\n top: calc(50% - 50%);\n left: calc(50% - 50%);\n width: 100%;\n height: 100%; }\n .mdc-radio.mdc-ripple-upgraded::before {\n top: calc(50% - 50%);\n left: calc(50% - 50%);\n width: 100%;\n height: 100%;\n transform: scale(var(--mdc-ripple-fg-scale, 0)); }\n .mdc-radio.mdc-ripple-upgraded--unbounded::before {\n top: var(--mdc-ripple-top, calc(50% - 25%));\n left: var(--mdc-ripple-left, calc(50% - 25%));\n width: var(--mdc-ripple-fg-size, 50%);\n height: var(--mdc-ripple-fg-size, 50%);\n transform: scale(var(--mdc-ripple-fg-scale, 0)); }\n .mdc-radio.mdc-ripple-upgraded::after {\n width: var(--mdc-ripple-fg-size, 50%);\n height: var(--mdc-ripple-fg-size, 50%); }\n .mdc-radio::before, .mdc-radio::after {\n /* @alternate */\n background-color: #018786; }\n @supports not (-ms-ime-align: auto) {\n .mdc-radio::before, .mdc-radio::after {\n background-color: var(--mdc-theme-secondary, #018786); } }\n .mdc-radio:hover::before {\n opacity: 0.04; }\n .mdc-radio:not(.mdc-ripple-upgraded):focus::before, .mdc-radio.mdc-ripple-upgraded--background-focused::before {\n transition-duration: 75ms;\n opacity: 0.12; }\n .mdc-radio:not(.mdc-ripple-upgraded)::after {\n transition: opacity 150ms linear; }\n .mdc-radio:not(.mdc-ripple-upgraded):active::after {\n transition-duration: 75ms;\n opacity: 0.16; }\n .mdc-radio.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: 0.16; }\n .mdc-radio.mdc-ripple-upgraded .mdc-radio__background::before {\n content: none; }\n .mdc-radio__background {\n display: inline-block;\n position: absolute;\n left: 10px;\n box-sizing: border-box;\n width: 50%;\n height: 50%; }\n .mdc-radio__background::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n transform: scale(0, 0);\n transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: \"\"; }\n .mdc-radio__outer-circle {\n position: absolute;\n top: 0;\n left: 0;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n border-width: 2px;\n border-style: solid;\n border-radius: 50%; }\n .mdc-radio__inner-circle {\n position: absolute;\n top: 0;\n left: 0;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n transform: scale(0, 0);\n transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), background-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n border-radius: 50%; }\n .mdc-radio__native-control {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n opacity: 0;\n cursor: inherit;\n z-index: 1; }\n\n.mdc-radio__native-control:checked + .mdc-radio__background,\n.mdc-radio__native-control:disabled + .mdc-radio__background {\n transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }\n .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,\n .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle {\n transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }\n .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,\n .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {\n transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }\n\n.mdc-radio--disabled {\n cursor: default;\n pointer-events: none; }\n\n.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {\n transform: scale(0.5);\n transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }\n\n.mdc-radio__native-control:disabled + .mdc-radio__background,\n[aria-disabled=\"true\"] .mdc-radio__native-control + .mdc-radio__background {\n cursor: default; }\n .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle,\n [aria-disabled=\"true\"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle {\n border-color: rgba(0, 0, 0, 0.26); }\n .mdc-radio--theme-dark .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle,\n .mdc-theme--dark .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle, .mdc-radio--theme-dark\n [aria-disabled=\"true\"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle,\n .mdc-theme--dark\n [aria-disabled=\"true\"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle {\n border-color: rgba(255, 255, 255, 0.3); }\n .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle,\n [aria-disabled=\"true\"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle {\n background-color: rgba(0, 0, 0, 0.26); }\n .mdc-radio--theme-dark .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle,\n .mdc-theme--dark .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle, .mdc-radio--theme-dark\n [aria-disabled=\"true\"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle,\n .mdc-theme--dark\n [aria-disabled=\"true\"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle {\n background-color: rgba(255, 255, 255, 0.3); }\n\n.mdc-radio__native-control:focus + .mdc-radio__background::before {\n transform: scale(2, 2);\n transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);\n opacity: .26; }\n\n/* TODO(sgomes): Figure out what to do about desktop font sizes. */\n/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */\n/**\n * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.\n *\n * Usage Example:\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n *\n * @include mdc-rtl {\n * left: auto;\n * right: 0;\n * }\n *\n * &__bar {\n * margin-left: 4px;\n * @include mdc-rtl(\".mdc-foo\") {\n * margin-left: auto;\n * margin-right: 4px;\n * }\n * }\n * }\n *\n * .mdc-foo--mod {\n * padding-left: 4px;\n *\n * @include mdc-rtl {\n * padding-left: auto;\n * padding-right: 4px;\n * }\n * }\n * ```\n *\n * Note that this works by checking for [dir=\"rtl\"] on an ancestor element. While this will work\n * in most cases, it will in some cases lead to false negatives, e.g.\n *\n * ```html\n * <html dir=\"rtl\">\n * <!-- ... -->\n * <div dir=\"ltr\">\n * <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n * </div>\n * </html>\n * ```\n *\n * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.\n */\n/**\n * Takes a base box-model property - e.g. margin / border / padding - along with a default\n * direction and value, and emits rules which apply the value to the\n * \"<base-property>-<default-direction>\" property by default, but flips the direction\n * when within an RTL context.\n *\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, left, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 8px;\n * margin-left: 0;\n * }\n * }\n * ```\n * whereas:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, right, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-right: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 0;\n * margin-left: 8px;\n * }\n * }\n * ```\n *\n * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,\n * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, \".mdc-component\")`.\n *\n * Note that this function will always zero out the original value in an RTL context. If you're\n * trying to flip the values, use mdc-rtl-reflexive-property().\n */\n/**\n * Takes a base property and emits rules that assign <base-property>-left to <left-value> and\n * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-property(margin, auto, 12px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: auto;\n * margin-right: 12px;\n *\n * @include mdc-rtl {\n * margin-left: 12px;\n * margin-right: auto;\n * }\n * }\n * ```\n *\n * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.\n */\n/**\n * Takes an argument specifying a horizontal position property (either \"left\" or \"right\") as well\n * as a value, and applies that value to the specified position in a LTR context, and flips it in a\n * RTL context. For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-position(left, 0);\n * position: absolute;\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n * right: initial;\n *\n * @include mdc-rtl {\n * right: 0;\n * left: initial;\n * }\n * }\n * ```\n * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.\n */\n.mdc-select {\n background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%230%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E);\n font-family: Roboto, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 1rem;\n line-height: 1.75rem;\n font-weight: 400;\n letter-spacing: 0.04em;\n text-decoration: inherit;\n text-transform: inherit;\n display: inline-flex;\n position: relative;\n align-items: center;\n justify-content: flex-start;\n box-sizing: border-box;\n height: 56px;\n border: none;\n border-radius: 4px 4px 0 0;\n outline: none;\n background-repeat: no-repeat;\n background-position: right 10px center;\n cursor: pointer;\n overflow: visible; }\n .mdc-select:not(.mdc-select--disabled) .mdc-select__surface {\n background-color: rgba(255, 255, 255, 0.1); }\n .mdc-select:not(.mdc-select--disabled) .mdc-select__surface,\n .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {\n /* @alternate */\n color: rgba(0, 0, 0, 0.87);\n color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); }\n .mdc-select:not(.mdc-select--disabled) .mdc-select__label {\n color: rgba(0, 0, 0, 0.6); }\n .mdc-select:not(.mdc-select--disabled) .mdc-select__bottom-line {\n background-color: rgba(0, 0, 0, 0.5); }\n .mdc-select:not(.mdc-select--disabled) .mdc-select__surface:focus .mdc-select__bottom-line,\n .mdc-select:not(.mdc-select--disabled) .mdc-select__surface:focus ~ .mdc-select__bottom-line {\n /* @alternate */\n background-color: #6200ee;\n background-color: var(--mdc-theme-primary, #6200ee); }\n .mdc-select:not(.mdc-select--disabled).mdc-select--open .mdc-select__bottom-line {\n /* @alternate */\n background-color: #6200ee;\n background-color: var(--mdc-theme-primary, #6200ee); }\n .mdc-select:not(.mdc-select--disabled) .mdc-select__bottom-line::after {\n /* @alternate */\n background-color: #6200ee;\n background-color: var(--mdc-theme-primary, #6200ee); }\n .mdc-select:not(.mdc-select--disabled) .mdc-select__surface:focus .mdc-select__label {\n /* @alternate */\n color: #6200ee;\n color: var(--mdc-theme-primary, #6200ee); }\n .mdc-select:not(.mdc-select--disabled) .mdc-select__surface:focus .mdc-select__label--float-above {\n opacity: 0.87; }\n [dir=\"rtl\"] .mdc-select, .mdc-select[dir=\"rtl\"] {\n background-position: left 10px center; }\n .mdc-select__menu {\n position: fixed;\n top: 0;\n left: 0;\n max-height: 100%;\n transform-origin: center center;\n z-index: 4; }\n .mdc-select__surface {\n font-family: Roboto, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 1rem;\n line-height: 1.75rem;\n font-weight: 400;\n letter-spacing: 0.04em;\n text-decoration: inherit;\n text-transform: inherit;\n padding-left: 16px;\n padding-right: 26px;\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: transparent;\n will-change: transform, opacity;\n display: flex;\n position: relative;\n flex-grow: 1;\n width: 100%;\n height: 56px;\n border: none;\n border-radius: 4px 4px 0 0;\n outline: none;\n appearance: none;\n overflow: hidden; }\n [dir=\"rtl\"] .mdc-select .mdc-select__surface,\n .mdc-select[dir=\"rtl\"] .mdc-select__surface {\n padding-left: 26px;\n padding-right: 16px; }\n .mdc-select__surface::before, .mdc-select__surface::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: \"\"; }\n .mdc-select__surface::before {\n transition: opacity 15ms linear; }\n .mdc-select__surface.mdc-ripple-upgraded::after {\n top: 0;\n left: 0;\n transform: scale(0);\n transform-origin: center center; }\n .mdc-select__surface.mdc-ripple-upgraded--unbounded::after {\n top: var(--mdc-ripple-top, 0);\n left: var(--mdc-ripple-left, 0); }\n .mdc-select__surface.mdc-ripple-upgraded--foreground-activation::after {\n animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }\n .mdc-select__surface.mdc-ripple-upgraded--foreground-deactivation::after {\n animation: 150ms mdc-ripple-fg-opacity-out;\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }\n .mdc-select__surface::before, .mdc-select__surface::after {\n top: calc(50% - 100%);\n left: calc(50% - 100%);\n width: 200%;\n height: 200%; }\n .mdc-select__surface.mdc-ripple-upgraded::before {\n top: calc(50% - 100%);\n left: calc(50% - 100%);\n width: 200%;\n height: 200%;\n transform: scale(var(--mdc-ripple-fg-scale, 0)); }\n .mdc-select__surface.mdc-ripple-upgraded--unbounded::before {\n top: var(--mdc-ripple-top, calc(50% - 50%));\n left: var(--mdc-ripple-left, calc(50% - 50%));\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n transform: scale(var(--mdc-ripple-fg-scale, 0)); }\n .mdc-select__surface.mdc-ripple-upgraded::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%); }\n .mdc-select__surface::before, .mdc-select__surface::after {\n background-color: black; }\n .mdc-select__surface:hover::before {\n opacity: 0.04; }\n .mdc-select__surface:not(.mdc-ripple-upgraded):focus::before, .mdc-select__surface.mdc-ripple-upgraded--background-focused::before {\n transition-duration: 75ms;\n opacity: 0.12; }\n .mdc-select__surface:not(.mdc-ripple-upgraded)::after {\n transition: opacity 150ms linear; }\n .mdc-select__surface:not(.mdc-ripple-upgraded):active::after {\n transition-duration: 75ms;\n opacity: 0.16; }\n .mdc-select__surface.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: 0.16; }\n .mdc-select--theme-dark .mdc-select__surface::before, .mdc-select--theme-dark .mdc-select__surface::after,\n .mdc-theme--dark .mdc-select__surface::before,\n .mdc-theme--dark .mdc-select__surface::after {\n background-color: white; }\n .mdc-select--theme-dark .mdc-select__surface:hover::before,\n .mdc-theme--dark .mdc-select__surface:hover::before {\n opacity: 0.08; }\n .mdc-select--theme-dark .mdc-select__surface:not(.mdc-ripple-upgraded):focus::before, .mdc-select--theme-dark .mdc-select__surface.mdc-ripple-upgraded--background-focused::before,\n .mdc-theme--dark .mdc-select__surface:not(.mdc-ripple-upgraded):focus::before,\n .mdc-theme--dark .mdc-select__surface.mdc-ripple-upgraded--background-focused::before {\n transition-duration: 75ms;\n opacity: 0.24; }\n .mdc-select--theme-dark .mdc-select__surface:not(.mdc-ripple-upgraded)::after,\n .mdc-theme--dark .mdc-select__surface:not(.mdc-ripple-upgraded)::after {\n transition: opacity 150ms linear; }\n .mdc-select--theme-dark .mdc-select__surface:not(.mdc-ripple-upgraded):active::after,\n .mdc-theme--dark .mdc-select__surface:not(.mdc-ripple-upgraded):active::after {\n transition-duration: 75ms;\n opacity: 0.32; }\n .mdc-select--theme-dark .mdc-select__surface.mdc-ripple-upgraded,\n .mdc-theme--dark .mdc-select__surface.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: 0.32; }\n .mdc-select__surface::-ms-expand {\n display: none; }\n .mdc-select__label {\n left: 16px;\n right: initial;\n position: absolute;\n bottom: 12px;\n transform-origin: left top;\n transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n will-change: transform; }\n [dir=\"rtl\"] .mdc-select__label, .mdc-select__label[dir=\"rtl\"] {\n left: initial;\n right: 16px; }\n [dir=\"rtl\"] .mdc-select .mdc-select__label,\n .mdc-select[dir=\"rtl\"] .mdc-select__label {\n transform-origin: right top; }\n .mdc-select__label--float-above {\n transform: translateY(-40%) scale(0.75, 0.75); }\n .mdc-select__selected-text {\n display: flex;\n align-items: flex-end;\n margin-bottom: 6px;\n transition: opacity 125ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 125ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n white-space: nowrap;\n overflow: hidden; }\n .mdc-select__bottom-line {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n transform: scaleY(1);\n transform-origin: bottom;\n transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1); }\n .mdc-select__bottom-line::after {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n transform: scaleX(0);\n transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n content: \"\";\n z-index: 2; }\n .mdc-select__bottom-line--active::after {\n opacity: 1; }\n .mdc-select .mdc-select__surface:focus .mdc-select__bottom-line::after,\n .mdc-select .mdc-select__surface:focus ~ .mdc-select__bottom-line::after {\n transform: scale(1, 2);\n opacity: 1; }\n\n.mdc-select--open .mdc-select__surface::before {\n opacity: 0.12; }\n .mdc-select--theme-dark .mdc-select--open .mdc-select__surface::before,\n .mdc-theme--dark .mdc-select--open .mdc-select__surface::before {\n opacity: 0.24; }\n\n.mdc-select--open .mdc-select__selected-text {\n transform: translateY(8px);\n transition: opacity 125ms 125ms cubic-bezier(0, 0, 0.2, 1), transform 125ms 125ms cubic-bezier(0, 0, 0.2, 1);\n opacity: 0; }\n\n.mdc-select--open .mdc-select__bottom-line::after {\n transform: scaleY(2);\n opacity: 1; }\n\n.mdc-select--disabled,\n.mdc-select[disabled] {\n background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%230%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.38%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E);\n border-bottom-width: 1px;\n border-bottom-style: dotted;\n opacity: .38;\n cursor: default;\n pointer-events: none;\n user-select: none; }\n .mdc-select--disabled .mdc-select__label,\n .mdc-select[disabled] .mdc-select__label {\n /* @alternate */\n color: rgba(0, 0, 0, 0.38);\n color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)); }\n .mdc-select--disabled .mdc-select__bottom-line,\n .mdc-select[disabled] .mdc-select__bottom-line {\n display: none; }\n\n.mdc-select--theme-dark.mdc-select--disabled,\n.mdc-theme--dark .mdc-select--disabled {\n /* @alternate */\n color: rgba(255, 255, 255, 0.5);\n color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5));\n background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.38%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E);\n border-bottom: 1px dotted rgba(255, 255, 255, 0.38); }\n\n.mdc-select--theme-dark.mdc-select[disabled],\n.mdc-theme--dark .mdc-select[disabled] {\n /* @alternate */\n color: rgba(255, 255, 255, 0.5);\n color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5));\n background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.38%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E);\n border-bottom: 1px dotted rgba(255, 255, 255, 0.38); }\n\n.mdc-select__menu .mdc-list-item {\n font-family: Roboto, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 1rem;\n line-height: 1.75rem;\n font-weight: 400;\n letter-spacing: 0.04em;\n text-decoration: inherit;\n text-transform: inherit;\n /* @alternate */\n color: rgba(0, 0, 0, 0.54);\n color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)); }\n .mdc-select__menu .mdc-list-item[aria-selected=\"true\"] {\n /* @alternate */\n color: rgba(0, 0, 0, 0.87);\n color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); }\n .mdc-select--theme-dark .mdc-select__menu .mdc-list-item,\n .mdc-theme--dark .mdc-select__menu .mdc-list-item {\n /* @alternate */\n color: rgba(255, 255, 255, 0.7);\n color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)); }\n .mdc-select--theme-dark .mdc-select__menu .mdc-list-item[aria-selected=\"true\"],\n .mdc-theme--dark .mdc-select__menu .mdc-list-item[aria-selected=\"true\"] {\n /* @alternate */\n color: white;\n color: var(--mdc-theme-text-primary-on-dark, white); }\n .mdc-select__menu .mdc-list-item::before, .mdc-select__menu .mdc-list-item::after {\n top: calc(50% - 50%);\n left: calc(50% - 50%);\n width: 100%;\n height: 100%; }\n .mdc-select__menu .mdc-list-item.mdc-ripple-upgraded::before {\n top: calc(50% - 50%);\n left: calc(50% - 50%);\n width: 100%;\n height: 100%;\n transform: scale(var(--mdc-ripple-fg-scale, 0)); }\n .mdc-select__menu .mdc-list-item.mdc-ripple-upgraded--unbounded::before {\n top: var(--mdc-ripple-top, calc(50% - 25%));\n left: var(--mdc-ripple-left, calc(50% - 25%));\n width: var(--mdc-ripple-fg-size, 50%);\n height: var(--mdc-ripple-fg-size, 50%);\n transform: scale(var(--mdc-ripple-fg-scale, 0)); }\n .mdc-select__menu .mdc-list-item.mdc-ripple-upgraded::after {\n width: var(--mdc-ripple-fg-size, 50%);\n height: var(--mdc-ripple-fg-size, 50%); }\n .mdc-select__menu .mdc-list-item::before, .mdc-select__menu .mdc-list-item::after {\n border-radius: 0; }\n\n.mdc-select__menu .mdc-list-group,\n.mdc-select__menu .mdc-list-group > .mdc-list-item:first-child {\n margin-top: 12px; }\n\n.mdc-select__menu .mdc-list-group {\n /* @alternate */\n color: rgba(0, 0, 0, 0.38);\n color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38));\n font-weight: normal; }\n .mdc-select__menu .mdc-list-group .mdc-list-item {\n /* @alternate */\n color: rgba(0, 0, 0, 0.87);\n color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); }\n\n.mdc-select--theme-dark .mdc-select__menu .mdc-list-group,\n.mdc-theme--dark .mdc-select__menu .mdc-list-group {\n /* @alternate */\n color: rgba(255, 255, 255, 0.5);\n color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)); }\n .mdc-select--theme-dark .mdc-select__menu .mdc-list-group .mdc-list-item,\n .mdc-theme--dark .mdc-select__menu .mdc-list-group .mdc-list-item {\n /* @alternate */\n color: white;\n color: var(--mdc-theme-text-primary-on-dark, white); }\n\n.mdc-select-scroll-lock {\n overflow: hidden; }\n\n/*! Flickity v2.0.10\nhttp://flickity.metafizzy.co\n---------------------------------------------- */\n.flickity-enabled {\n position: relative; }\n\n.flickity-enabled:focus {\n outline: none; }\n\n.flickity-viewport {\n overflow: hidden;\n position: relative;\n height: 100%; }\n\n.flickity-slider {\n position: absolute;\n width: 100%;\n height: 100%; }\n\n/* draggable */\n.flickity-enabled.is-draggable {\n -webkit-tap-highlight-color: transparent;\n tap-highlight-color: transparent;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n\n.flickity-enabled.is-draggable .flickity-viewport {\n cursor: move;\n cursor: -webkit-grab;\n cursor: grab; }\n\n.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {\n cursor: -webkit-grabbing;\n cursor: grabbing; }\n\n/* ---- previous/next buttons ---- */\n.flickity-prev-next-button {\n position: absolute;\n top: 50%;\n width: 44px;\n height: 44px;\n border: none;\n border-radius: 50%;\n background: white;\n background: rgba(255, 255, 255, 0.75);\n cursor: pointer;\n /* vertically center */\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%); }\n\n.flickity-prev-next-button:hover {\n background: white; }\n\n.flickity-prev-next-button:focus {\n outline: none;\n box-shadow: 0 0 0 5px #09F; }\n\n.flickity-prev-next-button:active {\n opacity: 0.6; }\n\n.flickity-prev-next-button.previous {\n left: 10px; }\n\n.flickity-prev-next-button.next {\n right: 10px; }\n\n/* right to left */\n.flickity-rtl .flickity-prev-next-button.previous {\n left: auto;\n right: 10px; }\n\n.flickity-rtl .flickity-prev-next-button.next {\n right: auto;\n left: 10px; }\n\n.flickity-prev-next-button:disabled {\n opacity: 0.3;\n cursor: auto; }\n\n.flickity-prev-next-button svg {\n position: absolute;\n left: 20%;\n top: 20%;\n width: 60%;\n height: 60%; }\n\n.flickity-prev-next-button .arrow {\n fill: #333; }\n\n/* ---- page dots ---- */\n.flickity-page-dots {\n position: absolute;\n width: 100%;\n bottom: -25px;\n padding: 0;\n margin: 0;\n list-style: none;\n text-align: center;\n line-height: 1; }\n\n.flickity-rtl .flickity-page-dots {\n direction: rtl; }\n\n.flickity-page-dots .dot {\n display: inline-block;\n width: 10px;\n height: 10px;\n margin: 0 8px;\n background: #333;\n border-radius: 50%;\n opacity: 0.25;\n cursor: pointer; }\n\n.flickity-page-dots .dot.is-selected {\n opacity: 1; }\n\n/* TODO(sgomes): Figure out what to do about desktop font sizes. */\n/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */\n/**\n * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.\n *\n * Usage Example:\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n *\n * @include mdc-rtl {\n * left: auto;\n * right: 0;\n * }\n *\n * &__bar {\n * margin-left: 4px;\n * @include mdc-rtl(\".mdc-foo\") {\n * margin-left: auto;\n * margin-right: 4px;\n * }\n * }\n * }\n *\n * .mdc-foo--mod {\n * padding-left: 4px;\n *\n * @include mdc-rtl {\n * padding-left: auto;\n * padding-right: 4px;\n * }\n * }\n * ```\n *\n * Note that this works by checking for [dir=\"rtl\"] on an ancestor element. While this will work\n * in most cases, it will in some cases lead to false negatives, e.g.\n *\n * ```html\n * <html dir=\"rtl\">\n * <!-- ... -->\n * <div dir=\"ltr\">\n * <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n * </div>\n * </html>\n * ```\n *\n * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.\n */\n/**\n * Takes a base box-model property - e.g. margin / border / padding - along with a default\n * direction and value, and emits rules which apply the value to the\n * \"<base-property>-<default-direction>\" property by default, but flips the direction\n * when within an RTL context.\n *\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, left, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 8px;\n * margin-left: 0;\n * }\n * }\n * ```\n * whereas:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, right, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-right: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 0;\n * margin-left: 8px;\n * }\n * }\n * ```\n *\n * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,\n * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, \".mdc-component\")`.\n *\n * Note that this function will always zero out the original value in an RTL context. If you're\n * trying to flip the values, use mdc-rtl-reflexive-property().\n */\n/**\n * Takes a base property and emits rules that assign <base-property>-left to <left-value> and\n * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-property(margin, auto, 12px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: auto;\n * margin-right: 12px;\n *\n * @include mdc-rtl {\n * margin-left: 12px;\n * margin-right: auto;\n * }\n * }\n * ```\n *\n * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.\n */\n/**\n * Takes an argument specifying a horizontal position property (either \"left\" or \"right\") as well\n * as a value, and applies that value to the specified position in a LTR context, and flips it in a\n * RTL context. For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-position(left, 0);\n * position: absolute;\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n * right: initial;\n *\n * @include mdc-rtl {\n * right: 0;\n * left: initial;\n * }\n * }\n * ```\n * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.\n */\n@keyframes mdc-slider-emphasize {\n 0% {\n animation-timing-function: ease-out; }\n 50% {\n animation-timing-function: ease-in;\n transform: scale(0.85); }\n 100% {\n transform: scale(0.571); } }\n\n.mdc-slider {\n position: relative;\n width: 100%;\n height: 48px;\n cursor: pointer;\n touch-action: pan-x;\n -webkit-tap-highlight-color: transparent; }\n .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track {\n /* @alternate */\n background-color: #018786;\n background-color: var(--mdc-theme-secondary, #018786); }\n .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container {\n background-color: rgba(1, 135, 134, 0.26); }\n .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker::after,\n .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker-container::after {\n /* @alternate */\n background-color: #018786;\n background-color: var(--mdc-theme-secondary, #018786); }\n .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb {\n /* @alternate */\n fill: #018786;\n fill: var(--mdc-theme-secondary, #018786);\n /* @alternate */\n stroke: #018786;\n stroke: var(--mdc-theme-secondary, #018786); }\n .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring {\n /* @alternate */\n background-color: #018786;\n background-color: var(--mdc-theme-secondary, #018786); }\n .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {\n /* @alternate */\n background-color: #018786;\n background-color: var(--mdc-theme-secondary, #018786); }\n .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {\n /* @alternate */\n color: white;\n color: var(--mdc-theme-text-primary-on-dark, white); }\n .mdc-slider--disabled .mdc-slider__track {\n background-color: #9a9a9a; }\n .mdc-slider--disabled .mdc-slider__track-container {\n background-color: rgba(154, 154, 154, 0.26); }\n .mdc-slider--disabled .mdc-slider__track-marker::after,\n .mdc-slider--disabled .mdc-slider__track-marker-container::after {\n background-color: #9a9a9a; }\n .mdc-slider--disabled .mdc-slider__thumb {\n fill: #9a9a9a;\n stroke: #9a9a9a; }\n .mdc-slider--disabled .mdc-slider__thumb {\n /* @alternate */\n stroke: white;\n stroke: var(--mdc-slider-bg-color-behind-component, white); }\n .mdc-slider--theme-dark.mdc-slider--disabled .mdc-slider__track,\n .mdc-theme--dark .mdc-slider--disabled .mdc-slider__track {\n background-color: #787878; }\n .mdc-slider--theme-dark.mdc-slider--disabled .mdc-slider__track-container,\n .mdc-theme--dark .mdc-slider--disabled .mdc-slider__track-container {\n background-color: rgba(120, 120, 120, 0.26); }\n .mdc-slider--theme-dark.mdc-slider--disabled .mdc-slider__track-marker::after, .mdc-slider--theme-dark.mdc-slider--disabled .mdc-slider__track-marker-container::after,\n .mdc-theme--dark .mdc-slider--disabled .mdc-slider__track-marker::after,\n .mdc-theme--dark .mdc-slider--disabled .mdc-slider__track-marker-container::after {\n background-color: #787878; }\n .mdc-slider--theme-dark.mdc-slider--disabled .mdc-slider__thumb,\n .mdc-theme--dark .mdc-slider--disabled .mdc-slider__thumb {\n fill: #787878;\n stroke: #787878; }\n .mdc-slider--theme-dark.mdc-slider--disabled .mdc-slider__thumb,\n .mdc-theme--dark .mdc-slider--disabled .mdc-slider__thumb {\n /* @alternate */\n stroke: #333;\n stroke: var(--mdc-slider-bg-color-behind-component, #333); }\n .mdc-slider:focus {\n outline: none; }\n .mdc-slider__track-container {\n position: absolute;\n top: 50%;\n width: 100%;\n height: 2px;\n overflow: hidden; }\n .mdc-slider__track {\n position: absolute;\n width: 100%;\n height: 100%;\n transform-origin: left top;\n will-change: transform; }\n [dir=\"rtl\"] .mdc-slider .mdc-slider__track,\n .mdc-slider[dir=\"rtl\"] .mdc-slider__track {\n transform-origin: right top; }\n .mdc-slider__track-marker-container {\n display: flex;\n margin-right: 0;\n margin-left: -1px;\n visibility: hidden; }\n [dir=\"rtl\"] .mdc-slider .mdc-slider__track-marker-container,\n .mdc-slider[dir=\"rtl\"] .mdc-slider__track-marker-container {\n margin-right: -1px;\n margin-left: 0; }\n .mdc-slider__track-marker-container::after {\n display: block;\n width: 2px;\n height: 2px;\n content: \"\"; }\n .mdc-slider__track-marker {\n flex: 1; }\n .mdc-slider__track-marker::after {\n display: block;\n width: 2px;\n height: 2px;\n content: \"\"; }\n .mdc-slider__track-marker:first-child::after {\n width: 3px; }\n .mdc-slider__thumb-container {\n position: absolute;\n top: 15px;\n left: 0;\n width: 21px;\n height: 100%;\n user-select: none;\n will-change: transform; }\n .mdc-slider__thumb {\n position: absolute;\n top: 0;\n left: 0;\n transform: scale(0.571);\n transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out;\n stroke-width: 3.5; }\n .mdc-slider__focus-ring {\n width: 21px;\n height: 21px;\n transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out;\n border-radius: 50%;\n opacity: 0; }\n .mdc-slider__pin {\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n align-items: center;\n justify-content: center;\n width: 26px;\n height: 26px;\n margin-top: -2px;\n margin-left: -2px;\n transform: rotate(-45deg) scale(0) translate(0, 0);\n transition: transform 100ms ease-out;\n border-radius: 50% 50% 50% 0%;\n /**\n * Ensuring that the pin is higher than the thumb in the stacking order\n * removes some rendering jank observed in Chrome.\n */\n z-index: 1; }\n .mdc-slider__pin-value-marker {\n font-family: Roboto, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 0.75rem;\n line-height: 1.25rem;\n font-weight: 400;\n letter-spacing: 0.08em;\n text-decoration: inherit;\n text-transform: inherit;\n transform: rotate(45deg); }\n\n.mdc-slider--active .mdc-slider__thumb {\n transform: scale3d(1, 1, 1); }\n\n.mdc-slider--focus .mdc-slider__thumb {\n animation: mdc-slider-emphasize 266.67ms linear; }\n\n.mdc-slider--focus .mdc-slider__focus-ring {\n transform: scale3d(1.55, 1.55, 1.55);\n opacity: .25; }\n\n.mdc-slider--disabled {\n cursor: auto; }\n\n.mdc-slider--in-transit .mdc-slider__thumb {\n transition-delay: 140ms; }\n\n.mdc-slider--in-transit .mdc-slider__thumb-container,\n.mdc-slider--in-transit .mdc-slider__track,\n.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__thumb-container,\n.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__track {\n transition: transform 80ms ease; }\n\n.mdc-slider--discrete.mdc-slider--active .mdc-slider__thumb {\n transform: scale(calc(12 / 21)); }\n\n.mdc-slider--discrete.mdc-slider--active .mdc-slider__pin {\n transform: rotate(-45deg) scale(1) translate(19px, -20px); }\n\n.mdc-slider--discrete.mdc-slider--focus .mdc-slider__thumb {\n animation: none; }\n\n.mdc-slider--discrete.mdc-slider--display-markers .mdc-slider__track-marker-container {\n visibility: visible; }\n\n/**\n * The css property used for elevation. In most cases this should not be changed. It is exposed\n * as a variable for abstraction / easy use when needing to reference the property directly, for\n * example in a `will-change` rule.\n */\n/**\n * The default duration value for elevation transitions.\n */\n/**\n * The default easing value for elevation transitions.\n */\n/**\n * Applies the correct CSS rules to an element to give it the elevation specified by $z-value.\n * The $z-value must be between 0 and 24.\n * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use\n * $opacity-boost.\n */\n/**\n * Returns a string that can be used as the value for a `transition` property for elevation.\n * Calling this function directly is useful in situations where a component needs to transition\n * more than one property.\n *\n * ```scss\n * .foo {\n * transition: mdc-elevation-transition-value(), opacity 100ms ease;\n * will-change: $mdc-elevation-property, opacity;\n * }\n * ```\n */\n.mdc-switch {\n display: inline-block;\n position: relative; }\n .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before {\n background-color: #000; }\n .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob {\n background-color: #fafafa; }\n .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob::before {\n background-color: #9e9e9e; }\n .mdc-switch--theme-dark .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before,\n .mdc-theme--dark .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before {\n background-color: #fff; }\n .mdc-switch--theme-dark .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob,\n .mdc-theme--dark .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob {\n background-color: #bdbdbd; }\n .mdc-switch--theme-dark .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob::before,\n .mdc-theme--dark .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob::before {\n background-color: #f1f1f1; }\n .mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before {\n /* @alternate */\n background-color: #018786;\n background-color: var(--mdc-theme-secondary, #018786); }\n .mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob {\n /* @alternate */\n background-color: #018786;\n background-color: var(--mdc-theme-secondary, #018786); }\n .mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before {\n /* @alternate */\n background-color: #018786;\n background-color: var(--mdc-theme-secondary, #018786); }\n .mdc-switch__native-control {\n position: absolute;\n top: -14px;\n left: -14px;\n width: 48px;\n height: 48px;\n display: inline-block;\n margin-top: -3px;\n transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n cursor: pointer;\n z-index: 2; }\n .mdc-switch__native-control:checked {\n transform: translateX(14px); }\n .mdc-switch__background {\n display: block;\n position: relative;\n width: 34px;\n height: 14px;\n border-radius: 7px;\n outline: none;\n user-select: none; }\n .mdc-switch__background::before {\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 7px;\n opacity: .38;\n content: \"\"; }\n .mdc-switch--theme-dark .mdc-switch__background::before,\n .mdc-theme--dark .mdc-switch__background::before {\n opacity: .3; }\n .mdc-switch__background .mdc-switch__knob {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n display: block;\n position: absolute;\n top: -3px;\n left: 0;\n width: 20px;\n height: 20px;\n transform: translateX(0);\n transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 10px;\n z-index: 1; }\n .mdc-switch__background .mdc-switch__knob::before {\n position: absolute;\n top: -14px;\n left: -14px;\n width: 48px;\n height: 48px;\n transform: scale(0);\n transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 24px;\n opacity: .2;\n content: \"\"; }\n\n.mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob::before {\n position: absolute;\n width: 48px;\n height: 48px;\n transform: scale(1);\n transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 24px; }\n .mdc-switch--theme-dark .mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob::before,\n .mdc-theme--dark .mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob::before {\n opacity: .14; }\n\n.mdc-switch__native-control:checked ~ .mdc-switch__background::before {\n opacity: .5; }\n\n.mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob {\n transform: translateX(14px);\n transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1); }\n .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob::before {\n opacity: .15; }\n\n.mdc-switch__native-control:disabled {\n cursor: initial; }\n\n.mdc-switch__native-control:disabled ~ .mdc-switch__background::before {\n background-color: #000;\n opacity: .12; }\n .mdc-switch--theme-dark .mdc-switch__native-control:disabled ~ .mdc-switch__background::before,\n .mdc-theme--dark .mdc-switch__native-control:disabled ~ .mdc-switch__background::before {\n background-color: #fff;\n opacity: .1; }\n\n.mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob {\n background-color: #bdbdbd; }\n .mdc-switch--theme-dark .mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob,\n .mdc-theme--dark .mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob {\n background-color: #424242; }\n\n/* TODO(sgomes): Figure out what to do about desktop font sizes. */\n/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */\n/**\n * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.\n *\n * Usage Example:\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n *\n * @include mdc-rtl {\n * left: auto;\n * right: 0;\n * }\n *\n * &__bar {\n * margin-left: 4px;\n * @include mdc-rtl(\".mdc-foo\") {\n * margin-left: auto;\n * margin-right: 4px;\n * }\n * }\n * }\n *\n * .mdc-foo--mod {\n * padding-left: 4px;\n *\n * @include mdc-rtl {\n * padding-left: auto;\n * padding-right: 4px;\n * }\n * }\n * ```\n *\n * Note that this works by checking for [dir=\"rtl\"] on an ancestor element. While this will work\n * in most cases, it will in some cases lead to false negatives, e.g.\n *\n * ```html\n * <html dir=\"rtl\">\n * <!-- ... -->\n * <div dir=\"ltr\">\n * <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n * </div>\n * </html>\n * ```\n *\n * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.\n */\n/**\n * Takes a base box-model property - e.g. margin / border / padding - along with a default\n * direction and value, and emits rules which apply the value to the\n * \"<base-property>-<default-direction>\" property by default, but flips the direction\n * when within an RTL context.\n *\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, left, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 8px;\n * margin-left: 0;\n * }\n * }\n * ```\n * whereas:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, right, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-right: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 0;\n * margin-left: 8px;\n * }\n * }\n * ```\n *\n * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,\n * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, \".mdc-component\")`.\n *\n * Note that this function will always zero out the original value in an RTL context. If you're\n * trying to flip the values, use mdc-rtl-reflexive-property().\n */\n/**\n * Takes a base property and emits rules that assign <base-property>-left to <left-value> and\n * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-property(margin, auto, 12px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: auto;\n * margin-right: 12px;\n *\n * @include mdc-rtl {\n * margin-left: 12px;\n * margin-right: auto;\n * }\n * }\n * ```\n *\n * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.\n */\n/**\n * Takes an argument specifying a horizontal position property (either \"left\" or \"right\") as well\n * as a value, and applies that value to the specified position in a LTR context, and flips it in a\n * RTL context. For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-position(left, 0);\n * position: absolute;\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n * right: initial;\n *\n * @include mdc-rtl {\n * right: 0;\n * left: initial;\n * }\n * }\n * ```\n * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.\n */\n.mdc-tab {\n font-family: Roboto, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 0.875rem;\n line-height: 1.5rem;\n font-weight: 500;\n letter-spacing: 0.04em;\n text-decoration: inherit;\n text-transform: inherit;\n /* @alternate */\n color: rgba(0, 0, 0, 0.54);\n color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54));\n display: table-cell;\n position: relative;\n box-sizing: border-box;\n min-width: 160px;\n min-height: 48px;\n padding: 0 24px;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n vertical-align: middle; }\n .mdc-tab .mdc-tab__icon {\n /* @alternate */\n color: rgba(0, 0, 0, 0.54);\n color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)); }\n .mdc-tab:hover {\n /* @alternate */\n color: rgba(0, 0, 0, 0.87);\n color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); }\n .mdc-tab:hover .mdc-tab__icon {\n /* @alternate */\n color: rgba(0, 0, 0, 0.87);\n color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); }\n .mdc-tab:focus {\n /* @alternate */\n outline-color: rgba(0, 0, 0, 0.54);\n outline-color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)); }\n .mdc-tab-bar--theme-dark .mdc-tab,\n .mdc-theme--dark .mdc-tab {\n /* @alternate */\n color: rgba(255, 255, 255, 0.7);\n color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)); }\n .mdc-tab-bar--theme-dark .mdc-tab:hover,\n .mdc-theme--dark .mdc-tab:hover {\n /* @alternate */\n color: white;\n color: var(--mdc-theme-text-primary-on-dark, white); }\n .mdc-tab-bar--theme-dark .mdc-tab:focus,\n .mdc-theme--dark .mdc-tab:focus {\n /* @alternate */\n outline-color: rgba(255, 255, 255, 0.7);\n outline-color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)); }\n @media screen and (max-width: 600px) {\n .mdc-tab {\n min-width: 72px;\n padding: 0 12px; } }\n .mdc-tab__icon {\n display: block;\n margin: 0 auto;\n width: 24px;\n height: 24px; }\n .mdc-tab-bar--icons-with-text .mdc-tab__icon {\n margin-top: 4px; }\n .mdc-tab__icon-text {\n display: block;\n margin: 0 auto; }\n .mdc-tab__icon + .mdc-tab__icon-text {\n padding-top: 6px; }\n\n.mdc-tab--active {\n /* @alternate */\n color: rgba(0, 0, 0, 0.87);\n color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); }\n .mdc-tab--active .mdc-tab__icon {\n /* @alternate */\n color: rgba(0, 0, 0, 0.87);\n color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); }\n .mdc-tab-bar--theme-dark .mdc-tab--active,\n .mdc-theme--dark .mdc-tab--active {\n /* @alternate */\n color: white;\n color: var(--mdc-theme-text-primary-on-dark, white); }\n .mdc-tab--active::before {\n bottom: 0; }\n\n.mdc-tab__indicator {\n /* @alternate */\n background-color: rgba(0, 0, 0, 0.87);\n background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));\n position: absolute;\n left: 0;\n height: 2px;\n visibility: hidden;\n bottom: 2px;\n width: calc(100% - 4px); }\n\n.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab {\n position: relative; }\n\n.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab--active .mdc-tab__indicator,\n.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab:hover .mdc-tab__indicator,\n.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab:active .mdc-tab__indicator {\n visibility: visible; }\n\n.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab:not(.mdc-tab--active):hover .mdc-tab__indicator {\n opacity: .38; }\n\n.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab--active,\n.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab:not(.mdc-tab--active):active .mdc-tab__indicator {\n opacity: .87; }\n\n.mdc-tab.mdc-ripple-upgraded {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: transparent;\n will-change: transform, opacity; }\n .mdc-tab.mdc-ripple-upgraded::before, .mdc-tab.mdc-ripple-upgraded::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: \"\"; }\n .mdc-tab.mdc-ripple-upgraded::before {\n transition: opacity 15ms linear; }\n .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded::after {\n top: 0;\n left: 0;\n transform: scale(0);\n transform-origin: center center; }\n .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded::after {\n top: var(--mdc-ripple-top, 0);\n left: var(--mdc-ripple-left, 0); }\n .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation::after {\n animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }\n .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-deactivation::after {\n animation: 150ms mdc-ripple-fg-opacity-out;\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }\n .mdc-tab.mdc-ripple-upgraded::before, .mdc-tab.mdc-ripple-upgraded::after {\n background-color: black; }\n .mdc-tab.mdc-ripple-upgraded:hover::before {\n opacity: 0.04; }\n .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):focus::before, .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused::before {\n transition-duration: 75ms;\n opacity: 0.12; }\n .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded)::after {\n transition: opacity 150ms linear; }\n .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):active::after {\n transition-duration: 75ms;\n opacity: 0.16; }\n .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: 0.16; }\n .mdc-tab.mdc-ripple-upgraded::before, .mdc-tab.mdc-ripple-upgraded::after {\n top: calc(50% - 100%);\n left: calc(50% - 100%);\n width: 200%;\n height: 200%; }\n .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded::before {\n top: calc(50% - 100%);\n left: calc(50% - 100%);\n width: 200%;\n height: 200%;\n transform: scale(var(--mdc-ripple-fg-scale, 0)); }\n .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded::before {\n top: var(--mdc-ripple-top, calc(50% - 50%));\n left: var(--mdc-ripple-left, calc(50% - 50%));\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n transform: scale(var(--mdc-ripple-fg-scale, 0)); }\n .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%); }\n .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded::before, .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded::after,\n .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded::before,\n .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded::after {\n /* @alternate */\n background-color: white; }\n @supports not (-ms-ime-align: auto) {\n .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded::before, .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded::after,\n .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded::before,\n .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded::after {\n background-color: var(--mdc-theme-text-primary-on-dark, white); } }\n .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded:hover::before,\n .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded:hover::before {\n opacity: 0.08; }\n .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):focus::before, .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused::before,\n .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):focus::before,\n .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused::before {\n transition-duration: 75ms;\n opacity: 0.24; }\n .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded)::after,\n .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded)::after {\n transition: opacity 150ms linear; }\n .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):active::after,\n .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):active::after {\n transition-duration: 75ms;\n opacity: 0.32; }\n .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded,\n .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: 0.32; }\n .mdc-toolbar .mdc-tab.mdc-ripple-upgraded::before, .mdc-toolbar .mdc-tab.mdc-ripple-upgraded::after {\n /* @alternate */\n background-color: white; }\n @supports not (-ms-ime-align: auto) {\n .mdc-toolbar .mdc-tab.mdc-ripple-upgraded::before, .mdc-toolbar .mdc-tab.mdc-ripple-upgraded::after {\n background-color: var(--mdc-theme-text-primary-on-primary, white); } }\n .mdc-toolbar .mdc-tab.mdc-ripple-upgraded:hover::before {\n opacity: 0.08; }\n .mdc-toolbar .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):focus::before, .mdc-toolbar .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused::before {\n transition-duration: 75ms;\n opacity: 0.24; }\n .mdc-toolbar .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded)::after {\n transition: opacity 150ms linear; }\n .mdc-toolbar .mdc-tab.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):active::after {\n transition-duration: 75ms;\n opacity: 0.32; }\n .mdc-toolbar .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: 0.32; }\n .mdc-tab.mdc-ripple-upgraded:focus {\n outline: none; }\n\n/**\n * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.\n *\n * Usage Example:\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n *\n * @include mdc-rtl {\n * left: auto;\n * right: 0;\n * }\n *\n * &__bar {\n * margin-left: 4px;\n * @include mdc-rtl(\".mdc-foo\") {\n * margin-left: auto;\n * margin-right: 4px;\n * }\n * }\n * }\n *\n * .mdc-foo--mod {\n * padding-left: 4px;\n *\n * @include mdc-rtl {\n * padding-left: auto;\n * padding-right: 4px;\n * }\n * }\n * ```\n *\n * Note that this works by checking for [dir=\"rtl\"] on an ancestor element. While this will work\n * in most cases, it will in some cases lead to false negatives, e.g.\n *\n * ```html\n * <html dir=\"rtl\">\n * <!-- ... -->\n * <div dir=\"ltr\">\n * <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n * </div>\n * </html>\n * ```\n *\n * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.\n */\n/**\n * Takes a base box-model property - e.g. margin / border / padding - along with a default\n * direction and value, and emits rules which apply the value to the\n * \"<base-property>-<default-direction>\" property by default, but flips the direction\n * when within an RTL context.\n *\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, left, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 8px;\n * margin-left: 0;\n * }\n * }\n * ```\n * whereas:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, right, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-right: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 0;\n * margin-left: 8px;\n * }\n * }\n * ```\n *\n * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,\n * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, \".mdc-component\")`.\n *\n * Note that this function will always zero out the original value in an RTL context. If you're\n * trying to flip the values, use mdc-rtl-reflexive-property().\n */\n/**\n * Takes a base property and emits rules that assign <base-property>-left to <left-value> and\n * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-property(margin, auto, 12px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: auto;\n * margin-right: 12px;\n *\n * @include mdc-rtl {\n * margin-left: 12px;\n * margin-right: auto;\n * }\n * }\n * ```\n *\n * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.\n */\n/**\n * Takes an argument specifying a horizontal position property (either \"left\" or \"right\") as well\n * as a value, and applies that value to the specified position in a LTR context, and flips it in a\n * RTL context. For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-position(left, 0);\n * position: absolute;\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n * right: initial;\n *\n * @include mdc-rtl {\n * right: 0;\n * left: initial;\n * }\n * }\n * ```\n * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.\n */\n.mdc-tab-bar__indicator {\n /* @alternate */\n background-color: rgba(0, 0, 0, 0.87);\n background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));\n position: absolute;\n left: 0;\n height: 2px;\n visibility: hidden;\n bottom: 0; }\n\n.mdc-tab-bar__indicator, .mdc-tab__indicator {\n /* @alternate */\n background-color: rgba(0, 0, 0, 0.87);\n background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); }\n\n.mdc-tab-bar {\n display: table;\n position: relative;\n height: 48px;\n margin: 0 auto;\n text-transform: uppercase; }\n .mdc-tab-bar__indicator {\n width: 100%;\n transform-origin: left top;\n transition: transform 240ms 0ms cubic-bezier(0, 0, 0.2, 1);\n will-change: transform; }\n .mdc-tab-bar--theme-dark .mdc-tab-bar__indicator,\n .mdc-theme--dark .mdc-tab-bar__indicator {\n /* @alternate */\n background-color: white;\n background-color: var(--mdc-theme-text-primary-on-dark, white); }\n .mdc-toolbar .mdc-tab-bar .mdc-tab {\n /* @alternate */\n color: rgba(255, 255, 255, 0.7);\n color: var(--mdc-theme-text-secondary-on-primary, rgba(255, 255, 255, 0.7)); }\n .mdc-tab-bar--theme-dark .mdc-toolbar .mdc-tab-bar .mdc-tab,\n .mdc-theme--dark .mdc-toolbar .mdc-tab-bar .mdc-tab {\n /* @alternate */\n color: rgba(255, 255, 255, 0.7);\n color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)); }\n .mdc-toolbar .mdc-tab-bar .mdc-tab--active,\n .mdc-toolbar .mdc-tab-bar .mdc-tab:hover {\n /* @alternate */\n color: white;\n color: var(--mdc-theme-text-primary-on-primary, white); }\n .mdc-tab-bar--theme-dark .mdc-toolbar .mdc-tab-bar .mdc-tab--active,\n .mdc-theme--dark .mdc-toolbar .mdc-tab-bar .mdc-tab--active, .mdc-tab-bar--theme-dark\n .mdc-toolbar .mdc-tab-bar .mdc-tab:hover,\n .mdc-theme--dark\n .mdc-toolbar .mdc-tab-bar .mdc-tab:hover {\n /* @alternate */\n color: white;\n color: var(--mdc-theme-text-primary-on-dark, white); }\n .mdc-toolbar .mdc-tab-bar .mdc-tab-bar__indicator {\n /* @alternate */\n background-color: white;\n background-color: var(--mdc-theme-text-primary-on-primary, white); }\n .mdc-tab-bar--theme-dark .mdc-toolbar .mdc-tab-bar .mdc-tab-bar__indicator,\n .mdc-theme--dark .mdc-toolbar .mdc-tab-bar .mdc-tab-bar__indicator {\n /* @alternate */\n background-color: white;\n background-color: var(--mdc-theme-text-primary-on-dark, white); }\n\n.mdc-tab-bar--icons-with-text {\n height: 72px; }\n\n/**\n * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.\n *\n * Usage Example:\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n *\n * @include mdc-rtl {\n * left: auto;\n * right: 0;\n * }\n *\n * &__bar {\n * margin-left: 4px;\n * @include mdc-rtl(\".mdc-foo\") {\n * margin-left: auto;\n * margin-right: 4px;\n * }\n * }\n * }\n *\n * .mdc-foo--mod {\n * padding-left: 4px;\n *\n * @include mdc-rtl {\n * padding-left: auto;\n * padding-right: 4px;\n * }\n * }\n * ```\n *\n * Note that this works by checking for [dir=\"rtl\"] on an ancestor element. While this will work\n * in most cases, it will in some cases lead to false negatives, e.g.\n *\n * ```html\n * <html dir=\"rtl\">\n * <!-- ... -->\n * <div dir=\"ltr\">\n * <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n * </div>\n * </html>\n * ```\n *\n * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.\n */\n/**\n * Takes a base box-model property - e.g. margin / border / padding - along with a default\n * direction and value, and emits rules which apply the value to the\n * \"<base-property>-<default-direction>\" property by default, but flips the direction\n * when within an RTL context.\n *\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, left, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 8px;\n * margin-left: 0;\n * }\n * }\n * ```\n * whereas:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, right, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-right: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 0;\n * margin-left: 8px;\n * }\n * }\n * ```\n *\n * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,\n * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, \".mdc-component\")`.\n *\n * Note that this function will always zero out the original value in an RTL context. If you're\n * trying to flip the values, use mdc-rtl-reflexive-property().\n */\n/**\n * Takes a base property and emits rules that assign <base-property>-left to <left-value> and\n * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-property(margin, auto, 12px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: auto;\n * margin-right: 12px;\n *\n * @include mdc-rtl {\n * margin-left: 12px;\n * margin-right: auto;\n * }\n * }\n * ```\n *\n * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.\n */\n/**\n * Takes an argument specifying a horizontal position property (either \"left\" or \"right\") as well\n * as a value, and applies that value to the specified position in a LTR context, and flips it in a\n * RTL context. For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-position(left, 0);\n * position: absolute;\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n * right: initial;\n *\n * @include mdc-rtl {\n * right: 0;\n * left: initial;\n * }\n * }\n * ```\n * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.\n */\n.mdc-tab-bar-scroller {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n width: 100%;\n background-color: inherit;\n overflow: hidden; }\n .mdc-tab-bar-scroller__scroll-frame {\n display: flex;\n position: relative;\n flex: 1;\n justify-content: flex-start;\n overflow: hidden; }\n .mdc-tab-bar-scroller__scroll-frame__tabs {\n transition: transform 240ms 0ms cubic-bezier(0, 0, 0.2, 1);\n will-change: transform; }\n .mdc-tab-bar-scroller__indicator {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n cursor: pointer;\n visibility: hidden;\n /* @alternate */\n color: rgba(0, 0, 0, 0.54);\n color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)); }\n .mdc-tab-bar--theme-dark .mdc-tab-bar-scroller__indicator,\n .mdc-theme--dark .mdc-tab-bar-scroller__indicator {\n /* @alternate */\n color: rgba(255, 255, 255, 0.7);\n color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)); }\n .mdc-tab-bar-scroller__indicator:hover {\n /* @alternate */\n color: rgba(0, 0, 0, 0.87);\n color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); }\n .mdc-tab-bar--theme-dark .mdc-tab-bar-scroller__indicator:hover,\n .mdc-theme--dark .mdc-tab-bar-scroller__indicator:hover {\n /* @alternate */\n color: white;\n color: var(--mdc-theme-text-primary-on-dark, white); }\n .mdc-tab-bar-scroller__indicator__inner {\n color: inherit;\n text-decoration: inherit;\n cursor: inherit; }\n .mdc-tab-bar-scroller__indicator__inner:focus {\n outline-color: inherit; }\n [dir=\"rtl\"] .mdc-tab-bar-scroller .mdc-tab-bar-scroller__indicator__inner,\n .mdc-tab-bar-scroller[dir=\"rtl\"] .mdc-tab-bar-scroller__indicator__inner {\n transform: rotate(180deg); }\n .mdc-tab-bar-scroller__indicator__inner:hover {\n color: inherit; }\n .mdc-tab-bar--theme-dark .mdc-tab-bar-scroller__indicator__inner:hover,\n .mdc-theme--dark .mdc-tab-bar-scroller__indicator__inner:hover {\n /* @alternate */\n color: rgba(255, 255, 255, 0.7);\n color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)); }\n .mdc-tab-bar-scroller__indicator--enabled {\n visibility: visible; }\n\nhtml, html.myg-theme--default {\n --color-accent-light: #4063e8;\n --color-accent-light: #042ecb;\n --color-accent-light: #052ab3;\n --color-accent-light: #ffffff;\n --color-accent-light: #bec7cf;\n --color-accent-light: #97a4b0;\n --color-accent-light: #657786;\n --color-accent-light: #3d4553;\n --color-accent-light: #14171A;\n --color-accent-light: #fcfcfc;\n --color-accent-light: #ffffff;\n --color-accent-light: #ffffff;\n --color-accent-light: #ecf2f7;\n --color-accent-light: #ebf5fe;\n --color-accent-light: #dce2e7;\n --color-accent-light: rgba(0, 0, 0, 0.05);\n --color-accent-light: #f6809a;\n --color-accent-light: #6adb83;\n --color-accent-light: rgba(231, 236, 240, 0.87); }\n\n/* Flexbox */\n/* Grid */\n/* Myg Grid */\n.welcomer {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n background: #252b33;\n height: 50px;\n margin: 0;\n transition: all .25s ease-out; }\n .welcomer.welcomer-hidden {\n margin-top: -50px; }\n .welcomer p {\n font-family: inherit;\n font-style: normal;\n text-transform: uppercase;\n font-size: 13px;\n letter-spacing: .075em;\n color: #fff;\n opacity: .75; }\n .welcomer a {\n height: 27px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 15px;\n letter-spacing: .1em;\n text-transform: uppercase;\n font-family: inherit;\n font-style: normal;\n font-weight: normal;\n font-size: 10px;\n color: #fff;\n margin-left: 20px;\n background: #2d5ee8;\n border-radius: 13.5px;\n transition: all .25s ease-out; }\n .welcomer a:hover {\n background: #1c4cd2; }\n .welcomer .welcomer-closer {\n transition: all .15s ease-out;\n cursor: pointer;\n position: absolute;\n top: 15px;\n right: 20px;\n bottom: 15px;\n opacity: .25; }\n .welcomer .welcomer-closer:hover {\n opacity: .75; }\n\n@media (max-width: 750px) {\n .welcomer a {\n height: auto;\n display: block;\n padding: 0;\n color: #4372f5;\n border-radius: 0;\n background: none !important;\n font-size: 11px; }\n .welcomer p {\n font-size: 11px;\n letter-spacing: .1em; }\n .welcomer .welcomer-closer {\n display: none; } }\n\nhtml, html.myg-theme--default {\n --color-accent-light: #4063e8;\n --color-accent-light: #042ecb;\n --color-accent-light: #052ab3;\n --color-accent-light: #ffffff;\n --color-accent-light: #bec7cf;\n --color-accent-light: #97a4b0;\n --color-accent-light: #657786;\n --color-accent-light: #3d4553;\n --color-accent-light: #14171A;\n --color-accent-light: #fcfcfc;\n --color-accent-light: #ffffff;\n --color-accent-light: #ffffff;\n --color-accent-light: #ecf2f7;\n --color-accent-light: #ebf5fe;\n --color-accent-light: #dce2e7;\n --color-accent-light: rgba(0, 0, 0, 0.05);\n --color-accent-light: #f6809a;\n --color-accent-light: #6adb83;\n --color-accent-light: rgba(231, 236, 240, 0.87); }\n\n/**\n * The css property used for elevation. In most cases this should not be changed. It is exposed\n * as a variable for abstraction / easy use when needing to reference the property directly, for\n * example in a `will-change` rule.\n */\n/**\n * The default duration value for elevation transitions.\n */\n/**\n * The default easing value for elevation transitions.\n */\n/**\n * Applies the correct CSS rules to an element to give it the elevation specified by $z-value.\n * The $z-value must be between 0 and 24.\n * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use\n * $opacity-boost.\n */\n/**\n * Returns a string that can be used as the value for a `transition` property for elevation.\n * Calling this function directly is useful in situations where a component needs to transition\n * more than one property.\n *\n * ```scss\n * .foo {\n * transition: mdc-elevation-transition-value(), opacity 100ms ease;\n * will-change: $mdc-elevation-property, opacity;\n * }\n * ```\n */\n/**\n * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.\n *\n * Usage Example:\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n *\n * @include mdc-rtl {\n * left: auto;\n * right: 0;\n * }\n *\n * &__bar {\n * margin-left: 4px;\n * @include mdc-rtl(\".mdc-foo\") {\n * margin-left: auto;\n * margin-right: 4px;\n * }\n * }\n * }\n *\n * .mdc-foo--mod {\n * padding-left: 4px;\n *\n * @include mdc-rtl {\n * padding-left: auto;\n * padding-right: 4px;\n * }\n * }\n * ```\n *\n * Note that this works by checking for [dir=\"rtl\"] on an ancestor element. While this will work\n * in most cases, it will in some cases lead to false negatives, e.g.\n *\n * ```html\n * <html dir=\"rtl\">\n * <!-- ... -->\n * <div dir=\"ltr\">\n * <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n * </div>\n * </html>\n * ```\n *\n * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.\n */\n/**\n * Takes a base box-model property - e.g. margin / border / padding - along with a default\n * direction and value, and emits rules which apply the value to the\n * \"<base-property>-<default-direction>\" property by default, but flips the direction\n * when within an RTL context.\n *\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, left, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 8px;\n * margin-left: 0;\n * }\n * }\n * ```\n * whereas:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, right, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-right: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 0;\n * margin-left: 8px;\n * }\n * }\n * ```\n *\n * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,\n * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, \".mdc-component\")`.\n *\n * Note that this function will always zero out the original value in an RTL context. If you're\n * trying to flip the values, use mdc-rtl-reflexive-property().\n */\n/**\n * Takes a base property and emits rules that assign <base-property>-left to <left-value> and\n * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-property(margin, auto, 12px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: auto;\n * margin-right: 12px;\n *\n * @include mdc-rtl {\n * margin-left: 12px;\n * margin-right: auto;\n * }\n * }\n * ```\n *\n * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.\n */\n/**\n * Takes an argument specifying a horizontal position property (either \"left\" or \"right\") as well\n * as a value, and applies that value to the specified position in a LTR context, and flips it in a\n * RTL context. For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-position(left, 0);\n * position: absolute;\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n * right: initial;\n *\n * @include mdc-rtl {\n * right: 0;\n * left: initial;\n * }\n * }\n * ```\n * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.\n */\n/* TODO(sgomes): Figure out what to do about desktop font sizes. */\n/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */\n.mdc-toolbar {\n /* @alternate */\n background-color: #6200ee;\n background-color: var(--mdc-theme-primary, #6200ee);\n color: white;\n display: flex;\n position: relative;\n flex-direction: column;\n justify-content: space-between;\n box-sizing: border-box;\n width: 100%; }\n .mdc-toolbar__row {\n display: flex;\n position: relative;\n align-items: center;\n box-sizing: border-box;\n width: 100%;\n height: auto;\n min-height: 64px; }\n @media (max-width: 959px) and (orientation: landscape) {\n .mdc-toolbar__row {\n min-height: 48px; } }\n @media (max-width: 599px) {\n .mdc-toolbar__row {\n min-height: 56px; } }\n .mdc-toolbar__section {\n display: inline-flex;\n flex: 1;\n align-items: flex-start;\n justify-content: center;\n min-width: 0;\n height: 100%;\n z-index: 1; }\n .mdc-toolbar__section--align-start {\n justify-content: flex-start;\n order: -1; }\n .mdc-toolbar__section--align-end {\n justify-content: flex-end;\n order: 1; }\n .mdc-toolbar__title {\n font-family: Roboto, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 1.25rem;\n line-height: 2rem;\n font-weight: 500;\n letter-spacing: 0.02em;\n text-decoration: inherit;\n text-transform: inherit;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n margin-left: 24px;\n margin-right: 0;\n align-self: center;\n padding: 16px 0;\n line-height: 1.5rem;\n z-index: 1; }\n [dir=\"rtl\"] .mdc-toolbar__title, .mdc-toolbar__title[dir=\"rtl\"] {\n margin-left: 0;\n margin-right: 24px; }\n .mdc-toolbar__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 16px;\n border: none;\n background-color: transparent;\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n padding-right: 12px;\n padding-left: 12px; }\n .mdc-toolbar__icon:last-of-type {\n padding-left: 12px;\n padding-right: 24px; }\n [dir=\"rtl\"] .mdc-toolbar__icon:last-of-type, .mdc-toolbar__icon:last-of-type[dir=\"rtl\"] {\n padding-left: 24px;\n padding-right: 12px; }\n .mdc-toolbar__menu-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 16px;\n border: none;\n background-color: transparent;\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n padding-right: 24px;\n padding-left: 24px; }\n\n.mdc-toolbar__menu-icon + .mdc-toolbar__title {\n margin-left: 8px;\n margin-right: 0; }\n [dir=\"rtl\"] .mdc-toolbar__menu-icon + .mdc-toolbar__title, .mdc-toolbar__menu-icon + .mdc-toolbar__title[dir=\"rtl\"] {\n margin-left: 0;\n margin-right: 8px; }\n\n@media (max-width: 599px) {\n .mdc-toolbar__title {\n margin-left: 16px;\n margin-right: 0; }\n [dir=\"rtl\"] .mdc-toolbar__title, .mdc-toolbar__title[dir=\"rtl\"] {\n margin-left: 0;\n margin-right: 16px; }\n .mdc-toolbar__icon {\n padding-right: 8px;\n padding-left: 8px; }\n .mdc-toolbar__icon:last-of-type {\n padding-left: 8px;\n padding-right: 16px; }\n [dir=\"rtl\"] .mdc-toolbar__icon:last-of-type, .mdc-toolbar__icon:last-of-type[dir=\"rtl\"] {\n padding-left: 16px;\n padding-right: 8px; }\n .mdc-toolbar__menu-icon {\n padding-right: 16px;\n padding-left: 16px; }\n .mdc-toolbar__menu-icon + .mdc-toolbar__title {\n margin-left: 16px;\n margin-right: 0; }\n [dir=\"rtl\"] .mdc-toolbar__menu-icon + .mdc-toolbar__title, .mdc-toolbar__menu-icon + .mdc-toolbar__title[dir=\"rtl\"] {\n margin-left: 0;\n margin-right: 16px; } }\n\n.mdc-toolbar--fixed {\n box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\n position: fixed;\n top: 0;\n left: 0;\n z-index: 4; }\n\n.mdc-toolbar--flexible {\n --mdc-toolbar-ratio-to-extend-flexible: 4; }\n .mdc-toolbar--flexible .mdc-toolbar__row:first-child {\n height: 256px;\n height: calc(64px * var(--mdc-toolbar-ratio-to-extend-flexible, 4)); }\n @media (max-width: 599px) {\n .mdc-toolbar--flexible .mdc-toolbar__row:first-child {\n height: 224px;\n height: calc(56px * var(--mdc-toolbar-ratio-to-extend-flexible, 4)); } }\n .mdc-toolbar--flexible .mdc-toolbar__row:first-child::after {\n position: absolute;\n content: \"\"; }\n .mdc-toolbar--flexible-default-behavior .mdc-toolbar__title {\n font-family: Roboto, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 2.125rem;\n line-height: 2.5rem;\n font-weight: 400;\n letter-spacing: normal;\n text-decoration: inherit;\n text-transform: inherit;\n align-self: flex-end;\n line-height: 1.5rem; }\n .mdc-toolbar--flexible-default-behavior .mdc-toolbar__row:first-child::after {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n transition: opacity .2s ease;\n opacity: 1; }\n .mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__row:first-child::after {\n opacity: 0; }\n .mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__title {\n font-weight: 500; }\n\n.mdc-toolbar--waterfall.mdc-toolbar--fixed {\n box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);\n will-change: box-shadow; }\n .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--flexible-space-minimized {\n box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }\n .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--flexible-space-minimized {\n box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }\n .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--fixed-at-last-row {\n box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }\n\n.mdc-toolbar-fixed-adjust {\n margin-top: 64px; }\n @media (max-width: 959px) and (max-height: 599px) {\n .mdc-toolbar-fixed-adjust {\n margin-top: 48px; } }\n @media (max-width: 599px) {\n .mdc-toolbar-fixed-adjust {\n margin-top: 56px; } }\n\n.mdc-toolbar__section--shrink-to-fit {\n flex: none; }\n\n.mdc-toolbar.flexible ~ main {\n padding-top: 3.5625rem; }\n\nhtml, html.myg-theme--default {\n --color-accent-light: #4063e8;\n --color-accent-light: #042ecb;\n --color-accent-light: #052ab3;\n --color-accent-light: #ffffff;\n --color-accent-light: #bec7cf;\n --color-accent-light: #97a4b0;\n --color-accent-light: #657786;\n --color-accent-light: #3d4553;\n --color-accent-light: #14171A;\n --color-accent-light: #fcfcfc;\n --color-accent-light: #ffffff;\n --color-accent-light: #ffffff;\n --color-accent-light: #ecf2f7;\n --color-accent-light: #ebf5fe;\n --color-accent-light: #dce2e7;\n --color-accent-light: rgba(0, 0, 0, 0.05);\n --color-accent-light: #f6809a;\n --color-accent-light: #6adb83;\n --color-accent-light: rgba(231, 236, 240, 0.87); }\n\n/**\n * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.\n *\n * Usage Example:\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n *\n * @include mdc-rtl {\n * left: auto;\n * right: 0;\n * }\n *\n * &__bar {\n * margin-left: 4px;\n * @include mdc-rtl(\".mdc-foo\") {\n * margin-left: auto;\n * margin-right: 4px;\n * }\n * }\n * }\n *\n * .mdc-foo--mod {\n * padding-left: 4px;\n *\n * @include mdc-rtl {\n * padding-left: auto;\n * padding-right: 4px;\n * }\n * }\n * ```\n *\n * Note that this works by checking for [dir=\"rtl\"] on an ancestor element. While this will work\n * in most cases, it will in some cases lead to false negatives, e.g.\n *\n * ```html\n * <html dir=\"rtl\">\n * <!-- ... -->\n * <div dir=\"ltr\">\n * <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n * </div>\n * </html>\n * ```\n *\n * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.\n */\n/**\n * Takes a base box-model property - e.g. margin / border / padding - along with a default\n * direction and value, and emits rules which apply the value to the\n * \"<base-property>-<default-direction>\" property by default, but flips the direction\n * when within an RTL context.\n *\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, left, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 8px;\n * margin-left: 0;\n * }\n * }\n * ```\n * whereas:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-box(margin, right, 8px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-right: 8px;\n *\n * @include mdc-rtl {\n * margin-right: 0;\n * margin-left: 8px;\n * }\n * }\n * ```\n *\n * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,\n * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, \".mdc-component\")`.\n *\n * Note that this function will always zero out the original value in an RTL context. If you're\n * trying to flip the values, use mdc-rtl-reflexive-property().\n */\n/**\n * Takes a base property and emits rules that assign <base-property>-left to <left-value> and\n * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.\n * For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-property(margin, auto, 12px);\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * margin-left: auto;\n * margin-right: 12px;\n *\n * @include mdc-rtl {\n * margin-left: 12px;\n * margin-right: auto;\n * }\n * }\n * ```\n *\n * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.\n */\n/**\n * Takes an argument specifying a horizontal position property (either \"left\" or \"right\") as well\n * as a value, and applies that value to the specified position in a LTR context, and flips it in a\n * RTL context. For example:\n *\n * ```scss\n * .mdc-foo {\n * @include mdc-rtl-reflexive-position(left, 0);\n * position: absolute;\n * }\n * ```\n * is equivalent to:\n *\n * ```scss\n * .mdc-foo {\n * position: absolute;\n * left: 0;\n * right: initial;\n *\n * @include mdc-rtl {\n * right: 0;\n * left: initial;\n * }\n * }\n * ```\n * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.\n */\n/* TODO(sgomes): Figure out what to do about desktop font sizes. */\n/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */\n/* postcss-bem-linter: define snackbar */\n.mdc-snackbar {\n display: flex;\n position: fixed;\n bottom: 0;\n left: 50%;\n align-items: center;\n justify-content: flex-start;\n box-sizing: border-box;\n padding-right: 24px;\n padding-left: 24px;\n transform: translate(-50%, 100%);\n transition: transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);\n background-color: #323232;\n pointer-events: none;\n will-change: transform; }\n .mdc-snackbar--theme-dark .mdc-snackbar,\n .mdc-theme--dark .mdc-snackbar {\n background-color: #fafafa; }\n @media (max-width: 599px) {\n .mdc-snackbar {\n left: 0;\n width: 100%;\n transform: translate(0, 100%); } }\n @media (min-width: 600px) {\n .mdc-snackbar {\n min-width: 288px;\n max-width: 568px;\n border-radius: 2px; } }\n\n@media (min-width: 600px) {\n .mdc-snackbar--align-start {\n left: 24px;\n right: initial;\n bottom: 24px;\n transform: translate(0, 200%); }\n [dir=\"rtl\"] .mdc-snackbar--align-start, .mdc-snackbar--align-start[dir=\"rtl\"] {\n left: initial;\n right: 24px; } }\n\n@media (max-width: 599px) {\n .mdc-snackbar--align-start {\n bottom: 0;\n left: 0;\n width: 100%;\n transform: translate(0, 100%); } }\n\n.mdc-snackbar--active {\n transform: translate(0);\n transition: transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1);\n pointer-events: auto; }\n .mdc-snackbar--active:not(.mdc-snackbar--align-start) {\n transform: translate(-50%, 0); }\n @media (max-width: 599px) {\n .mdc-snackbar--active:not(.mdc-snackbar--align-start) {\n bottom: 0;\n left: 0;\n width: 100%;\n transform: translate(0); } }\n\n.mdc-snackbar__action-wrapper {\n padding-left: 24px;\n padding-right: 0; }\n [dir=\"rtl\"] .mdc-snackbar__action-wrapper, .mdc-snackbar__action-wrapper[dir=\"rtl\"] {\n padding-left: 0;\n padding-right: 24px; }\n\n.mdc-snackbar--action-on-bottom {\n flex-direction: column; }\n\n.mdc-snackbar__text {\n font-family: Roboto, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 400;\n letter-spacing: 0.04em;\n text-decoration: inherit;\n text-transform: inherit;\n margin-left: 0;\n margin-right: auto;\n display: flex;\n align-items: center;\n height: 48px;\n transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1);\n opacity: 0;\n color: white; }\n [dir=\"rtl\"] .mdc-snackbar .mdc-snackbar__text,\n .mdc-snackbar[dir=\"rtl\"] .mdc-snackbar__text {\n margin-left: auto;\n margin-right: 0; }\n .mdc-snackbar--theme-dark .mdc-snackbar__text,\n .mdc-theme--dark .mdc-snackbar__text {\n /* @alternate */\n color: rgba(0, 0, 0, 0.87);\n color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); }\n @media (min-width: 600px) {\n .mdc-snackbar__text {\n padding-left: 0;\n padding-right: 24px; }\n [dir=\"rtl\"] .mdc-snackbar__text, .mdc-snackbar__text[dir=\"rtl\"] {\n padding-left: 24px;\n padding-right: 0; } }\n\n.mdc-snackbar--action-on-bottom .mdc-snackbar__text {\n margin-right: inherit; }\n\n.mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper {\n margin-left: auto;\n margin-right: 0;\n flex-direction: column;\n justify-content: flex-start;\n margin-top: -12px;\n margin-bottom: 8px; }\n [dir=\"rtl\"] .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper, .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper[dir=\"rtl\"] {\n margin-left: 0;\n margin-right: auto; }\n\n.mdc-snackbar--multiline .mdc-snackbar__text {\n height: 80px; }\n\n.mdc-snackbar__action-button {\n font-family: Roboto, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 0.875rem;\n line-height: 2.25rem;\n font-weight: 500;\n letter-spacing: 0.04em;\n text-decoration: none;\n text-transform: uppercase;\n /* @alternate */\n color: #018786;\n color: var(--mdc-theme-secondary, #018786);\n padding: 0;\n transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1);\n border: none;\n outline: none;\n background-color: transparent;\n opacity: 0;\n user-select: none;\n -webkit-appearance: none;\n visibility: hidden; }\n .mdc-snackbar--theme-dark .mdc-snackbar__action-button,\n .mdc-theme--dark .mdc-snackbar__action-button {\n /* @alternate */\n color: #6200ee;\n color: var(--mdc-theme-primary, #6200ee); }\n .mdc-snackbar__action-button:hover {\n cursor: pointer; }\n .mdc-snackbar__action-button::-moz-focus-inner {\n border: 0; }\n .mdc-snackbar__action-button:not([aria-hidden]) {\n visibility: inherit; }\n\n.mdc-snackbar--active .mdc-snackbar__text,\n.mdc-snackbar--active .mdc-snackbar__action-button:not([aria-hidden]) {\n transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1);\n opacity: 1; }\n\n/* stylelint-disable plugin/selector-bem-pattern */\n.mdc-snackbar--multiline.mdc-snackbar--action-on-bottom .mdc-snackbar__text {\n margin: 0; }\n\n/* stylelint-enable plugin/selector-bem-pattern */\n/* postcss-bem-linter: end */\n.animate--shake {\n animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }\n\n.animate--bell {\n animation: bell 3s ease-in-out; }\n\n.pwa {\n display: none; }\n @media all and (display-mode: standalone) {\n .pwa {\n display: block; } }\n\n@media all and (display-mode: standalone) {\n .not-pwa {\n display: none; } }\n\n.cursor--default {\n cursor: default; }\n\n.cursor--text {\n cursor: text; }\n\n.cursor--pointer {\n cursor: pointer; }\n\n.cursor--help {\n cursor: help; }\n\n.cursor--move {\n cursor: move; }\n\n.cursor--grab {\n cursor: grab; }\n\n.cursor--progress {\n cursor: progress; }\n\n.cursor--wait {\n cursor: wait; }\n\n.scrollable {\n overflow: auto; }\n\n.scrollable--m {\n overflow-x: auto; }\n\n.scrollable--c {\n overflow-y: auto; }\n\n.not-scrollable {\n overflow: hidden; }\n\n.not-scrollable--m {\n overflow-x: hidden; }\n\n.not-scrollable--c {\n overflow-y: hidden; }\n\n.selectable {\n user-select: auto; }\n\n.selectable--auto:focus {\n user-select: all; }\n\n.not-selectable {\n user-select: none; }\n\n.flip--m {\n -moz-transform: scaleX(-1);\n -o-transform: scaleX(-1);\n -webkit-transform: scaleX(-1);\n transform: scaleX(-1);\n filter: FlipH;\n -ms-filter: \"FlipH\"; }\n\n.flip--c {\n -moz-transform: scale(1, -1);\n -webkit-transform: scale(1, -1);\n -o-transform: scale(1, -1);\n -ms-transform: scale(1, -1);\n transform: scale(1, -1);\n filter: FlipV;\n -ms-filter: \"FlipV\"; }\n\n.display {\n display: block !important; }\n\n.hidden {\n display: none !important; }\n\n.show {\n display: block; }\n\n.hide {\n display: none; }\n\n.visible {\n visibility: visible;\n opacity: 1; }\n\n.invisible {\n visibility: hidden;\n opacity: 0; }\n\n.intransparent {\n opacity: 1; }\n\n.transparent {\n opacity: 0; }\n\n.myg-button {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 0.1875rem;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n box-shadow: 0 0.0625em 0.3125em 0 var(--color-box-shadow);\n background: var(--color-accent-base);\n border: 0.0625rem solid var(--color-accent-base);\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1;\n cursor: pointer;\n padding: 1rem 1.25rem 1.125rem; }\n .myg-button, .myg-button span {\n color: var(--color-accent-contrast);\n transition: all 0.15s ease-out; }\n .myg-button:hover, .myg-button:focus, .myg-button:active {\n background: var(--color-accent-dark);\n border-color: var(--color-accent-dark);\n box-shadow: 0 0.25em 0.9375em 0 var(--color-box-shadow); }\n .myg-button.myg-button--dense {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 0.1875rem;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n box-shadow: 0 0.0625em 0.3125em 0 var(--color-box-shadow);\n background: var(--color-accent-base);\n border: 0.0625rem solid var(--color-accent-base);\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1;\n cursor: pointer;\n padding: 1rem 1.25rem 1.125rem;\n padding: rpx(12) rpx(18) rpx(14); }\n .myg-button.myg-button--dense, .myg-button.myg-button--dense span {\n color: var(--color-accent-contrast);\n transition: all 0.15s ease-out; }\n .myg-button.myg-button--dense:hover, .myg-button.myg-button--dense:focus, .myg-button.myg-button--dense:active {\n background: var(--color-accent-dark);\n border-color: var(--color-accent-dark);\n box-shadow: 0 0.25em 0.9375em 0 var(--color-box-shadow); }\n .myg-button.myg-button--disabled {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 0.1875rem;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n box-shadow: 0 0.0625em 0.3125em 0 var(--color-box-shadow);\n background: var(--color-accent-base);\n border: 0.0625rem solid var(--color-accent-base);\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1;\n cursor: pointer;\n padding: 1rem 1.25rem 1.125rem;\n opacity: .35;\n cursor: not-allowed; }\n .myg-button.myg-button--disabled, .myg-button.myg-button--disabled span {\n color: var(--color-accent-contrast);\n transition: all 0.15s ease-out; }\n .myg-button.myg-button--disabled:hover, .myg-button.myg-button--disabled:focus, .myg-button.myg-button--disabled:active {\n background: var(--color-accent-dark);\n border-color: var(--color-accent-dark);\n box-shadow: 0 0.25em 0.9375em 0 var(--color-box-shadow); }\n .myg-button.myg-button--disabled:hover {\n animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }\n .myg-button.myg-button--disabled:focus, .myg-button.myg-button--disabled:active {\n pointer-events: none; }\n .myg-button.myg-button--secondary {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 0.1875rem;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n box-shadow: 0 0.0625em 0.3125em 0 var(--color-box-shadow);\n background: var(--color-accent-base);\n border: 0.0625rem solid var(--color-accent-base);\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1;\n cursor: pointer;\n padding: 1rem 1.25rem 1.125rem;\n background: var(--color-background-lighter);\n border-color: var(--color-border); }\n .myg-button.myg-button--secondary, .myg-button.myg-button--secondary span {\n color: var(--color-accent-contrast);\n transition: all 0.15s ease-out; }\n .myg-button.myg-button--secondary:hover, .myg-button.myg-button--secondary:focus, .myg-button.myg-button--secondary:active {\n background: var(--color-accent-dark);\n border-color: var(--color-accent-dark);\n box-shadow: 0 0.25em 0.9375em 0 var(--color-box-shadow); }\n .myg-button.myg-button--secondary, .myg-button.myg-button--secondary span {\n color: var(--color-text-light); }\n .myg-button.myg-button--secondary:hover {\n border-color: var(--color-accent-base); }\n .myg-button.myg-button--secondary:hover, .myg-button.myg-button--secondary:hover span {\n color: var(--color-accent-base); }\n .myg-button.myg-button--icon {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 0.1875rem;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n box-shadow: 0 0.0625em 0.3125em 0 var(--color-box-shadow);\n background: var(--color-accent-base);\n border: 0.0625rem solid var(--color-accent-base);\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1;\n cursor: pointer;\n padding: 1rem 1.25rem 1.125rem;\n padding: rpx(17) rpx(16) rpx(13); }\n .myg-button.myg-button--icon, .myg-button.myg-button--icon span {\n color: var(--color-accent-contrast);\n transition: all 0.15s ease-out; }\n .myg-button.myg-button--icon:hover, .myg-button.myg-button--icon:focus, .myg-button.myg-button--icon:active {\n background: var(--color-accent-dark);\n border-color: var(--color-accent-dark);\n box-shadow: 0 0.25em 0.9375em 0 var(--color-box-shadow); }\n .myg-button.myg-button--icon svg {\n position: relative;\n top: -0.125rem;\n margin-right: 1.875rem;\n width: 1.125rem;\n height: 1.125rem;\n font-size: 1.125rem;\n color: inherit;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.15s ease-out; }\n .myg-button.myg-button--icon svg.show {\n opacity: 1;\n visibility: visible; }\n .myg-button.myg-button--icon .caption {\n width: 100%;\n text-align: center; }\n .myg-button.myg-button--loader {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 0.1875rem;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n box-shadow: 0 0.0625em 0.3125em 0 var(--color-box-shadow);\n background: var(--color-accent-base);\n border: 0.0625rem solid var(--color-accent-base);\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1;\n cursor: pointer;\n padding: 1rem 1.25rem 1.125rem;\n position: relative; }\n .myg-button.myg-button--loader, .myg-button.myg-button--loader span {\n color: var(--color-accent-contrast);\n transition: all 0.15s ease-out; }\n .myg-button.myg-button--loader:hover, .myg-button.myg-button--loader:focus, .myg-button.myg-button--loader:active {\n background: var(--color-accent-dark);\n border-color: var(--color-accent-dark);\n box-shadow: 0 0.25em 0.9375em 0 var(--color-box-shadow); }\n .myg-button.myg-button--loader svg {\n display: none;\n position: absolute;\n transition: initial;\n top: 0.75rem;\n width: 1.5rem;\n height: 1.5rem; }\n .myg-button.myg-button--loader svg.visible {\n visibility: visible;\n opacity: 1; }\n .myg-button.myg-button--loader svg line {\n stroke: white;\n stroke-width: 1.5; }\n .myg-button.myg-button--loader.loading {\n height: rpx(50);\n padding-top: 0;\n padding-bottom: 0; }\n\n.myg-button--container {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n margin: -0.625rem; }\n .myg-button--container a.btn, .myg-button--container button, .myg-button--container input[type=\"submit\"] {\n margin: 0.625rem; }\n\n.myg-checkbox.mdc-checkbox {\n --color-accent-light: #dce2e7;\n --color-accent-light: var(--color-accent-base); }\n .myg-checkbox.mdc-checkbox::before, .myg-checkbox.mdc-checkbox::after {\n background: rgba(4, 46, 203, 0.35); }\n .myg-checkbox.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .myg-checkbox.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {\n background: var(--color-accent-base) !important;\n border-color: var(--color-accent-base) !important; }\n .myg-checkbox.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {\n background: transparent !important;\n border-color: #dce2e7 !important; }\n\n.myg-draweraside.mdc-drawer--temporary {\n color: var(--color-text-base); }\n .myg-draweraside.mdc-drawer--temporary ::-webkit-scrollbar {\n width: 0.3125rem; }\n .myg-draweraside.mdc-drawer--temporary ::-webkit-scrollbar-track {\n background: transparent; }\n .myg-draweraside.mdc-drawer--temporary ::-webkit-scrollbar-thumb {\n border-radius: 0.15625rem;\n background: color(border); }\n .myg-draweraside.mdc-drawer--temporary ::-webkit-scrollbar-thumb:hover {\n background: color(text, dark); }\n .myg-draweraside.mdc-drawer--temporary::before {\n background: var(--color-overlay); }\n .myg-draweraside.mdc-drawer--temporary nav.mdc-drawer__drawer {\n max-width: 21.875rem;\n width: 85%;\n box-shadow: style(box-shadow, sm);\n background: var(--color-background-base); }\n .myg-draweraside.mdc-drawer--temporary nav.mdc-drawer__drawer header.mdc-drawer__header {\n border-bottom: 0.0625rem solid var(--color-border); }\n .myg-draweraside.mdc-drawer--temporary nav.mdc-drawer__drawer header.mdc-drawer__header::before {\n content: none; }\n .myg-draweraside.mdc-drawer--temporary nav.mdc-drawer__drawer header.mdc-drawer__header .mdc-drawer__header-content {\n position: relative;\n padding: 1.875rem;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n top: auto;\n bottom: auto;\n left: auto;\n right: auto; }\n .myg-draweraside.mdc-drawer--temporary nav.mdc-drawer__drawer header.mdc-drawer__header .mdc-drawer__header-content a:last-child {\n margin-top: 1.25rem; }\n .myg-draweraside.mdc-drawer--temporary nav.mdc-drawer__drawer header.mdc-drawer__header .mdc-drawer__header-content h4 {\n margin: 0;\n margin-bottom: 0.1875rem; }\n .myg-draweraside.mdc-drawer--temporary nav.mdc-drawer__drawer nav.mdc-drawer__content {\n padding: 1.875rem;\n display: flex;\n flex-direction: column; }\n .myg-draweraside.mdc-drawer--temporary nav.mdc-drawer__drawer nav.mdc-drawer__content a {\n font-weight: normal;\n margin: 0.625rem 0;\n font-size: 0.875rem; }\n .myg-draweraside.mdc-drawer--temporary nav.mdc-drawer__drawer nav.mdc-drawer__footer {\n padding: 1.25rem 1.875rem;\n border-top: 0.0625rem solid var(--color-border-base);\n display: flex;\n align-items: center;\n justify-content: space-between;\n box-shadow: none;\n border-top: 0.0625rem solid var(--color-border); }\n .myg-draweraside.mdc-drawer--temporary nav.mdc-drawer__drawer nav.mdc-drawer__footer a {\n font-weight: normal; }\n .myg-draweraside.mdc-drawer--temporary nav.mdc-drawer__drawer nav.mdc-drawer__footer .link-wrapper {\n position: relative;\n top: -0.125rem; }\n\n.myg-elevation--name {\n box-shadow: 0 0.0625em 0.3125em 0 var(--color-box-shadow); }\n\n.myg-elevation--name {\n box-shadow: 0 0.25em 0.9375em 0 var(--color-box-shadow); }\n\n.myg-elevation--name {\n box-shadow: 0 0.4375em 2.5em 0 var(--color-box-shadow); }\n\n.font--sans-serif {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; }\n\n.font--monospace {\n font-family: \"Inconsolata\", \"Roboto Mono\", \"Courier New\", monospace; }\n\n.italic {\n font-style: italic; }\n\n.uppercase {\n text-transform: uppercase; }\n\n.downcase {\n text-transform: downcase; }\n\n.black {\n font-weight: 900; }\n\n.bold {\n font-weight: 700; }\n\n.semibold {\n font-weight: 600; }\n\n.medium {\n font-weight: 500; }\n\n.light {\n font-weight: 300; }\n\n.thin {\n font-weight: 200; }\n\n.myg-footer {\n position: fixed;\n z-index: 1;\n bottom: 0;\n left: 0;\n right: 0;\n width: 100%;\n min-height: 1.5625rem;\n padding: 1.875rem;\n border-top: rpx(1) solid var(--color-border);\n transition: bottom 0.2s ease-out; }\n @media (min-width: 768px) {\n .myg-footer {\n padding: 3.125rem; } }\n\n.myg-footer--stick {\n position: fixed;\n z-index: 1;\n bottom: 0;\n left: 0;\n right: 0;\n width: 100%;\n min-height: 1.5625rem;\n padding: 1.875rem;\n border-top: rpx(1) solid var(--color-border);\n transition: bottom 0.2s ease-out;\n position: inherit;\n left: auto;\n right: auto;\n bottom: auto; }\n @media (min-width: 768px) {\n .myg-footer--stick {\n padding: 3.125rem; } }\n\n/* Flexbox */\n.flex {\n display: flex; }\n .flex.reverse {\n flex-direction: row-reverse; }\n .flex.column {\n flex-direction: column; }\n .flex.column.reverse {\n flex-direction: column-reverse; }\n .flex.container--center {\n display: flex;\n align-content: center; }\n .flex.container--start {\n display: flex;\n align-content: flex-start; }\n .flex.container--end {\n display: flex;\n align-content: flex-end; }\n .flex.container--space-between {\n display: flex;\n align-content: space-between; }\n .flex.container--space-around {\n display: flex;\n align-content: space-around; }\n .flex.container--space-evenly {\n display: flex;\n align-content: space-evenly; }\n .flex.wrap {\n flex-wrap: wrap; }\n .flex.center {\n display: flex;\n align-items: center;\n justify-content: center; }\n .flex.center--m {\n display: flex;\n justify-content: center; }\n .flex.center--c {\n display: flex;\n align-items: center; }\n .flex.start {\n display: flex;\n align-items: flex-start;\n justify-content: flex-start; }\n .flex.start--m {\n display: flex;\n justify-content: flex-start; }\n .flex.start--c {\n display: flex;\n align-items: flex-start; }\n .flex.end {\n display: flex;\n align-items: flex-end;\n justify-content: flex-end; }\n .flex.end--m {\n display: flex;\n justify-content: flex-end; }\n .flex.end--c {\n display: flex;\n align-items: flex-end; }\n .flex.space-between {\n display: flex;\n justify-content: space-between; }\n .flex.space-around {\n display: flex;\n justify-content: space-around; }\n .flex.space-evenly {\n display: flex;\n justify-content: space-evenly; }\n .flex.baseline {\n display: flex;\n align-items: baseline; }\n .flex.column.center--m {\n display: flex;\n align-items: center; }\n .flex.column.center--c {\n display: flex;\n justify-content: center; }\n .flex.column.start--m {\n display: flex;\n align-items: flex-start; }\n .flex.column.start--c {\n display: flex;\n justify-content: flex-start; }\n .flex.column.end--m {\n display: flex;\n align-items: flex-end; }\n .flex.column.end--c {\n display: flex;\n justify-content: flex-end; }\n .flex > .self--center {\n align-self: center; }\n .flex > .self--start {\n align-self: flex-start; }\n .flex > .self--end {\n align-self: flex-end; }\n\n/* Grid */\n.grid {\n display: grid; }\n .grid.container--center {\n display: grid;\n align-content: center;\n justify-content: center; }\n .grid.container--center-m {\n display: grid;\n justify-content: center; }\n .grid.container--center-c {\n display: grid;\n align-content: center; }\n .grid.container--start {\n display: grid;\n align-content: start;\n justify-content: start; }\n .grid.container--start-m {\n display: grid;\n justify-content: start; }\n .grid.container--start-c {\n display: grid;\n align-content: start; }\n .grid.container--end {\n display: grid;\n align-content: end;\n justify-content: end; }\n .grid.container--end-m {\n display: grid;\n justify-content: end; }\n .grid.container--end-c {\n display: grid;\n align-content: end; }\n .grid.container--space-between {\n display: grid;\n align-content: space-between;\n justify-content: space-between; }\n .grid.container--space-between-m {\n display: grid;\n justify-content: space-between; }\n .grid.container--space-between-c {\n display: grid;\n align-content: space-between; }\n .grid.container--space-around {\n display: grid;\n align-content: space-around;\n justify-content: space-around; }\n .grid.container--space-around-m {\n display: grid;\n justify-content: space-around; }\n .grid.container--space-around-c {\n display: grid;\n align-content: space-around; }\n .grid.container--space-evenly {\n display: grid;\n align-content: space-evenly;\n justify-content: space-evenly; }\n .grid.container--space-evenly-m {\n display: grid;\n justify-content: space-evenly; }\n .grid.container--space-evenly-c {\n display: grid;\n align-content: space-evenly; }\n .grid.center {\n display: grid;\n align-items: center;\n justify-items: center; }\n .grid.center--m {\n display: grid;\n justify-items: center; }\n .grid.center--c {\n display: grid;\n align-items: center; }\n .grid.start {\n display: grid;\n align-items: start;\n justify-items: start; }\n .grid.start--m {\n display: grid;\n justify-items: start; }\n .grid.start--c {\n display: grid;\n align-items: start; }\n .grid.end {\n display: grid;\n align-items: end;\n justify-items: end; }\n .grid.end--m {\n display: grid;\n justify-items: end; }\n .grid.end--c {\n display: grid;\n align-items: end; }\n .grid > .self--center {\n justify-self: center;\n align-self: center; }\n .grid > .self--center-m {\n justify-self: center; }\n .grid > .self--center-c {\n align-self: center; }\n .grid > .self--start {\n justify-self: start;\n align-self: start; }\n .grid > .self--start-m {\n justify-self: start; }\n .grid > .self--start-c {\n align-self: start; }\n .grid > .self--end {\n justify-self: end;\n align-self: end; }\n .grid > .self--end-m {\n justify-self: end; }\n .grid > .self--end-c {\n align-self: end; }\n\n/* Myg Grid */\n.myg-grid {\n width: 100%;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n grid-gap: 1.25rem; }\n @media (min-width: 512px) {\n .myg-grid:not(.myg-grid-wrap--phone) {\n display: grid;\n grid-template-columns: repeat(8, 1fr); } }\n @media (min-width: 768px) {\n .myg-grid:not(.myg-grid-wrap--phone, .myg-grid-wrap--tablet) {\n display: grid;\n grid-template-columns: repeat(12, 1fr); } }\n @media (min-width: 1024px) {\n .myg-grid:not(.myg-grid-wrap--phone, .myg-grid-wrap--tablet, .myg-grid-wrap--laptop) {\n display: grid;\n grid-template-columns: repeat(12, 1fr); } }\n @media (min-width: 1280px) {\n .myg-grid:not(.myg-grid-wrap--phone, .myg-grid-wrap--tablet, .myg-grid-wrap--laptop, .myg-grid-wrap--large) {\n display: grid;\n grid-template-columns: repeat(12, 1fr); } }\n .myg-grid.myg-grid-wrap--phone {\n max-width: 512px; }\n .myg-grid.myg-grid-wrap--tablet {\n max-width: 768px; }\n .myg-grid.myg-grid-wrap--laptop {\n max-width: 1024px; }\n .myg-grid.myg-grid-wrap--large {\n max-width: 1280px; }\n .myg-grid.myg-grid-wrap--desktop {\n max-width: 1920px; }\n\n.myg-input {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-radius: 0.1875rem;\n font-size: 0.9375rem;\n line-height: 1.58;\n color: var(--color-text-dark);\n background: var(--color-background-lighter);\n border: 0.0625rem solid var(--color-border);\n padding: 0.75rem 1rem 0.8125rem;\n width: 100%;\n transition: all 0.15s ease-out; }\n .myg-input::-webkit-input-placeholder {\n color: var(--color-text-dark) !important; }\n .myg-input:-moz-placeholder {\n color: var(--color-text-dark) !important; }\n .myg-input::-moz-placeholder {\n color: var(--color-text-dark) !important; }\n .myg-input:-ms-input-placeholder {\n color: var(--color-text-dark) !important; }\n .myg-input:active::-webkit-input-placeholder, .myg-input:focus::-webkit-input-placeholder {\n color: var(--color-text-base) !important; }\n .myg-input:active:-moz-placeholder, .myg-input:focus:-moz-placeholder {\n color: var(--color-text-base) !important; }\n .myg-input:active::-moz-placeholder, .myg-input:focus::-moz-placeholder {\n color: var(--color-text-base) !important; }\n .myg-input:active:-ms-input-placeholder, .myg-input:focus:-ms-input-placeholder {\n color: var(--color-text-base) !important; }\n .myg-input:active, .myg-input:focus {\n border-color: var(--color-accent-base);\n box-shadow: 0 0 0 rpx(3.5) rgba(4, 46, 203, 0.35); }\n .myg-input:active.success, .myg-input:focus.success {\n box-shadow: 0 0 0 rpx(3.5) rgba(106, 219, 131, 0.35); }\n .myg-input:active.error, .myg-input:focus.error {\n box-shadow: 0 0 0 rpx(3.5) rgba(246, 128, 154, 0.35); }\n .myg-input.success {\n border-color: var(--color-success); }\n .myg-input.error {\n border-color: var(--color-error); }\n\n.myg-textarea {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-radius: 0.1875rem;\n font-size: 0.9375rem;\n line-height: 1.75;\n color: var(--color-text-dark);\n background: var(--color-background-lighter);\n border: 1px solid var(--color-border);\n width: 100%;\n resize: none;\n padding: 0.75rem 1rem 0.8125rem;\n min-height: 7.8125rem;\n transition: all 0.15s ease-out; }\n .myg-textarea::-webkit-input-placeholder {\n color: var(--color-text-dark) !important; }\n .myg-textarea:-moz-placeholder {\n color: var(--color-text-dark) !important; }\n .myg-textarea::-moz-placeholder {\n color: var(--color-text-dark) !important; }\n .myg-textarea:-ms-input-placeholder {\n color: var(--color-text-dark) !important; }\n .myg-textarea:active::-webkit-input-placeholder, .myg-textarea:focus::-webkit-input-placeholder {\n color: var(--color-text-base) !important; }\n .myg-textarea:active:-moz-placeholder, .myg-textarea:focus:-moz-placeholder {\n color: var(--color-text-base) !important; }\n .myg-textarea:active::-moz-placeholder, .myg-textarea:focus::-moz-placeholder {\n color: var(--color-text-base) !important; }\n .myg-textarea:active:-ms-input-placeholder, .myg-textarea:focus:-ms-input-placeholder {\n color: var(--color-text-base) !important; }\n .myg-textarea:active, .myg-textarea:focus {\n border-color: var(--color-accent-base);\n box-shadow: 0 0 0 rpx(3.5) rgba(4, 46, 203, 0.35); }\n .myg-textarea:active.success, .myg-textarea:focus.success {\n box-shadow: 0 0 0 rpx(3.5) rgba(106, 219, 131, 0.35); }\n .myg-textarea:active.error, .myg-textarea:focus.error {\n box-shadow: 0 0 0 rpx(3.5) rgba(246, 128, 154, 0.35); }\n .myg-textarea.success {\n border-color: var(--color-success); }\n .myg-textarea.error {\n border-color: var(--color-error); }\n\n.myg-label {\n display: block;\n color: var(--color-text-darker);\n font-weight: normal;\n font-size: 0.875rem;\n line-height: 1.58; }\n\n.myg-label--sub {\n display: block;\n color: var(--color-text-darker);\n font-weight: normal;\n font-size: 0.875rem;\n line-height: 1.58;\n color: var(--color-text-base); }\n\ninput.myg-label--floating {\n position: relative;\n padding: 1.25rem 1rem 0.3125rem; }\n input.myg-label--floating + label {\n position: absolute;\n left: 1rem;\n top: 0.75rem;\n font-size: 0.9375rem;\n cursor: text;\n transition: all 0.15s ease-out; }\n input.myg-label--floating:placeholder-shown + label {\n color: var(--color-text-base);\n font-size: 0.75rem;\n top: 0.25rem; }\n\n.myg {\n font-size: 1rem;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-style: normal;\n color: var(--color-text-light);\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n -moz-osx-font-smoothing: grayscale;\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n word-wrap: break-word;\n font-smooth: always;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n background: var(--color-background-base);\n overflow-x: hidden;\n overflow-y: auto; }\n .myg > body {\n min-height: 100vh;\n width: 100%; }\n .myg * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n opacity: 1;\n visibility: visible;\n text-decoration: none;\n outline: none; }\n\n.myg-layout {\n width: 100vw;\n min-height: 100vh;\n display: grid;\n display: grid;\n grid-template-rows: 1fr;\n display: grid;\n grid-template-columns: 1fr; }\n .myg-layout.myg--layout-toolbar {\n display: grid;\n grid-template-rows: 3.125rem 1fr;\n display: grid;\n grid-template-areas: \"toolbar\" \"content\"; }\n .myg-layout.myg--layout-sidebar {\n display: grid;\n grid-template-columns: minmax(33%, 25rem) 1fr;\n display: grid;\n grid-template-areas: \"sidebar content\"; }\n .myg-layout.myg--layout-sidebar.myg--layout-sidebar--right {\n display: grid;\n grid-template-columns: 1fr minmax(33%, 25rem);\n display: grid;\n grid-template-areas: \"content sidebar\"; }\n .myg-layout.myg--layout-sidebar.myg--layout-toolbar {\n display: grid;\n grid-template-areas: \"toolbar toolbar\" \"sidebar content\"; }\n .myg-layout.myg--layout-sidebar.myg--layout-toolbar.myg--layout-sidebar--right {\n display: grid;\n grid-template-areas: \"toolbar toolbar\" \"content sidebar\"; }\n .myg-layout.myg--layout-sidebar.myg--layout-sidebar--primary {\n display: grid;\n grid-template-areas: \"sidebar toolbar\" \"sidebar content\"; }\n .myg-layout.myg--layout-sidebar.myg--layout-sidebar--primary.myg--layout-sidebar--right {\n display: grid;\n grid-template-areas: \"toolbar sidebar\" \"content sidebar\"; }\n .myg-layout .myg-toolbar {\n grid-area: toolbar; }\n .myg-layout .myg-sidebar {\n grid-area: sidebar; }\n .myg-layout .myg-content {\n grid-area: content; }\n\n.header {\n margin: .67em 0;\n line-height: 1.58; }\n\nh1, .h1 {\n margin: .67em 0;\n line-height: 1.58; }\n\nh2, .h2 {\n margin: .67em 0;\n line-height: 1.58; }\n\nh3, .h3 {\n margin: .67em 0;\n line-height: 1.58; }\n\nh4, .h4 {\n margin: .67em 0;\n line-height: 1.58; }\n\nh5, .h5 {\n margin: .67em 0;\n line-height: 1.58; }\n\nh6, .h6 {\n margin: .67em 0;\n line-height: 1.58; }\n\n.color--accent-light {\n color: var(--color-accent-light); }\n\n.background--accent-light {\n background: var(--color-accent-light); }\n\n.color--accent-base {\n color: var(--color-accent-base); }\n\n.background--accent-base {\n background: var(--color-accent-base); }\n\n.color--accent-dark {\n color: var(--color-accent-dark); }\n\n.background--accent-dark {\n background: var(--color-accent-dark); }\n\n.color--accent-contrast {\n color: var(--color-accent-contrast); }\n\n.background--accent-contrast {\n background: var(--color-accent-contrast); }\n\n.color--text-lighter {\n color: var(--color-text-lighter); }\n\n.background--text-lighter {\n background: var(--color-text-lighter); }\n\n.color--text-light {\n color: var(--color-text-light); }\n\n.background--text-light {\n background: var(--color-text-light); }\n\n.color--text-base {\n color: var(--color-text-base); }\n\n.background--text-base {\n background: var(--color-text-base); }\n\n.color--text-dark {\n color: var(--color-text-dark); }\n\n.background--text-dark {\n background: var(--color-text-dark); }\n\n.color--text-darker {\n color: var(--color-text-darker); }\n\n.background--text-darker {\n background: var(--color-text-darker); }\n\n.color--background-lighter {\n color: var(--color-background-lighter); }\n\n.background--background-lighter {\n background: var(--color-background-lighter); }\n\n.color--background-light {\n color: var(--color-background-light); }\n\n.background--background-light {\n background: var(--color-background-light); }\n\n.color--background-base {\n color: var(--color-background-base); }\n\n.background--background-base {\n background: var(--color-background-base); }\n\n.color--background-dark {\n color: var(--color-background-dark); }\n\n.background--background-dark {\n background: var(--color-background-dark); }\n\n.color--background-darker {\n color: var(--color-background-darker); }\n\n.background--background-darker {\n background: var(--color-background-darker); }\n\n.color--border {\n color: var(--color-border); }\n\n.background--border {\n background: var(--color-border); }\n\n.color--box-shadow {\n color: var(--color-box-shadow); }\n\n.background--box-shadow {\n background: var(--color-box-shadow); }\n\n.color--error {\n color: var(--color-error); }\n\n.background--error {\n background: var(--color-error); }\n\n.color--success {\n color: var(--color-success); }\n\n.background--success {\n background: var(--color-success); }\n\n.color--overlay {\n color: var(--color-overlay); }\n\n.background--overlay {\n background: var(--color-overlay); }\n\n.myg-toast.mdc-snackbar {\n z-index: 2;\n background: var(--color-background-lighter);\n border-top: 0.0625rem solid var(--color-border);\n padding: 0.625rem 1.25rem; }\n @media (min-width: ) {\n .myg-toast.mdc-snackbar {\n padding: 0 1.25rem;\n border: 0.0625rem solid var(--color-border);\n border-radius: 0.1875rem; } }\n .myg-toast.mdc-snackbar .mdc-snackbar__text {\n color: var(--color-text-base);\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n letter-spacing: normal;\n font-size: 0.875rem;\n line-height: 1.75; }\n .myg-toast.mdc-snackbar.error {\n background: var(--color-error);\n border-color: var(--color-error);\n color: var(--color-text-lighter); }\n .myg-toast.mdc-snackbar.error .mdc-snackbar__text {\n color: var(--color-text-lighter); }\n .myg-toast.mdc-snackbar.success {\n background: var(--color-success);\n border-color: var(--color-success);\n color: var(--color-text-lighter); }\n .myg-toast.mdc-snackbar.success .mdc-snackbar__text {\n color: var(--color-text-lighter); }\n\n.myg-toolbar {\n background: var(--color-background-light);\n border-bottom: 0.0625rem solid var(--color-border);\n z-index: 4; }\n .myg-toolbar .mdc-toolbar__section {\n align-items: center; }\n .myg-toolbar .mdc-toolbar__section .mdc-toolbar__title {\n color: var(--color-text-lighter);\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: bold;\n font-size: 1.125rem;\n margin-left: 0 !important; }\n .myg-toolbar .mdc-toolbar__section .mdc-toolbar__menu-icon {\n padding: 1.125rem 1.5rem; }\n .myg-toolbar .mdc-toolbar__section .mdc-toolbar__menu-icon ~ .mdc-toolbar__menu-icon {\n padding-left: 0; }\n\n.myg-toolbar--flexible {\n background: var(--color-background-light);\n border-bottom: 0.0625rem solid var(--color-border);\n z-index: 4;\n position: fixed;\n transform: none;\n transition: all 0.15s ease-out; }\n .myg-toolbar--flexible .mdc-toolbar__section {\n align-items: center; }\n .myg-toolbar--flexible .mdc-toolbar__section .mdc-toolbar__title {\n color: var(--color-text-lighter);\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: bold;\n font-size: 1.125rem;\n margin-left: 0 !important; }\n .myg-toolbar--flexible .mdc-toolbar__section .mdc-toolbar__menu-icon {\n padding: 1.125rem 1.5rem; }\n .myg-toolbar--flexible .mdc-toolbar__section .mdc-toolbar__menu-icon ~ .mdc-toolbar__menu-icon {\n padding-left: 0; }\n .myg-toolbar--flexible ~ .myg-content {\n padding-top: 3.5625rem; }\n", ""]);
128
+
129
+ // exports
130
+
131
+
132
+ /***/ }),
133
+
134
+ /***/ 124:
135
+ /***/ (function(module, exports) {
136
+
137
+ /*
138
+ MIT License http://www.opensource.org/licenses/mit-license.php
139
+ Author Tobias Koppers @sokra
140
+ */
141
+ // css base code, injected by the css-loader
142
+ module.exports = function(useSourceMap) {
143
+ var list = [];
144
+
145
+ // return the list of modules as css string
146
+ list.toString = function toString() {
147
+ return this.map(function (item) {
148
+ var content = cssWithMappingToString(item, useSourceMap);
149
+ if(item[2]) {
150
+ return "@media " + item[2] + "{" + content + "}";
151
+ } else {
152
+ return content;
153
+ }
154
+ }).join("");
155
+ };
156
+
157
+ // import a list of modules into the list
158
+ list.i = function(modules, mediaQuery) {
159
+ if(typeof modules === "string")
160
+ modules = [[null, modules, ""]];
161
+ var alreadyImportedModules = {};
162
+ for(var i = 0; i < this.length; i++) {
163
+ var id = this[i][0];
164
+ if(typeof id === "number")
165
+ alreadyImportedModules[id] = true;
166
+ }
167
+ for(i = 0; i < modules.length; i++) {
168
+ var item = modules[i];
169
+ // skip already imported module
170
+ // this implementation is not 100% perfect for weird media query combinations
171
+ // when a module is imported multiple times with different media queries.
172
+ // I hope this will never occur (Hey this way we have smaller bundles)
173
+ if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
174
+ if(mediaQuery && !item[2]) {
175
+ item[2] = mediaQuery;
176
+ } else if(mediaQuery) {
177
+ item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
178
+ }
179
+ list.push(item);
180
+ }
181
+ }
182
+ };
183
+ return list;
184
+ };
185
+
186
+ function cssWithMappingToString(item, useSourceMap) {
187
+ var content = item[1] || '';
188
+ var cssMapping = item[3];
189
+ if (!cssMapping) {
190
+ return content;
191
+ }
192
+
193
+ if (useSourceMap && typeof btoa === 'function') {
194
+ var sourceMapping = toComment(cssMapping);
195
+ var sourceURLs = cssMapping.sources.map(function (source) {
196
+ return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
197
+ });
198
+
199
+ return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
200
+ }
201
+
202
+ return [content].join('\n');
203
+ }
204
+
205
+ // Adapted from convert-source-map (MIT)
206
+ function toComment(sourceMap) {
207
+ // eslint-disable-next-line no-undef
208
+ var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
209
+ var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
210
+
211
+ return '/*# ' + data + ' */';
212
+ }
213
+
214
+
215
+ /***/ }),
216
+
217
+ /***/ 125:
218
+ /***/ (function(module, exports, __webpack_require__) {
219
+
220
+ /*
221
+ MIT License http://www.opensource.org/licenses/mit-license.php
222
+ Author Tobias Koppers @sokra
223
+ */
224
+
225
+ var stylesInDom = {};
226
+
227
+ var memoize = function (fn) {
228
+ var memo;
229
+
230
+ return function () {
231
+ if (typeof memo === "undefined") memo = fn.apply(this, arguments);
232
+ return memo;
233
+ };
234
+ };
235
+
236
+ var isOldIE = memoize(function () {
237
+ // Test for IE <= 9 as proposed by Browserhacks
238
+ // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
239
+ // Tests for existence of standard globals is to allow style-loader
240
+ // to operate correctly into non-standard environments
241
+ // @see https://github.com/webpack-contrib/style-loader/issues/177
242
+ return window && document && document.all && !window.atob;
243
+ });
244
+
245
+ var getTarget = function (target) {
246
+ return document.querySelector(target);
247
+ };
248
+
249
+ var getElement = (function (fn) {
250
+ var memo = {};
251
+
252
+ return function(target) {
253
+ // If passing function in options, then use it for resolve "head" element.
254
+ // Useful for Shadow Root style i.e
255
+ // {
256
+ // insertInto: function () { return document.querySelector("#foo").shadowRoot }
257
+ // }
258
+ if (typeof target === 'function') {
259
+ return target();
260
+ }
261
+ if (typeof memo[target] === "undefined") {
262
+ var styleTarget = getTarget.call(this, target);
263
+ // Special case to return head of iframe instead of iframe itself
264
+ if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
265
+ try {
266
+ // This will throw an exception if access to iframe is blocked
267
+ // due to cross-origin restrictions
268
+ styleTarget = styleTarget.contentDocument.head;
269
+ } catch(e) {
270
+ styleTarget = null;
271
+ }
272
+ }
273
+ memo[target] = styleTarget;
274
+ }
275
+ return memo[target]
276
+ };
277
+ })();
278
+
279
+ var singleton = null;
280
+ var singletonCounter = 0;
281
+ var stylesInsertedAtTop = [];
282
+
283
+ var fixUrls = __webpack_require__(126);
284
+
285
+ module.exports = function(list, options) {
286
+ if (typeof DEBUG !== "undefined" && DEBUG) {
287
+ if (typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
288
+ }
289
+
290
+ options = options || {};
291
+
292
+ options.attrs = typeof options.attrs === "object" ? options.attrs : {};
293
+
294
+ // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
295
+ // tags it will allow on a page
296
+ if (!options.singleton && typeof options.singleton !== "boolean") options.singleton = isOldIE();
297
+
298
+ // By default, add <style> tags to the <head> element
299
+ if (!options.insertInto) options.insertInto = "head";
300
+
301
+ // By default, add <style> tags to the bottom of the target
302
+ if (!options.insertAt) options.insertAt = "bottom";
303
+
304
+ var styles = listToStyles(list, options);
305
+
306
+ addStylesToDom(styles, options);
307
+
308
+ return function update (newList) {
309
+ var mayRemove = [];
310
+
311
+ for (var i = 0; i < styles.length; i++) {
312
+ var item = styles[i];
313
+ var domStyle = stylesInDom[item.id];
314
+
315
+ domStyle.refs--;
316
+ mayRemove.push(domStyle);
317
+ }
318
+
319
+ if(newList) {
320
+ var newStyles = listToStyles(newList, options);
321
+ addStylesToDom(newStyles, options);
322
+ }
323
+
324
+ for (var i = 0; i < mayRemove.length; i++) {
325
+ var domStyle = mayRemove[i];
326
+
327
+ if(domStyle.refs === 0) {
328
+ for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j]();
329
+
330
+ delete stylesInDom[domStyle.id];
331
+ }
332
+ }
333
+ };
334
+ };
335
+
336
+ function addStylesToDom (styles, options) {
337
+ for (var i = 0; i < styles.length; i++) {
338
+ var item = styles[i];
339
+ var domStyle = stylesInDom[item.id];
340
+
341
+ if(domStyle) {
342
+ domStyle.refs++;
343
+
344
+ for(var j = 0; j < domStyle.parts.length; j++) {
345
+ domStyle.parts[j](item.parts[j]);
346
+ }
347
+
348
+ for(; j < item.parts.length; j++) {
349
+ domStyle.parts.push(addStyle(item.parts[j], options));
350
+ }
351
+ } else {
352
+ var parts = [];
353
+
354
+ for(var j = 0; j < item.parts.length; j++) {
355
+ parts.push(addStyle(item.parts[j], options));
356
+ }
357
+
358
+ stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
359
+ }
360
+ }
361
+ }
362
+
363
+ function listToStyles (list, options) {
364
+ var styles = [];
365
+ var newStyles = {};
366
+
367
+ for (var i = 0; i < list.length; i++) {
368
+ var item = list[i];
369
+ var id = options.base ? item[0] + options.base : item[0];
370
+ var css = item[1];
371
+ var media = item[2];
372
+ var sourceMap = item[3];
373
+ var part = {css: css, media: media, sourceMap: sourceMap};
374
+
375
+ if(!newStyles[id]) styles.push(newStyles[id] = {id: id, parts: [part]});
376
+ else newStyles[id].parts.push(part);
377
+ }
378
+
379
+ return styles;
380
+ }
381
+
382
+ function insertStyleElement (options, style) {
383
+ var target = getElement(options.insertInto)
384
+
385
+ if (!target) {
386
+ throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");
387
+ }
388
+
389
+ var lastStyleElementInsertedAtTop = stylesInsertedAtTop[stylesInsertedAtTop.length - 1];
390
+
391
+ if (options.insertAt === "top") {
392
+ if (!lastStyleElementInsertedAtTop) {
393
+ target.insertBefore(style, target.firstChild);
394
+ } else if (lastStyleElementInsertedAtTop.nextSibling) {
395
+ target.insertBefore(style, lastStyleElementInsertedAtTop.nextSibling);
396
+ } else {
397
+ target.appendChild(style);
398
+ }
399
+ stylesInsertedAtTop.push(style);
400
+ } else if (options.insertAt === "bottom") {
401
+ target.appendChild(style);
402
+ } else if (typeof options.insertAt === "object" && options.insertAt.before) {
403
+ var nextSibling = getElement(options.insertInto + " " + options.insertAt.before);
404
+ target.insertBefore(style, nextSibling);
405
+ } else {
406
+ throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");
407
+ }
408
+ }
409
+
410
+ function removeStyleElement (style) {
411
+ if (style.parentNode === null) return false;
412
+ style.parentNode.removeChild(style);
413
+
414
+ var idx = stylesInsertedAtTop.indexOf(style);
415
+ if(idx >= 0) {
416
+ stylesInsertedAtTop.splice(idx, 1);
417
+ }
418
+ }
419
+
420
+ function createStyleElement (options) {
421
+ var style = document.createElement("style");
422
+
423
+ options.attrs.type = "text/css";
424
+
425
+ addAttrs(style, options.attrs);
426
+ insertStyleElement(options, style);
427
+
428
+ return style;
429
+ }
430
+
431
+ function createLinkElement (options) {
432
+ var link = document.createElement("link");
433
+
434
+ options.attrs.type = "text/css";
435
+ options.attrs.rel = "stylesheet";
436
+
437
+ addAttrs(link, options.attrs);
438
+ insertStyleElement(options, link);
439
+
440
+ return link;
441
+ }
442
+
443
+ function addAttrs (el, attrs) {
444
+ Object.keys(attrs).forEach(function (key) {
445
+ el.setAttribute(key, attrs[key]);
446
+ });
447
+ }
448
+
449
+ function addStyle (obj, options) {
450
+ var style, update, remove, result;
451
+
452
+ // If a transform function was defined, run it on the css
453
+ if (options.transform && obj.css) {
454
+ result = options.transform(obj.css);
455
+
456
+ if (result) {
457
+ // If transform returns a value, use that instead of the original css.
458
+ // This allows running runtime transformations on the css.
459
+ obj.css = result;
460
+ } else {
461
+ // If the transform function returns a falsy value, don't add this css.
462
+ // This allows conditional loading of css
463
+ return function() {
464
+ // noop
465
+ };
466
+ }
467
+ }
468
+
469
+ if (options.singleton) {
470
+ var styleIndex = singletonCounter++;
471
+
472
+ style = singleton || (singleton = createStyleElement(options));
473
+
474
+ update = applyToSingletonTag.bind(null, style, styleIndex, false);
475
+ remove = applyToSingletonTag.bind(null, style, styleIndex, true);
476
+
477
+ } else if (
478
+ obj.sourceMap &&
479
+ typeof URL === "function" &&
480
+ typeof URL.createObjectURL === "function" &&
481
+ typeof URL.revokeObjectURL === "function" &&
482
+ typeof Blob === "function" &&
483
+ typeof btoa === "function"
484
+ ) {
485
+ style = createLinkElement(options);
486
+ update = updateLink.bind(null, style, options);
487
+ remove = function () {
488
+ removeStyleElement(style);
489
+
490
+ if(style.href) URL.revokeObjectURL(style.href);
491
+ };
492
+ } else {
493
+ style = createStyleElement(options);
494
+ update = applyToTag.bind(null, style);
495
+ remove = function () {
496
+ removeStyleElement(style);
497
+ };
498
+ }
499
+
500
+ update(obj);
501
+
502
+ return function updateStyle (newObj) {
503
+ if (newObj) {
504
+ if (
505
+ newObj.css === obj.css &&
506
+ newObj.media === obj.media &&
507
+ newObj.sourceMap === obj.sourceMap
508
+ ) {
509
+ return;
510
+ }
511
+
512
+ update(obj = newObj);
513
+ } else {
514
+ remove();
515
+ }
516
+ };
517
+ }
518
+
519
+ var replaceText = (function () {
520
+ var textStore = [];
521
+
522
+ return function (index, replacement) {
523
+ textStore[index] = replacement;
524
+
525
+ return textStore.filter(Boolean).join('\n');
526
+ };
527
+ })();
528
+
529
+ function applyToSingletonTag (style, index, remove, obj) {
530
+ var css = remove ? "" : obj.css;
531
+
532
+ if (style.styleSheet) {
533
+ style.styleSheet.cssText = replaceText(index, css);
534
+ } else {
535
+ var cssNode = document.createTextNode(css);
536
+ var childNodes = style.childNodes;
537
+
538
+ if (childNodes[index]) style.removeChild(childNodes[index]);
539
+
540
+ if (childNodes.length) {
541
+ style.insertBefore(cssNode, childNodes[index]);
542
+ } else {
543
+ style.appendChild(cssNode);
544
+ }
545
+ }
546
+ }
547
+
548
+ function applyToTag (style, obj) {
549
+ var css = obj.css;
550
+ var media = obj.media;
551
+
552
+ if(media) {
553
+ style.setAttribute("media", media)
554
+ }
555
+
556
+ if(style.styleSheet) {
557
+ style.styleSheet.cssText = css;
558
+ } else {
559
+ while(style.firstChild) {
560
+ style.removeChild(style.firstChild);
561
+ }
562
+
563
+ style.appendChild(document.createTextNode(css));
564
+ }
565
+ }
566
+
567
+ function updateLink (link, options, obj) {
568
+ var css = obj.css;
569
+ var sourceMap = obj.sourceMap;
570
+
571
+ /*
572
+ If convertToAbsoluteUrls isn't defined, but sourcemaps are enabled
573
+ and there is no publicPath defined then lets turn convertToAbsoluteUrls
574
+ on by default. Otherwise default to the convertToAbsoluteUrls option
575
+ directly
576
+ */
577
+ var autoFixUrls = options.convertToAbsoluteUrls === undefined && sourceMap;
578
+
579
+ if (options.convertToAbsoluteUrls || autoFixUrls) {
580
+ css = fixUrls(css);
581
+ }
582
+
583
+ if (sourceMap) {
584
+ // http://stackoverflow.com/a/26603875
585
+ css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
586
+ }
587
+
588
+ var blob = new Blob([css], { type: "text/css" });
589
+
590
+ var oldSrc = link.href;
591
+
592
+ link.href = URL.createObjectURL(blob);
593
+
594
+ if(oldSrc) URL.revokeObjectURL(oldSrc);
595
+ }
596
+
597
+
598
+ /***/ }),
599
+
600
+ /***/ 126:
601
+ /***/ (function(module, exports) {
602
+
603
+
604
+ /**
605
+ * When source maps are enabled, `style-loader` uses a link element with a data-uri to
606
+ * embed the css on the page. This breaks all relative urls because now they are relative to a
607
+ * bundle instead of the current page.
608
+ *
609
+ * One solution is to only use full urls, but that may be impossible.
610
+ *
611
+ * Instead, this function "fixes" the relative urls to be absolute according to the current page location.
612
+ *
613
+ * A rudimentary test suite is located at `test/fixUrls.js` and can be run via the `npm test` command.
614
+ *
615
+ */
616
+
617
+ module.exports = function (css) {
618
+ // get current location
619
+ var location = typeof window !== "undefined" && window.location;
620
+
621
+ if (!location) {
622
+ throw new Error("fixUrls requires window.location");
623
+ }
624
+
625
+ // blank or null?
626
+ if (!css || typeof css !== "string") {
627
+ return css;
628
+ }
629
+
630
+ var baseUrl = location.protocol + "//" + location.host;
631
+ var currentDir = baseUrl + location.pathname.replace(/\/[^\/]*$/, "/");
632
+
633
+ // convert each url(...)
634
+ /*
635
+ This regular expression is just a way to recursively match brackets within
636
+ a string.
637
+
638
+ /url\s*\( = Match on the word "url" with any whitespace after it and then a parens
639
+ ( = Start a capturing group
640
+ (?: = Start a non-capturing group
641
+ [^)(] = Match anything that isn't a parentheses
642
+ | = OR
643
+ \( = Match a start parentheses
644
+ (?: = Start another non-capturing groups
645
+ [^)(]+ = Match anything that isn't a parentheses
646
+ | = OR
647
+ \( = Match a start parentheses
648
+ [^)(]* = Match anything that isn't a parentheses
649
+ \) = Match a end parentheses
650
+ ) = End Group
651
+ *\) = Match anything and then a close parens
652
+ ) = Close non-capturing group
653
+ * = Match anything
654
+ ) = Close capturing group
655
+ \) = Match a close parens
656
+
657
+ /gi = Get all matches, not the first. Be case insensitive.
658
+ */
659
+ var fixedCss = css.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi, function(fullMatch, origUrl) {
660
+ // strip quotes (if they exist)
661
+ var unquotedOrigUrl = origUrl
662
+ .trim()
663
+ .replace(/^"(.*)"$/, function(o, $1){ return $1; })
664
+ .replace(/^'(.*)'$/, function(o, $1){ return $1; });
665
+
666
+ // already a full url? no change
667
+ if (/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/)/i.test(unquotedOrigUrl)) {
668
+ return fullMatch;
669
+ }
670
+
671
+ // convert the url to a full url
672
+ var newUrl;
673
+
674
+ if (unquotedOrigUrl.indexOf("//") === 0) {
675
+ //TODO: should we add protocol?
676
+ newUrl = unquotedOrigUrl;
677
+ } else if (unquotedOrigUrl.indexOf("/") === 0) {
678
+ // path should be relative to the base url
679
+ newUrl = baseUrl + unquotedOrigUrl; // already starts with '/'
680
+ } else {
681
+ // path should be relative to current directory
682
+ newUrl = currentDir + unquotedOrigUrl.replace(/^\.\//, ""); // Strip leading './'
683
+ }
684
+
685
+ // send back the fixed url(...)
686
+ return "url(" + JSON.stringify(newUrl) + ")";
687
+ });
688
+
689
+ // send back the fixed css
690
+ return fixedCss;
691
+ };
692
+
693
+
694
+ /***/ })
695
+
696
+ /******/ });