diff --git a/.gitignore b/.gitignore index 049312cc..7d316ea7 100644 --- a/.gitignore +++ b/.gitignore @@ -41,6 +41,9 @@ jspm_packages # Optional REPL history .node_repl_history +# NewRelic APM +newrelic.js + # Fusebox .fusebox diff --git a/CHANGELOG.md b/CHANGELOG.md index e0948b56..86896705 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,7 @@ This project adheres to [Semantic Versioning](http://semver.org/). - Interactive setup - Auth: GitHub and Slack authentication providers are now available - Auth: LDAP authentication provider is now available +- Logs: Support for the logging services: Bugsnag, Loggly, Papertrail and Rollbar ### Changed - Native Compilation Removal: Replaced farmhash with md5 diff --git a/app/data.yml b/app/data.yml index ff043065..ca8faaf7 100644 --- a/app/data.yml +++ b/app/data.yml @@ -50,6 +50,11 @@ defaults: signature: name: Wiki email: wiki@example.com + externalLogging: + bugsnap: false + loggly: false + papertrail: false + rollbar: false langs: - id: en diff --git a/assets/js/bundle.min.js b/assets/js/bundle.min.js index 69d455b8..8e5fe3f2 100644 --- a/assets/js/bundle.min.js +++ b/assets/js/bundle.min.js @@ -53,10 +53,6 @@ switch (logic) { require('./scss/login.scss'); require('./js/login.js'); break; - case 'configure': - require('./scss/configure.scss'); - require('./js/configure.js'); - break; default: require('./node_modules/highlight.js/styles/tomorrow.css'); require('./node_modules/simplemde/dist/simplemde.min.css'); @@ -83,301 +79,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de $('#login-user').focus(); }); }); -___scope___.file("scss/configure.scss", function(exports, require, module, __filename, __dirname){ - -__fsbx_css("scss/configure.scss", "@charset \"UTF-8\";\n/*\r\n\tHTML5 Reset :: style.css\r\n\t----------------------------------------------------------\r\n\tWe have learned much from/been inspired by/taken code where offered from:\r\n\tEric Meyer\t\t\t\t\t:: http://meyerweb.com\r\n\tHTML5 Doctor\t\t\t\t:: http://html5doctor.com\r\n\tand the HTML5 Boilerplate\t:: http://html5boilerplate.com\r\n-------------------------------------------------------------------------------*/\n/* Let's default this puppy out\r\n-------------------------------------------------------------------------------*/\nhtml, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-weight: normal;\n vertical-align: baseline;\n background: transparent; }\n\nmain, article, aside, figure, footer, header, nav, section, details, summary {\n display: block; }\n\n/* Handle box-sizing while better addressing child elements:\r\n http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */\nhtml {\n box-sizing: border-box; }\n\n*,\n*:before,\n*:after {\n box-sizing: inherit; }\n\n/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */\n/* Responsive images and other embedded objects */\n/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */\nimg,\nobject,\nembed {\n max-width: 100%; }\n\n/*\r\n Note: keeping IMG here will cause problems if you're using foreground images as sprites.\r\n\tIn fact, it *will* cause problems with Google Maps' controls at small size.\r\n\tIf this is the case for you, try uncommenting the following:\r\n#map img {\r\n\t\tmax-width: none;\r\n}\r\n*/\n/* force a vertical scrollbar to prevent a jumpy page */\nhtml {\n overflow-y: scroll; }\n\n/* we use a lot of ULs that aren't bulleted.\r\n\tyou'll have to restore the bullets within content,\r\n\twhich is fine because they're probably customized anyway */\nul {\n list-style: none; }\n\nblockquote, q {\n quotes: none; }\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: '';\n content: none; }\n\na {\n margin: 0;\n padding: 0;\n font-size: 100%;\n vertical-align: baseline;\n background: transparent; }\n\ndel {\n text-decoration: line-through; }\n\nabbr[title], dfn[title] {\n border-bottom: 1px dotted #000;\n cursor: help; }\n\n/* tables still need cellspacing=\"0\" in the markup */\ntable {\n border-collapse: separate;\n border-spacing: 0; }\n\nth {\n font-weight: bold;\n vertical-align: bottom; }\n\ntd {\n font-weight: normal;\n vertical-align: top; }\n\nhr {\n display: block;\n height: 1px;\n border: 0;\n border-top: 1px solid #ccc;\n margin: 1em 0;\n padding: 0; }\n\ninput, select {\n vertical-align: middle; }\n\npre {\n white-space: pre;\n /* CSS2 */\n white-space: pre-wrap;\n /* CSS 2.1 */\n white-space: pre-line;\n /* CSS 3 (and 2.1 as well, actually) */\n word-wrap: break-word;\n /* IE */ }\n\ninput[type=\"radio\"] {\n vertical-align: text-bottom; }\n\ninput[type=\"checkbox\"] {\n vertical-align: bottom; }\n\n.ie7 input[type=\"checkbox\"] {\n vertical-align: baseline; }\n\n.ie6 input {\n vertical-align: text-bottom; }\n\nselect, input, textarea {\n font: 99% sans-serif; }\n\ntable {\n font-size: inherit;\n font: 100%; }\n\nsmall {\n font-size: 85%; }\n\nstrong {\n font-weight: bold; }\n\ntd, td img {\n vertical-align: top; }\n\n/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */\nsub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative; }\n\nsup {\n top: -0.5em; }\n\nsub {\n bottom: -0.25em; }\n\n/* standardize any monospaced elements */\npre, code, kbd, samp {\n font-family: monospace, sans-serif; }\n\n/* hand cursor on clickable elements */\n.clickable,\nlabel,\ninput[type=button],\ninput[type=submit],\ninput[type=file],\nbutton {\n cursor: pointer; }\n\n/* Webkit browsers add a 2px margin outside the chrome of form elements */\nbutton, input, select, textarea {\n margin: 0; }\n\n/* make buttons play nice in IE */\nbutton,\ninput[type=button] {\n width: auto;\n overflow: visible; }\n\n/* scale images in IE7 more attractively */\n.ie7 img {\n -ms-interpolation-mode: bicubic; }\n\n/* prevent BG image flicker upon hover\r\n (commented out as usage is rare, and the filter syntax messes with some pre-processors)\r\n.ie6 html {filter: expression(document.execCommand(\"BackgroundImageCache\", false, true));}\r\n*/\n/* let's clear some floats */\n.clearfix:after {\n content: \" \";\n display: block;\n clear: both; }\n\n/**\r\n * Clearfix\r\n *\r\n * @return {string} Clearfix attribute\r\n */\n/**\r\n * Placeholder attribute for inputs\r\n *\r\n * @return {string} Placeholder attributes\r\n */\n/**\r\n * Spinner element\r\n *\r\n * @param {string} $color - Color\r\n * @param {string} $dur - Animation Duration\r\n * @param {int} $width - Width\r\n * @param {int} $height [$width] - height\r\n *\r\n * @return {string} Spinner element\r\n */\n/**\r\n * Prefixes for keyframes\r\n *\r\n * @param {string} $animation-name - The animation name\r\n *\r\n * @return {string} Prefixed keyframes attributes\r\n */\n/**\r\n * Prefix function for browser compatibility\r\n *\r\n * @param {string} $property - Property name\r\n * @param {any} $value - Property value\r\n *\r\n * @return {string} Prefixed attributes\r\n */\n/**\r\n * Layout Mixins\r\n */\n@font-face {\n font-family: 'core-icons';\n src: url(\"/fonts/core-icons.ttf?e6rn1i\") format(\"truetype\"), url(\"/fonts/core-icons.woff?e6rn1i\") format(\"woff\"), url(\"/fonts/core-icons.svg?e6rn1i#core-icons\") format(\"svg\");\n font-weight: normal;\n font-style: normal; }\n\n[class^=\"icon-\"], [class*=\" icon-\"] {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'core-icons' !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale; }\n\n.icon-minus2:before {\n content: \"\"; }\n\n.icon-font:before {\n content: \"\"; }\n\n.icon-bold:before {\n content: \"\"; }\n\n.icon-italic:before {\n content: \"\"; }\n\n.icon-align-left2:before {\n content: \"\"; }\n\n.icon-align-center2:before {\n content: \"\"; }\n\n.icon-align-right2:before {\n content: \"\"; }\n\n.icon-align-justify2:before {\n content: \"\"; }\n\n.icon-list:before {\n content: \"\"; }\n\n.icon-video-camera2:before {\n content: \"\"; }\n\n.icon-image3:before {\n content: \"\"; }\n\n.icon-photo:before {\n content: \"\"; }\n\n.icon-picture-o:before {\n content: \"\"; }\n\n.icon-twitter-square:before {\n content: \"\"; }\n\n.icon-facebook-square:before {\n content: \"\"; }\n\n.icon-linkedin-square:before {\n content: \"\"; }\n\n.icon-github-square:before {\n content: \"\"; }\n\n.icon-twitter:before {\n content: \"\"; }\n\n.icon-facebook:before {\n content: \"\"; }\n\n.icon-facebook-f:before {\n content: \"\"; }\n\n.icon-github:before {\n content: \"\"; }\n\n.icon-chain:before {\n content: \"\"; }\n\n.icon-link3:before {\n content: \"\"; }\n\n.icon-bars:before {\n content: \"\"; }\n\n.icon-navicon:before {\n content: \"\"; }\n\n.icon-reorder:before {\n content: \"\"; }\n\n.icon-list-ul:before {\n content: \"\"; }\n\n.icon-list-ol:before {\n content: \"\"; }\n\n.icon-strikethrough:before {\n content: \"\"; }\n\n.icon-underline:before {\n content: \"\"; }\n\n.icon-table:before {\n content: \"\"; }\n\n.icon-linkedin:before {\n content: \"\"; }\n\n.icon-file-text-o:before {\n content: \"\"; }\n\n.icon-quote-left:before {\n content: \"\"; }\n\n.icon-terminal:before {\n content: \"\"; }\n\n.icon-code:before {\n content: \"\"; }\n\n.icon-youtube-play:before {\n content: \"\"; }\n\n.icon-dropbox:before {\n content: \"\"; }\n\n.icon-stack-overflow:before {\n content: \"\"; }\n\n.icon-bitbucket:before {\n content: \"\"; }\n\n.icon-apple:before {\n content: \"\"; }\n\n.icon-windows2:before {\n content: \"\"; }\n\n.icon-android:before {\n content: \"\"; }\n\n.icon-linux:before {\n content: \"\"; }\n\n.icon-vimeo-square:before {\n content: \"\"; }\n\n.icon-slack:before {\n content: \"\"; }\n\n.icon-google:before {\n content: \"\"; }\n\n.icon-git-square:before {\n content: \"\"; }\n\n.icon-git:before {\n content: \"\"; }\n\n.icon-header:before {\n content: \"\"; }\n\n.icon-safari:before {\n content: \"\"; }\n\n.icon-chrome:before {\n content: \"\"; }\n\n.icon-firefox:before {\n content: \"\"; }\n\n.icon-opera:before {\n content: \"\"; }\n\n.icon-internet-explorer:before {\n content: \"\"; }\n\n.icon-vimeo:before {\n content: \"\"; }\n\n.icon-edge:before {\n content: \"\"; }\n\n.icon-gitlab:before {\n content: \"\"; }\n\n.icon-th-small:before {\n content: \"\"; }\n\n.icon-th-menu:before {\n content: \"\"; }\n\n.icon-th-list:before {\n content: \"\"; }\n\n.icon-th-large:before {\n content: \"\"; }\n\n.icon-home:before {\n content: \"\"; }\n\n.icon-location:before {\n content: \"\"; }\n\n.icon-link:before {\n content: \"\"; }\n\n.icon-starburst:before {\n content: \"\"; }\n\n.icon-starburst-outline:before {\n content: \"\"; }\n\n.icon-star:before {\n content: \"\"; }\n\n.icon-flow-children:before {\n content: \"\"; }\n\n.icon-export:before {\n content: \"\"; }\n\n.icon-delete:before {\n content: \"\"; }\n\n.icon-delete-outline:before {\n content: \"\"; }\n\n.icon-cloud-storage:before {\n content: \"\"; }\n\n.icon-backspace:before {\n content: \"\"; }\n\n.icon-attachment:before {\n content: \"\"; }\n\n.icon-arrow-move:before {\n content: \"\"; }\n\n.icon-warning:before {\n content: \"\"; }\n\n.icon-location-arrow:before {\n content: \"\"; }\n\n.icon-point-of-interest:before {\n content: \"\"; }\n\n.icon-infinity:before {\n content: \"\"; }\n\n.icon-eye:before {\n content: \"\"; }\n\n.icon-refresh:before {\n content: \"\"; }\n\n.icon-pin:before {\n content: \"\"; }\n\n.icon-eject:before {\n content: \"\"; }\n\n.icon-arrow-sync:before {\n content: \"\"; }\n\n.icon-arrow-shuffle:before {\n content: \"\"; }\n\n.icon-arrow-repeat:before {\n content: \"\"; }\n\n.icon-arrow-minimise:before {\n content: \"\"; }\n\n.icon-arrow-maximise:before {\n content: \"\"; }\n\n.icon-arrow-loop:before {\n content: \"\"; }\n\n.icon-spanner:before {\n content: \"\"; }\n\n.icon-power:before {\n content: \"\"; }\n\n.icon-flag:before {\n content: \"\"; }\n\n.icon-th-large-outline:before {\n content: \"\"; }\n\n.icon-th-small-outline:before {\n content: \"\"; }\n\n.icon-th-menu-outline:before {\n content: \"\"; }\n\n.icon-th-list-outline:before {\n content: \"\"; }\n\n.icon-home-outline:before {\n content: \"\"; }\n\n.icon-trash:before {\n content: \"\"; }\n\n.icon-star-outline:before {\n content: \"\"; }\n\n.icon-mail:before {\n content: \"\"; }\n\n.icon-heart-outline:before {\n content: \"\"; }\n\n.icon-flash-outline:before {\n content: \"\"; }\n\n.icon-watch:before {\n content: \"\"; }\n\n.icon-warning-outline:before {\n content: \"\"; }\n\n.icon-location-arrow-outline:before {\n content: \"\"; }\n\n.icon-info-outline:before {\n content: \"\"; }\n\n.icon-backspace-outline:before {\n content: \"\"; }\n\n.icon-upload-outline:before {\n content: \"\"; }\n\n.icon-tag:before {\n content: \"\"; }\n\n.icon-tabs-outline:before {\n content: \"\"; }\n\n.icon-pin-outline:before {\n content: \"\"; }\n\n.icon-pipette:before {\n content: \"\"; }\n\n.icon-pencil:before {\n content: \"\"; }\n\n.icon-folder:before {\n content: \"\"; }\n\n.icon-folder-delete:before {\n content: \"\"; }\n\n.icon-folder-add:before {\n content: \"\"; }\n\n.icon-edit:before {\n content: \"\"; }\n\n.icon-document:before {\n content: \"\"; }\n\n.icon-document-delete:before {\n content: \"\"; }\n\n.icon-document-add:before {\n content: \"\"; }\n\n.icon-brush:before {\n content: \"\"; }\n\n.icon-thumbs-up:before {\n content: \"\"; }\n\n.icon-thumbs-down:before {\n content: \"\"; }\n\n.icon-pen:before {\n content: \"\"; }\n\n.icon-bookmark:before {\n content: \"\"; }\n\n.icon-arrow-up:before {\n content: \"\"; }\n\n.icon-arrow-sync-outline:before {\n content: \"\"; }\n\n.icon-arrow-right:before {\n content: \"\"; }\n\n.icon-arrow-repeat-outline:before {\n content: \"\"; }\n\n.icon-arrow-loop-outline:before {\n content: \"\"; }\n\n.icon-arrow-left:before {\n content: \"\"; }\n\n.icon-flow-switch:before {\n content: \"\"; }\n\n.icon-flow-parallel:before {\n content: \"\"; }\n\n.icon-flow-merge:before {\n content: \"\"; }\n\n.icon-document-text:before {\n content: \"\"; }\n\n.icon-arrow-down:before {\n content: \"\"; }\n\n.icon-bell:before {\n content: \"\"; }\n\n.icon-adjust-contrast:before {\n content: \"\"; }\n\n.icon-lightbulb:before {\n content: \"\"; }\n\n.icon-tags:before {\n content: \"\"; }\n\n.icon-eye2:before {\n content: \"\"; }\n\n.icon-paper-clip:before {\n content: \"\"; }\n\n.icon-mail2:before {\n content: \"\"; }\n\n.icon-toggle:before {\n content: \"\"; }\n\n.icon-layout:before {\n content: \"\"; }\n\n.icon-link2:before {\n content: \"\"; }\n\n.icon-bell2:before {\n content: \"\"; }\n\n.icon-lock:before {\n content: \"\"; }\n\n.icon-unlock:before {\n content: \"\"; }\n\n.icon-ribbon:before {\n content: \"\"; }\n\n.icon-image:before {\n content: \"\"; }\n\n.icon-signal:before {\n content: \"\"; }\n\n.icon-target:before {\n content: \"\"; }\n\n.icon-clipboard:before {\n content: \"\"; }\n\n.icon-clock:before {\n content: \"\"; }\n\n.icon-watch2:before {\n content: \"\"; }\n\n.icon-air-play:before {\n content: \"\"; }\n\n.icon-camera:before {\n content: \"\"; }\n\n.icon-video:before {\n content: \"\"; }\n\n.icon-disc:before {\n content: \"\"; }\n\n.icon-printer:before {\n content: \"\"; }\n\n.icon-monitor:before {\n content: \"\"; }\n\n.icon-server:before {\n content: \"\"; }\n\n.icon-cog:before {\n content: \"\"; }\n\n.icon-heart:before {\n content: \"\"; }\n\n.icon-paragraph:before {\n content: \"\"; }\n\n.icon-align-justify:before {\n content: \"\"; }\n\n.icon-align-left:before {\n content: \"\"; }\n\n.icon-align-center:before {\n content: \"\"; }\n\n.icon-align-right:before {\n content: \"\"; }\n\n.icon-book:before {\n content: \"\"; }\n\n.icon-layers:before {\n content: \"\"; }\n\n.icon-stack:before {\n content: \"\"; }\n\n.icon-stack-2:before {\n content: \"\"; }\n\n.icon-paper:before {\n content: \"\"; }\n\n.icon-paper-stack:before {\n content: \"\"; }\n\n.icon-search:before {\n content: \"\"; }\n\n.icon-zoom-in:before {\n content: \"\"; }\n\n.icon-zoom-out:before {\n content: \"\"; }\n\n.icon-reply:before {\n content: \"\"; }\n\n.icon-circle-plus:before {\n content: \"\"; }\n\n.icon-circle-minus:before {\n content: \"\"; }\n\n.icon-circle-check:before {\n content: \"\"; }\n\n.icon-circle-cross:before {\n content: \"\"; }\n\n.icon-square-plus:before {\n content: \"\"; }\n\n.icon-square-minus:before {\n content: \"\"; }\n\n.icon-square-check:before {\n content: \"\"; }\n\n.icon-square-cross:before {\n content: \"\"; }\n\n.icon-microphone:before {\n content: \"\"; }\n\n.icon-record:before {\n content: \"\"; }\n\n.icon-skip-back:before {\n content: \"\"; }\n\n.icon-rewind:before {\n content: \"\"; }\n\n.icon-play:before {\n content: \"\"; }\n\n.icon-pause:before {\n content: \"\"; }\n\n.icon-stop:before {\n content: \"\"; }\n\n.icon-fast-forward:before {\n content: \"\"; }\n\n.icon-skip-forward:before {\n content: \"\"; }\n\n.icon-shuffle:before {\n content: \"\"; }\n\n.icon-repeat:before {\n content: \"\"; }\n\n.icon-folder2:before {\n content: \"\"; }\n\n.icon-umbrella:before {\n content: \"\"; }\n\n.icon-moon:before {\n content: \"\"; }\n\n.icon-thermometer:before {\n content: \"\"; }\n\n.icon-drop:before {\n content: \"\"; }\n\n.icon-sun:before {\n content: \"\"; }\n\n.icon-cloud:before {\n content: \"\"; }\n\n.icon-cloud-upload:before {\n content: \"\"; }\n\n.icon-cloud-download:before {\n content: \"\"; }\n\n.icon-upload:before {\n content: \"\"; }\n\n.icon-download:before {\n content: \"\"; }\n\n.icon-location2:before {\n content: \"\"; }\n\n.icon-location-2:before {\n content: \"\"; }\n\n.icon-map:before {\n content: \"\"; }\n\n.icon-battery:before {\n content: \"\"; }\n\n.icon-head:before {\n content: \"\"; }\n\n.icon-briefcase:before {\n content: \"\"; }\n\n.icon-speech-bubble:before {\n content: \"\"; }\n\n.icon-anchor:before {\n content: \"\"; }\n\n.icon-globe:before {\n content: \"\"; }\n\n.icon-box:before {\n content: \"\"; }\n\n.icon-reload:before {\n content: \"\"; }\n\n.icon-share:before {\n content: \"\"; }\n\n.icon-marquee:before {\n content: \"\"; }\n\n.icon-marquee-plus:before {\n content: \"\"; }\n\n.icon-marquee-minus:before {\n content: \"\"; }\n\n.icon-tag2:before {\n content: \"\"; }\n\n.icon-power2:before {\n content: \"\"; }\n\n.icon-command:before {\n content: \"\"; }\n\n.icon-alt:before {\n content: \"\"; }\n\n.icon-esc:before {\n content: \"\"; }\n\n.icon-bar-graph:before {\n content: \"\"; }\n\n.icon-bar-graph-2:before {\n content: \"\"; }\n\n.icon-pie-graph:before {\n content: \"\"; }\n\n.icon-star2:before {\n content: \"\"; }\n\n.icon-arrow-left2:before {\n content: \"\"; }\n\n.icon-arrow-right2:before {\n content: \"\"; }\n\n.icon-arrow-up2:before {\n content: \"\"; }\n\n.icon-arrow-down2:before {\n content: \"\"; }\n\n.icon-volume:before {\n content: \"\"; }\n\n.icon-mute:before {\n content: \"\"; }\n\n.icon-content-right:before {\n content: \"\"; }\n\n.icon-content-left:before {\n content: \"\"; }\n\n.icon-grid:before {\n content: \"\"; }\n\n.icon-grid-2:before {\n content: \"\"; }\n\n.icon-columns:before {\n content: \"\"; }\n\n.icon-loader:before {\n content: \"\"; }\n\n.icon-bag:before {\n content: \"\"; }\n\n.icon-ban:before {\n content: \"\"; }\n\n.icon-flag2:before {\n content: \"\"; }\n\n.icon-trash2:before {\n content: \"\"; }\n\n.icon-expand:before {\n content: \"\"; }\n\n.icon-contract:before {\n content: \"\"; }\n\n.icon-maximize:before {\n content: \"\"; }\n\n.icon-minimize:before {\n content: \"\"; }\n\n.icon-plus:before {\n content: \"\"; }\n\n.icon-minus:before {\n content: \"\"; }\n\n.icon-check:before {\n content: \"\"; }\n\n.icon-cross:before {\n content: \"\"; }\n\n.icon-move:before {\n content: \"\"; }\n\n.icon-delete2:before {\n content: \"\"; }\n\n.icon-menu:before {\n content: \"\"; }\n\n.icon-archive:before {\n content: \"\"; }\n\n.icon-inbox:before {\n content: \"\"; }\n\n.icon-outbox:before {\n content: \"\"; }\n\n.icon-file:before {\n content: \"\"; }\n\n.icon-file-add:before {\n content: \"\"; }\n\n.icon-file-subtract:before {\n content: \"\"; }\n\n.icon-help:before {\n content: \"\"; }\n\n.icon-open:before {\n content: \"\"; }\n\n.icon-ellipsis:before {\n content: \"\"; }\n\n.icon-box2:before {\n content: \"\"; }\n\n.icon-write:before {\n content: \"\"; }\n\n.icon-clock2:before {\n content: \"\"; }\n\n.icon-reply2:before {\n content: \"\"; }\n\n.icon-reply-all:before {\n content: \"\"; }\n\n.icon-forward:before {\n content: \"\"; }\n\n.icon-flag3:before {\n content: \"\"; }\n\n.icon-search2:before {\n content: \"\"; }\n\n.icon-trash3:before {\n content: \"\"; }\n\n.icon-envelope:before {\n content: \"\"; }\n\n.icon-bubble:before {\n content: \"\"; }\n\n.icon-bubbles:before {\n content: \"\"; }\n\n.icon-user:before {\n content: \"\"; }\n\n.icon-users:before {\n content: \"\"; }\n\n.icon-cloud2:before {\n content: \"\"; }\n\n.icon-download2:before {\n content: \"\"; }\n\n.icon-upload2:before {\n content: \"\"; }\n\n.icon-rain:before {\n content: \"\"; }\n\n.icon-sun2:before {\n content: \"\"; }\n\n.icon-moon2:before {\n content: \"\"; }\n\n.icon-bell3:before {\n content: \"\"; }\n\n.icon-folder3:before {\n content: \"\"; }\n\n.icon-pin2:before {\n content: \"\"; }\n\n.icon-sound:before {\n content: \"\"; }\n\n.icon-microphone2:before {\n content: \"\"; }\n\n.icon-camera2:before {\n content: \"\"; }\n\n.icon-image2:before {\n content: \"\"; }\n\n.icon-cog2:before {\n content: \"\"; }\n\n.icon-calendar:before {\n content: \"\"; }\n\n.icon-book2:before {\n content: \"\"; }\n\n.icon-map-marker:before {\n content: \"\"; }\n\n.icon-store:before {\n content: \"\"; }\n\n.icon-support:before {\n content: \"\"; }\n\n.icon-tag3:before {\n content: \"\"; }\n\n.icon-heart2:before {\n content: \"\"; }\n\n.icon-video-camera:before {\n content: \"\"; }\n\n.icon-trophy:before {\n content: \"\"; }\n\n.icon-cart:before {\n content: \"\"; }\n\n.icon-eye3:before {\n content: \"\"; }\n\n.icon-cancel:before {\n content: \"\"; }\n\n.icon-chart:before {\n content: \"\"; }\n\n.icon-target2:before {\n content: \"\"; }\n\n.icon-printer2:before {\n content: \"\"; }\n\n.icon-location3:before {\n content: \"\"; }\n\n.icon-bookmark2:before {\n content: \"\"; }\n\n.icon-monitor2:before {\n content: \"\"; }\n\n.icon-cross2:before {\n content: \"\"; }\n\n.icon-plus2:before {\n content: \"\"; }\n\n.icon-left:before {\n content: \"\"; }\n\n.icon-up:before {\n content: \"\"; }\n\n.icon-browser:before {\n content: \"\"; }\n\n.icon-windows:before {\n content: \"\"; }\n\n.icon-switch:before {\n content: \"\"; }\n\n.icon-dashboard:before {\n content: \"\"; }\n\n.icon-play2:before {\n content: \"\"; }\n\n.icon-fast-forward2:before {\n content: \"\"; }\n\n.icon-next:before {\n content: \"\"; }\n\n.icon-refresh2:before {\n content: \"\"; }\n\n.icon-film:before {\n content: \"\"; }\n\n.icon-home2:before {\n content: \"\"; }\n\nhtml {\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; }\n\n*, *:before, *:after {\n box-sizing: inherit; }\n\n[v-cloak], .is-hidden {\n display: none; }\n\nbody {\n background-color: #cfd8dc; }\n\nmain {\n background-color: #FFF; }\n\na {\n color: #3949ab;\n text-decoration: none; }\n a:hover {\n color: #303f9f;\n text-decoration: underline; }\n\n.has-stickynav {\n padding-top: 50px; }\n\n.container {\n position: relative; }\n @media screen and (min-width: 980px) {\n .container {\n margin: 0 auto;\n max-width: 960px; }\n .container.is-fluid {\n margin: 0;\n max-width: none; } }\n @media screen and (min-width: 1180px) {\n .container {\n max-width: 1200px; } }\n\n.content {\n padding: 20px; }\n\n.is-hidden {\n display: none !important; }\n\n@media screen and (max-width: 768px) {\n .is-hidden-mobile {\n display: none !important; } }\n\n@media screen and (min-width: 769px) {\n .is-hidden-tablet {\n display: none !important; } }\n\n@media screen and (min-width: 769px) and (max-width: 979px) {\n .is-hidden-tablet-only {\n display: none !important; } }\n\n@media screen and (max-width: 979px) {\n .is-hidden-touch {\n display: none !important; } }\n\n@media screen and (min-width: 980px) {\n .is-hidden-desktop {\n display: none !important; } }\n\n@media screen and (min-width: 980px) and (max-width: 1179px) {\n .is-hidden-desktop-only {\n display: none !important; } }\n\n@media screen and (min-width: 1180px) {\n .is-hidden-widescreen {\n display: none !important; } }\n\n/*!\r\n * animate.css -http://daneden.me/animate\r\n * Version - 3.5.1\r\n * Licensed under the MIT license - http://opensource.org/licenses/MIT\r\n *\r\n * Copyright (c) 2016 Daniel Eden\r\n */\n.animated {\n -webkit-animation-duration: 1s;\n animation-duration: 1s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both; }\n .animated.infinite {\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite; }\n .animated.hinge {\n -webkit-animation-duration: 2s;\n animation-duration: 2s; }\n .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .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.button {\n background-color: #fb8c00;\n color: #FFF;\n border: 1px solid #f57c00;\n border-radius: 3px;\n display: inline-flex;\n height: 30px;\n align-items: center;\n padding: 0 15px;\n font-size: 13px;\n font-weight: 600;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n margin: 0;\n transition: all .4s ease;\n cursor: pointer;\n text-decoration: none;\n text-transform: uppercase; }\n .button span {\n font-weight: 600;\n display: inline-flex;\n align-items: center;\n line-height: 14px;\n height: 14px; }\n .button i {\n margin-right: 8px;\n font-size: 14px;\n line-height: 14px;\n height: 14px; }\n .button:focus {\n outline: none;\n border-color: #FFF; }\n .button:hover {\n background-color: #ef6c00;\n text-decoration: none; }\n .button.is-red {\n background-color: #e53935;\n border-color: #d32f2f;\n color: #FFF; }\n .button.is-red.is-outlined {\n background-color: #FFF;\n color: #d32f2f; }\n .button.is-red.is-inverted {\n background-color: rgba(198, 40, 40, 0);\n border-color: #f44336; }\n .button.is-red:hover {\n background-color: #c62828;\n color: #FFF;\n animation: none; }\n .button.is-pink {\n background-color: #d81b60;\n border-color: #c2185b;\n color: #FFF; }\n .button.is-pink.is-outlined {\n background-color: #FFF;\n color: #c2185b; }\n .button.is-pink.is-inverted {\n background-color: rgba(173, 20, 87, 0);\n border-color: #e91e63; }\n .button.is-pink:hover {\n background-color: #ad1457;\n color: #FFF;\n animation: none; }\n .button.is-purple {\n background-color: #8e24aa;\n border-color: #7b1fa2;\n color: #FFF; }\n .button.is-purple.is-outlined {\n background-color: #FFF;\n color: #7b1fa2; }\n .button.is-purple.is-inverted {\n background-color: rgba(106, 27, 154, 0);\n border-color: #9c27b0; }\n .button.is-purple:hover {\n background-color: #6a1b9a;\n color: #FFF;\n animation: none; }\n .button.is-deep-purple {\n background-color: #5e35b1;\n border-color: #512da8;\n color: #FFF; }\n .button.is-deep-purple.is-outlined {\n background-color: #FFF;\n color: #512da8; }\n .button.is-deep-purple.is-inverted {\n background-color: rgba(69, 39, 160, 0);\n border-color: #673ab7; }\n .button.is-deep-purple:hover {\n background-color: #4527a0;\n color: #FFF;\n animation: none; }\n .button.is-indigo {\n background-color: #3949ab;\n border-color: #303f9f;\n color: #FFF; }\n .button.is-indigo.is-outlined {\n background-color: #FFF;\n color: #303f9f; }\n .button.is-indigo.is-inverted {\n background-color: rgba(40, 53, 147, 0);\n border-color: #3f51b5; }\n .button.is-indigo:hover {\n background-color: #283593;\n color: #FFF;\n animation: none; }\n .button.is-blue {\n background-color: #1e88e5;\n border-color: #1976d2;\n color: #FFF; }\n .button.is-blue.is-outlined {\n background-color: #FFF;\n color: #1976d2; }\n .button.is-blue.is-inverted {\n background-color: rgba(21, 101, 192, 0);\n border-color: #2196f3; }\n .button.is-blue:hover {\n background-color: #1565c0;\n color: #FFF;\n animation: none; }\n .button.is-light-blue {\n background-color: #039be5;\n border-color: #0288d1;\n color: #FFF; }\n .button.is-light-blue.is-outlined {\n background-color: #FFF;\n color: #0288d1; }\n .button.is-light-blue.is-inverted {\n background-color: rgba(2, 119, 189, 0);\n border-color: #03a9f4; }\n .button.is-light-blue:hover {\n background-color: #0277bd;\n color: #FFF;\n animation: none; }\n .button.is-cyan {\n background-color: #00acc1;\n border-color: #0097a7;\n color: #FFF; }\n .button.is-cyan.is-outlined {\n background-color: #FFF;\n color: #0097a7; }\n .button.is-cyan.is-inverted {\n background-color: rgba(0, 131, 143, 0);\n border-color: #00bcd4; }\n .button.is-cyan:hover {\n background-color: #00838f;\n color: #FFF;\n animation: none; }\n .button.is-teal {\n background-color: #00897b;\n border-color: #00796b;\n color: #FFF; }\n .button.is-teal.is-outlined {\n background-color: #FFF;\n color: #00796b; }\n .button.is-teal.is-inverted {\n background-color: rgba(0, 105, 92, 0);\n border-color: #009688; }\n .button.is-teal:hover {\n background-color: #00695c;\n color: #FFF;\n animation: none; }\n .button.is-green {\n background-color: #43a047;\n border-color: #388e3c;\n color: #FFF; }\n .button.is-green.is-outlined {\n background-color: #FFF;\n color: #388e3c; }\n .button.is-green.is-inverted {\n background-color: rgba(46, 125, 50, 0);\n border-color: #4caf50; }\n .button.is-green:hover {\n background-color: #2e7d32;\n color: #FFF;\n animation: none; }\n .button.is-light-green {\n background-color: #7cb342;\n border-color: #689f38;\n color: #FFF; }\n .button.is-light-green.is-outlined {\n background-color: #FFF;\n color: #689f38; }\n .button.is-light-green.is-inverted {\n background-color: rgba(85, 139, 47, 0);\n border-color: #8bc34a; }\n .button.is-light-green:hover {\n background-color: #558b2f;\n color: #FFF;\n animation: none; }\n .button.is-lime {\n background-color: #c0ca33;\n border-color: #afb42b;\n color: #FFF; }\n .button.is-lime.is-outlined {\n background-color: #FFF;\n color: #afb42b; }\n .button.is-lime.is-inverted {\n background-color: rgba(158, 157, 36, 0);\n border-color: #cddc39; }\n .button.is-lime:hover {\n background-color: #9e9d24;\n color: #FFF;\n animation: none; }\n .button.is-yellow {\n background-color: #fdd835;\n border-color: #fbc02d;\n color: #FFF; }\n .button.is-yellow.is-outlined {\n background-color: #FFF;\n color: #fbc02d; }\n .button.is-yellow.is-inverted {\n background-color: rgba(249, 168, 37, 0);\n border-color: #ffeb3b; }\n .button.is-yellow:hover {\n background-color: #f9a825;\n color: #FFF;\n animation: none; }\n .button.is-amber {\n background-color: #ffb300;\n border-color: #ffa000;\n color: #FFF; }\n .button.is-amber.is-outlined {\n background-color: #FFF;\n color: #ffa000; }\n .button.is-amber.is-inverted {\n background-color: rgba(255, 143, 0, 0);\n border-color: #ffc107; }\n .button.is-amber:hover {\n background-color: #ff8f00;\n color: #FFF;\n animation: none; }\n .button.is-orange {\n background-color: #fb8c00;\n border-color: #f57c00;\n color: #FFF; }\n .button.is-orange.is-outlined {\n background-color: #FFF;\n color: #f57c00; }\n .button.is-orange.is-inverted {\n background-color: rgba(239, 108, 0, 0);\n border-color: #ff9800; }\n .button.is-orange:hover {\n background-color: #ef6c00;\n color: #FFF;\n animation: none; }\n .button.is-deep-orange {\n background-color: #f4511e;\n border-color: #e64a19;\n color: #FFF; }\n .button.is-deep-orange.is-outlined {\n background-color: #FFF;\n color: #e64a19; }\n .button.is-deep-orange.is-inverted {\n background-color: rgba(216, 67, 21, 0);\n border-color: #ff5722; }\n .button.is-deep-orange:hover {\n background-color: #d84315;\n color: #FFF;\n animation: none; }\n .button.is-brown {\n background-color: #6d4c41;\n border-color: #5d4037;\n color: #FFF; }\n .button.is-brown.is-outlined {\n background-color: #FFF;\n color: #5d4037; }\n .button.is-brown.is-inverted {\n background-color: rgba(78, 52, 46, 0);\n border-color: #795548; }\n .button.is-brown:hover {\n background-color: #4e342e;\n color: #FFF;\n animation: none; }\n .button.is-grey {\n background-color: #757575;\n border-color: #616161;\n color: #FFF; }\n .button.is-grey.is-outlined {\n background-color: #FFF;\n color: #616161; }\n .button.is-grey.is-inverted {\n background-color: rgba(66, 66, 66, 0);\n border-color: #9e9e9e; }\n .button.is-grey:hover {\n background-color: #424242;\n color: #FFF;\n animation: none; }\n .button.is-blue-grey {\n background-color: #546e7a;\n border-color: #455a64;\n color: #FFF; }\n .button.is-blue-grey.is-outlined {\n background-color: #FFF;\n color: #455a64; }\n .button.is-blue-grey.is-inverted {\n background-color: rgba(55, 71, 79, 0);\n border-color: #607d8b; }\n .button.is-blue-grey:hover {\n background-color: #37474f;\n color: #FFF;\n animation: none; }\n .button.is-icon-only i {\n margin-right: 0; }\n .button.is-featured {\n animation: btnInvertedPulse .6s ease alternate infinite; }\n .button.is-disabled, .button:disabled {\n background-color: #e0e0e0;\n border: 1px solid #bdbdbd;\n color: #9e9e9e;\n cursor: default;\n transition: none; }\n .button.is-disabled:hover, .button:disabled:hover {\n background-color: #e0e0e0 !important;\n color: #9e9e9e !important; }\n\n.button-group .button {\n border-radius: 0;\n margin-left: 1px; }\n .button-group .button:first-child {\n margin-left: 0;\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px; }\n .button-group .button:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px; }\n\n@-webkit-keyframes btnInvertedPulse {\n 0% {\n background-color: rgba(158, 158, 158, 0); }\n 100% {\n background-color: rgba(158, 158, 158, 0.25); } }\n\n@-moz-keyframes btnInvertedPulse {\n 0% {\n background-color: rgba(158, 158, 158, 0); }\n 100% {\n background-color: rgba(158, 158, 158, 0.25); } }\n\n@-o-keyframes btnInvertedPulse {\n 0% {\n background-color: rgba(158, 158, 158, 0); }\n 100% {\n background-color: rgba(158, 158, 158, 0.25); } }\n\n@keyframes btnInvertedPulse {\n 0% {\n background-color: rgba(158, 158, 158, 0); }\n 100% {\n background-color: rgba(158, 158, 158, 0.25); } }\n\n.footer {\n background-color: #eceff1;\n border-bottom: 5px solid #cfd8dc;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 25px;\n font-size: 13px;\n font-weight: 500;\n color: #607d8b; }\n .footer ul {\n padding: 0;\n margin: 0;\n list-style-type: none;\n display: flex;\n justify-content: center;\n align-items: center; }\n .footer ul li {\n padding: 0 15px; }\n\n.control + .control {\n margin-top: 15px; }\n\n.control input[type=text], .control input[type=password] {\n background-color: #FFF;\n display: flex;\n height: 30px;\n align-items: center;\n padding: 0 12px;\n border: 1px solid #bdbdbd;\n border-radius: 3px;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 14px;\n color: #616161;\n transition: all .4s ease;\n box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1); }\n .control input[type=text]:focus, .control input[type=password]:focus {\n outline: none;\n border-color: #03a9f4;\n box-shadow: inset 0 0 5px 0 rgba(3, 169, 244, 0.3); }\n .control input[type=text]:disabled, .control input[type=password]:disabled {\n background-color: #f5f5f5; }\n .control input[type=text].is-dirty.is-invalid, .control input[type=password].is-dirty.is-invalid {\n border-color: #f44336;\n box-shadow: inset 0 0 5px 0 #ffcdd2; }\n\n.control.is-fullwidth input[type=text], .control.is-fullwidth input[type=password], .control.is-fullwidth select, .control.is-fullwidth textarea {\n width: 100%; }\n\n.control select {\n background-color: #FFF;\n display: flex;\n height: 30px;\n align-items: center;\n padding: 0 12px;\n border: 1px solid #bdbdbd;\n border-radius: 3px;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 14px;\n color: #616161;\n transition: all .4s ease;\n box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1);\n cursor: pointer; }\n .control select:focus {\n outline: none;\n border-color: #03a9f4;\n box-shadow: inset 0 0 5px 0 rgba(3, 169, 244, 0.3); }\n .control select:disabled {\n background-color: #f5f5f5; }\n\n.control input[type=radio], .control input[type=checkbox] {\n position: absolute;\n left: -9999px;\n opacity: 0; }\n .control input[type=radio] + label, .control input[type=checkbox] + label {\n position: relative;\n padding: 0 15px 0 25px;\n cursor: pointer;\n display: inline-block;\n height: 25px;\n line-height: 25px;\n font-size: 14px;\n transition: .28s ease;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n -o-user-select: none;\n user-select: none; }\n .control input[type=radio] + label:before, .control input[type=radio] + label:after, .control input[type=checkbox] + label:before, .control input[type=checkbox] + label:after {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n margin: 4px;\n border: 2px solid #3949ab;\n margin: 4px;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n z-index: 0;\n transition: .28s ease; }\n .control input[type=radio]:checked + label:before, .control input[type=radio]:checked + label:after, .control input[type=checkbox]:checked + label:before, .control input[type=checkbox]:checked + label:after {\n border-color: #3949ab; }\n .control input[type=radio]:checked + label:after, .control input[type=checkbox]:checked + label:after {\n -webkit-transform: scale(0.5);\n -moz-transform: scale(0.5);\n -ms-transform: scale(0.5);\n -o-transform: scale(0.5);\n transform: scale(0.5);\n background-color: #3949ab; }\n\n.control input[type=checkbox] + label:before, .control input[type=checkbox] + label:after {\n border-radius: 0; }\n\n.control .help {\n font-size: 12px; }\n .control .help.is-red {\n color: #e53935; }\n\n.control + label {\n margin-top: 20px; }\n\n.control > i:first-child {\n margin-right: 8px; }\n\n.label {\n margin-bottom: 5px;\n font-size: 14px;\n font-weight: 500;\n display: block; }\n\n.form-sections section {\n border-top: 1px solid #eeeeee;\n padding: 20px;\n -webkit-animation-duration: 0.6s;\n -moz-animation-duration: 0.6s;\n -ms-animation-duration: 0.6s;\n -o-animation-duration: 0.6s;\n animation-duration: 0.6s; }\n .form-sections section:first-child {\n border-top: none; }\n .form-sections section .button + .button {\n margin-left: 10px; }\n .form-sections section .desc {\n display: inline-block;\n padding: 10px 0 0 0px;\n font-size: 12px;\n color: #9e9e9e; }\n .form-sections section .section-block {\n padding-left: 20px;\n font-size: 14px;\n color: #37474f; }\n .form-sections section .section-block h6 {\n font-size: 14px;\n font-weight: 500;\n color: #546e7a;\n margin-top: 15px;\n border-bottom: 1px dotted #b0bec5; }\n .form-sections section .section-block p {\n padding: 5px 0; }\n .form-sections section .section-block p.is-small {\n font-size: 13px; }\n\n.column {\n flex-basis: 0;\n flex-grow: 1;\n flex-shrink: 1;\n padding: 10px; }\n .columns.is-mobile > .column.is-narrow {\n flex: none; }\n .columns.is-mobile > .column.is-full {\n flex: none;\n width: 100%; }\n .columns.is-mobile > .column.is-three-quarters {\n flex: none;\n width: 75%; }\n .columns.is-mobile > .column.is-two-thirds {\n flex: none;\n width: 66.6666%; }\n .columns.is-mobile > .column.is-half {\n flex: none;\n width: 50%; }\n .columns.is-mobile > .column.is-one-third {\n flex: none;\n width: 33.3333%; }\n .columns.is-mobile > .column.is-one-quarter {\n flex: none;\n width: 25%; }\n .columns.is-mobile > .column.is-offset-three-quarters {\n margin-left: 75%; }\n .columns.is-mobile > .column.is-offset-two-thirds {\n margin-left: 66.6666%; }\n .columns.is-mobile > .column.is-offset-half {\n margin-left: 50%; }\n .columns.is-mobile > .column.is-offset-one-third {\n margin-left: 33.3333%; }\n .columns.is-mobile > .column.is-offset-one-quarter {\n margin-left: 25%; }\n .columns.is-mobile > .column.is-1 {\n flex: none;\n width: 8.33333%; }\n .columns.is-mobile > .column.is-offset-1 {\n margin-left: 8.33333%; }\n .columns.is-mobile > .column.is-2 {\n flex: none;\n width: 16.66667%; }\n .columns.is-mobile > .column.is-offset-2 {\n margin-left: 16.66667%; }\n .columns.is-mobile > .column.is-3 {\n flex: none;\n width: 25%; }\n .columns.is-mobile > .column.is-offset-3 {\n margin-left: 25%; }\n .columns.is-mobile > .column.is-4 {\n flex: none;\n width: 33.33333%; }\n .columns.is-mobile > .column.is-offset-4 {\n margin-left: 33.33333%; }\n .columns.is-mobile > .column.is-5 {\n flex: none;\n width: 41.66667%; }\n .columns.is-mobile > .column.is-offset-5 {\n margin-left: 41.66667%; }\n .columns.is-mobile > .column.is-6 {\n flex: none;\n width: 50%; }\n .columns.is-mobile > .column.is-offset-6 {\n margin-left: 50%; }\n .columns.is-mobile > .column.is-7 {\n flex: none;\n width: 58.33333%; }\n .columns.is-mobile > .column.is-offset-7 {\n margin-left: 58.33333%; }\n .columns.is-mobile > .column.is-8 {\n flex: none;\n width: 66.66667%; }\n .columns.is-mobile > .column.is-offset-8 {\n margin-left: 66.66667%; }\n .columns.is-mobile > .column.is-9 {\n flex: none;\n width: 75%; }\n .columns.is-mobile > .column.is-offset-9 {\n margin-left: 75%; }\n .columns.is-mobile > .column.is-10 {\n flex: none;\n width: 83.33333%; }\n .columns.is-mobile > .column.is-offset-10 {\n margin-left: 83.33333%; }\n .columns.is-mobile > .column.is-11 {\n flex: none;\n width: 91.66667%; }\n .columns.is-mobile > .column.is-offset-11 {\n margin-left: 91.66667%; }\n .columns.is-mobile > .column.is-12 {\n flex: none;\n width: 100%; }\n .columns.is-mobile > .column.is-offset-12 {\n margin-left: 100%; }\n @media screen and (max-width: 768px) {\n .column.is-narrow-mobile {\n flex: none; }\n .column.is-full-mobile {\n flex: none;\n width: 100%; }\n .column.is-three-quarters-mobile {\n flex: none;\n width: 75%; }\n .column.is-two-thirds-mobile {\n flex: none;\n width: 66.6666%; }\n .column.is-half-mobile {\n flex: none;\n width: 50%; }\n .column.is-one-third-mobile {\n flex: none;\n width: 33.3333%; }\n .column.is-one-quarter-mobile {\n flex: none;\n width: 25%; }\n .column.is-offset-three-quarters-mobile {\n margin-left: 75%; }\n .column.is-offset-two-thirds-mobile {\n margin-left: 66.6666%; }\n .column.is-offset-half-mobile {\n margin-left: 50%; }\n .column.is-offset-one-third-mobile {\n margin-left: 33.3333%; }\n .column.is-offset-one-quarter-mobile {\n margin-left: 25%; }\n .column.is-1-mobile {\n flex: none;\n width: 8.33333%; }\n .column.is-offset-1-mobile {\n margin-left: 8.33333%; }\n .column.is-2-mobile {\n flex: none;\n width: 16.66667%; }\n .column.is-offset-2-mobile {\n margin-left: 16.66667%; }\n .column.is-3-mobile {\n flex: none;\n width: 25%; }\n .column.is-offset-3-mobile {\n margin-left: 25%; }\n .column.is-4-mobile {\n flex: none;\n width: 33.33333%; }\n .column.is-offset-4-mobile {\n margin-left: 33.33333%; }\n .column.is-5-mobile {\n flex: none;\n width: 41.66667%; }\n .column.is-offset-5-mobile {\n margin-left: 41.66667%; }\n .column.is-6-mobile {\n flex: none;\n width: 50%; }\n .column.is-offset-6-mobile {\n margin-left: 50%; }\n .column.is-7-mobile {\n flex: none;\n width: 58.33333%; }\n .column.is-offset-7-mobile {\n margin-left: 58.33333%; }\n .column.is-8-mobile {\n flex: none;\n width: 66.66667%; }\n .column.is-offset-8-mobile {\n margin-left: 66.66667%; }\n .column.is-9-mobile {\n flex: none;\n width: 75%; }\n .column.is-offset-9-mobile {\n margin-left: 75%; }\n .column.is-10-mobile {\n flex: none;\n width: 83.33333%; }\n .column.is-offset-10-mobile {\n margin-left: 83.33333%; }\n .column.is-11-mobile {\n flex: none;\n width: 91.66667%; }\n .column.is-offset-11-mobile {\n margin-left: 91.66667%; }\n .column.is-12-mobile {\n flex: none;\n width: 100%; }\n .column.is-offset-12-mobile {\n margin-left: 100%; } }\n @media screen and (min-width: 769px) {\n .column.is-narrow, .column.is-narrow-tablet {\n flex: none; }\n .column.is-full, .column.is-full-tablet {\n flex: none;\n width: 100%; }\n .column.is-three-quarters, .column.is-three-quarters-tablet {\n flex: none;\n width: 75%; }\n .column.is-two-thirds, .column.is-two-thirds-tablet {\n flex: none;\n width: 66.6666%; }\n .column.is-half, .column.is-half-tablet {\n flex: none;\n width: 50%; }\n .column.is-one-third, .column.is-one-third-tablet {\n flex: none;\n width: 33.3333%; }\n .column.is-one-quarter, .column.is-one-quarter-tablet {\n flex: none;\n width: 25%; }\n .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {\n margin-left: 75%; }\n .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {\n margin-left: 66.6666%; }\n .column.is-offset-half, .column.is-offset-half-tablet {\n margin-left: 50%; }\n .column.is-offset-one-third, .column.is-offset-one-third-tablet {\n margin-left: 33.3333%; }\n .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {\n margin-left: 25%; }\n .column.is-1, .column.is-1-tablet {\n flex: none;\n width: 8.33333%; }\n .column.is-offset-1, .column.is-offset-1-tablet {\n margin-left: 8.33333%; }\n .column.is-2, .column.is-2-tablet {\n flex: none;\n width: 16.66667%; }\n .column.is-offset-2, .column.is-offset-2-tablet {\n margin-left: 16.66667%; }\n .column.is-3, .column.is-3-tablet {\n flex: none;\n width: 25%; }\n .column.is-offset-3, .column.is-offset-3-tablet {\n margin-left: 25%; }\n .column.is-4, .column.is-4-tablet {\n flex: none;\n width: 33.33333%; }\n .column.is-offset-4, .column.is-offset-4-tablet {\n margin-left: 33.33333%; }\n .column.is-5, .column.is-5-tablet {\n flex: none;\n width: 41.66667%; }\n .column.is-offset-5, .column.is-offset-5-tablet {\n margin-left: 41.66667%; }\n .column.is-6, .column.is-6-tablet {\n flex: none;\n width: 50%; }\n .column.is-offset-6, .column.is-offset-6-tablet {\n margin-left: 50%; }\n .column.is-7, .column.is-7-tablet {\n flex: none;\n width: 58.33333%; }\n .column.is-offset-7, .column.is-offset-7-tablet {\n margin-left: 58.33333%; }\n .column.is-8, .column.is-8-tablet {\n flex: none;\n width: 66.66667%; }\n .column.is-offset-8, .column.is-offset-8-tablet {\n margin-left: 66.66667%; }\n .column.is-9, .column.is-9-tablet {\n flex: none;\n width: 75%; }\n .column.is-offset-9, .column.is-offset-9-tablet {\n margin-left: 75%; }\n .column.is-10, .column.is-10-tablet {\n flex: none;\n width: 83.33333%; }\n .column.is-offset-10, .column.is-offset-10-tablet {\n margin-left: 83.33333%; }\n .column.is-11, .column.is-11-tablet {\n flex: none;\n width: 91.66667%; }\n .column.is-offset-11, .column.is-offset-11-tablet {\n margin-left: 91.66667%; }\n .column.is-12, .column.is-12-tablet {\n flex: none;\n width: 100%; }\n .column.is-offset-12, .column.is-offset-12-tablet {\n margin-left: 100%; } }\n @media screen and (min-width: 980px) {\n .column.is-narrow-desktop {\n flex: none; }\n .column.is-full-desktop {\n flex: none;\n width: 100%; }\n .column.is-three-quarters-desktop {\n flex: none;\n width: 75%; }\n .column.is-two-thirds-desktop {\n flex: none;\n width: 66.6666%; }\n .column.is-half-desktop {\n flex: none;\n width: 50%; }\n .column.is-one-third-desktop {\n flex: none;\n width: 33.3333%; }\n .column.is-one-quarter-desktop {\n flex: none;\n width: 25%; }\n .column.is-offset-three-quarters-desktop {\n margin-left: 75%; }\n .column.is-offset-two-thirds-desktop {\n margin-left: 66.6666%; }\n .column.is-offset-half-desktop {\n margin-left: 50%; }\n .column.is-offset-one-third-desktop {\n margin-left: 33.3333%; }\n .column.is-offset-one-quarter-desktop {\n margin-left: 25%; }\n .column.is-1-desktop {\n flex: none;\n width: 8.33333%; }\n .column.is-offset-1-desktop {\n margin-left: 8.33333%; }\n .column.is-2-desktop {\n flex: none;\n width: 16.66667%; }\n .column.is-offset-2-desktop {\n margin-left: 16.66667%; }\n .column.is-3-desktop {\n flex: none;\n width: 25%; }\n .column.is-offset-3-desktop {\n margin-left: 25%; }\n .column.is-4-desktop {\n flex: none;\n width: 33.33333%; }\n .column.is-offset-4-desktop {\n margin-left: 33.33333%; }\n .column.is-5-desktop {\n flex: none;\n width: 41.66667%; }\n .column.is-offset-5-desktop {\n margin-left: 41.66667%; }\n .column.is-6-desktop {\n flex: none;\n width: 50%; }\n .column.is-offset-6-desktop {\n margin-left: 50%; }\n .column.is-7-desktop {\n flex: none;\n width: 58.33333%; }\n .column.is-offset-7-desktop {\n margin-left: 58.33333%; }\n .column.is-8-desktop {\n flex: none;\n width: 66.66667%; }\n .column.is-offset-8-desktop {\n margin-left: 66.66667%; }\n .column.is-9-desktop {\n flex: none;\n width: 75%; }\n .column.is-offset-9-desktop {\n margin-left: 75%; }\n .column.is-10-desktop {\n flex: none;\n width: 83.33333%; }\n .column.is-offset-10-desktop {\n margin-left: 83.33333%; }\n .column.is-11-desktop {\n flex: none;\n width: 91.66667%; }\n .column.is-offset-11-desktop {\n margin-left: 91.66667%; }\n .column.is-12-desktop {\n flex: none;\n width: 100%; }\n .column.is-offset-12-desktop {\n margin-left: 100%; } }\n @media screen and (min-width: 1180px) {\n .column.is-narrow-widescreen {\n flex: none; }\n .column.is-full-widescreen {\n flex: none;\n width: 100%; }\n .column.is-three-quarters-widescreen {\n flex: none;\n width: 75%; }\n .column.is-two-thirds-widescreen {\n flex: none;\n width: 66.6666%; }\n .column.is-half-widescreen {\n flex: none;\n width: 50%; }\n .column.is-one-third-widescreen {\n flex: none;\n width: 33.3333%; }\n .column.is-one-quarter-widescreen {\n flex: none;\n width: 25%; }\n .column.is-offset-three-quarters-widescreen {\n margin-left: 75%; }\n .column.is-offset-two-thirds-widescreen {\n margin-left: 66.6666%; }\n .column.is-offset-half-widescreen {\n margin-left: 50%; }\n .column.is-offset-one-third-widescreen {\n margin-left: 33.3333%; }\n .column.is-offset-one-quarter-widescreen {\n margin-left: 25%; }\n .column.is-1-widescreen {\n flex: none;\n width: 8.33333%; }\n .column.is-offset-1-widescreen {\n margin-left: 8.33333%; }\n .column.is-2-widescreen {\n flex: none;\n width: 16.66667%; }\n .column.is-offset-2-widescreen {\n margin-left: 16.66667%; }\n .column.is-3-widescreen {\n flex: none;\n width: 25%; }\n .column.is-offset-3-widescreen {\n margin-left: 25%; }\n .column.is-4-widescreen {\n flex: none;\n width: 33.33333%; }\n .column.is-offset-4-widescreen {\n margin-left: 33.33333%; }\n .column.is-5-widescreen {\n flex: none;\n width: 41.66667%; }\n .column.is-offset-5-widescreen {\n margin-left: 41.66667%; }\n .column.is-6-widescreen {\n flex: none;\n width: 50%; }\n .column.is-offset-6-widescreen {\n margin-left: 50%; }\n .column.is-7-widescreen {\n flex: none;\n width: 58.33333%; }\n .column.is-offset-7-widescreen {\n margin-left: 58.33333%; }\n .column.is-8-widescreen {\n flex: none;\n width: 66.66667%; }\n .column.is-offset-8-widescreen {\n margin-left: 66.66667%; }\n .column.is-9-widescreen {\n flex: none;\n width: 75%; }\n .column.is-offset-9-widescreen {\n margin-left: 75%; }\n .column.is-10-widescreen {\n flex: none;\n width: 83.33333%; }\n .column.is-offset-10-widescreen {\n margin-left: 83.33333%; }\n .column.is-11-widescreen {\n flex: none;\n width: 91.66667%; }\n .column.is-offset-11-widescreen {\n margin-left: 91.66667%; }\n .column.is-12-widescreen {\n flex: none;\n width: 100%; }\n .column.is-offset-12-widescreen {\n margin-left: 100%; } }\n\n.columns {\n margin-left: -10px;\n margin-right: -10px;\n margin-top: -10px; }\n .columns:last-child {\n margin-bottom: -10px; }\n .columns:not(:last-child) {\n margin-bottom: 10px; }\n .columns.is-centered {\n justify-content: center; }\n .columns.is-gapless {\n margin-left: 0;\n margin-right: 0;\n margin-top: 0; }\n .columns.is-gapless:last-child {\n margin-bottom: 0; }\n .columns.is-gapless:not(:last-child) {\n margin-bottom: 20px; }\n .columns.is-gapless > .column {\n margin: 0;\n padding: 0; }\n .columns.is-stretched {\n flex-grow: 1;\n align-items: stretch;\n align-self: stretch; }\n @media screen and (min-width: 769px) {\n .columns.is-grid {\n flex-wrap: wrap; }\n .columns.is-grid > .column {\n max-width: 33.3333%;\n padding: 10px;\n width: 33.3333%; }\n .columns.is-grid > .column + .column {\n margin-left: 0; } }\n .columns.is-mobile {\n display: flex; }\n .columns.is-multiline {\n flex-wrap: wrap; }\n .columns.is-vcentered {\n align-items: center; }\n @media screen and (min-width: 769px) {\n .columns:not(.is-desktop) {\n display: flex; } }\n @media screen and (min-width: 980px) {\n .columns.is-desktop {\n display: flex; } }\n\n.tile {\n align-items: stretch;\n flex-basis: auto;\n flex-grow: 1;\n flex-shrink: 1;\n min-height: min-content; }\n .tile.is-ancestor {\n margin-left: -10px;\n margin-right: -10px;\n margin-top: -10px; }\n .tile.is-ancestor:last-child {\n margin-bottom: -10px; }\n .tile.is-ancestor:not(:last-child) {\n margin-bottom: 10px; }\n .tile.is-child {\n margin: 0 !important; }\n .tile.is-parent {\n padding: 10px; }\n .tile.is-vertical {\n flex-direction: column; }\n .tile.is-vertical > .tile.is-child:not(:last-child) {\n margin-bottom: 20px !important; }\n @media screen and (min-width: 769px) {\n .tile:not(.is-child) {\n display: flex; }\n .tile.is-1 {\n flex: none;\n width: 8.33333%; }\n .tile.is-2 {\n flex: none;\n width: 16.66667%; }\n .tile.is-3 {\n flex: none;\n width: 25%; }\n .tile.is-4 {\n flex: none;\n width: 33.33333%; }\n .tile.is-5 {\n flex: none;\n width: 41.66667%; }\n .tile.is-6 {\n flex: none;\n width: 50%; }\n .tile.is-7 {\n flex: none;\n width: 58.33333%; }\n .tile.is-8 {\n flex: none;\n width: 66.66667%; }\n .tile.is-9 {\n flex: none;\n width: 75%; }\n .tile.is-10 {\n flex: none;\n width: 83.33333%; }\n .tile.is-11 {\n flex: none;\n width: 91.66667%; }\n .tile.is-12 {\n flex: none;\n width: 100%; } }\n\n.column.is-white {\n background-color: #FFF; }\n\n.modal {\n align-items: flex-start;\n display: none; }\n .modal.is-active {\n display: block; }\n .modal.is-superimposed .modal-background {\n z-index: 20; }\n .modal.is-superimposed .modal-container {\n z-index: 21; }\n\n.modal-background {\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n position: fixed;\n background-color: rgba(0, 0, 0, 0.85);\n animation: .4s ease fadeIn;\n z-index: 10; }\n\n.modal-container {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 11;\n display: flex;\n justify-content: center;\n align-items: center; }\n\n.modal-content {\n animation: .3s ease zoomIn;\n width: 600px;\n background-color: #FFF; }\n .modal-content.is-expanded {\n align-self: stretch;\n width: 100%;\n margin: 20px;\n display: flex;\n flex-direction: column; }\n .modal-content.is-expanded > section {\n flex-grow: 1; }\n .modal-content header {\n background-color: #00897b;\n color: #FFF;\n display: flex;\n flex-shrink: 0;\n height: 40px;\n align-items: center;\n font-weight: 400;\n font-size: 16px;\n padding: 0 20px;\n position: relative; }\n .modal-content header.is-red {\n background-color: #e53935; }\n .modal-content header.is-pink {\n background-color: #d81b60; }\n .modal-content header.is-purple {\n background-color: #8e24aa; }\n .modal-content header.is-deep-purple {\n background-color: #5e35b1; }\n .modal-content header.is-indigo {\n background-color: #3949ab; }\n .modal-content header.is-blue {\n background-color: #1e88e5; }\n .modal-content header.is-light-blue {\n background-color: #039be5; }\n .modal-content header.is-cyan {\n background-color: #00acc1; }\n .modal-content header.is-teal {\n background-color: #00897b; }\n .modal-content header.is-green {\n background-color: #43a047; }\n .modal-content header.is-light-green {\n background-color: #7cb342; }\n .modal-content header.is-lime {\n background-color: #c0ca33; }\n .modal-content header.is-yellow {\n background-color: #fdd835; }\n .modal-content header.is-amber {\n background-color: #ffb300; }\n .modal-content header.is-orange {\n background-color: #fb8c00; }\n .modal-content header.is-deep-orange {\n background-color: #f4511e; }\n .modal-content header.is-brown {\n background-color: #6d4c41; }\n .modal-content header.is-grey {\n background-color: #757575; }\n .modal-content header.is-blue-grey {\n background-color: #546e7a; }\n .modal-content header .modal-notify {\n position: absolute;\n display: none;\n align-items: center;\n height: 40px;\n right: 20px;\n top: 0; }\n .modal-content header .modal-notify.is-active {\n display: flex; }\n .modal-content header .modal-notify span {\n font-size: 12px;\n letter-spacing: 1px;\n text-transform: uppercase; }\n .modal-content header .modal-notify i {\n margin-left: 15px;\n display: inline-block;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 2px 1px 0 #FFF;\n -webkit-animation: spin 0.5s linear infinite;\n -moz-animation: spin 0.5s linear infinite;\n -ms-animation: spin 0.5s linear infinite;\n -o-animation: spin 0.5s linear infinite;\n animation: spin 0.5s linear infinite; }\n\n@-webkit-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-moz-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-o-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n .modal-content section {\n padding: 20px;\n border-top: 1px dotted #e0e0e0; }\n .modal-content section:first-of-type {\n border-top: none;\n padding-top: 20px; }\n .modal-content section:last-of-type {\n padding-bottom: 20px; }\n .modal-content section.is-gapless {\n padding: 10px;\n display: flex; }\n .modal-content section.modal-loading {\n display: flex;\n flex-direction: column;\n align-items: center; }\n .modal-content section.modal-loading > i {\n display: block;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 2px 1px 0 #2196f3;\n -webkit-animation: spin 0.4s linear infinite;\n -moz-animation: spin 0.4s linear infinite;\n -ms-animation: spin 0.4s linear infinite;\n -o-animation: spin 0.4s linear infinite;\n animation: spin 0.4s linear infinite;\n margin-bottom: 10px; }\n\n@-webkit-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-moz-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-o-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n .modal-content section.modal-loading > span {\n color: #757575; }\n .modal-content section.modal-loading > em {\n font-size: 12px;\n color: #9e9e9e;\n font-style: normal; }\n .modal-content section.modal-instructions {\n display: flex;\n flex-direction: column;\n align-items: center;\n color: #424242; }\n .modal-content section.modal-instructions img {\n height: 100px; }\n .modal-content section.modal-instructions img + * {\n margin-top: 10px; }\n .modal-content section.modal-instructions i.is-huge {\n font-size: 72px;\n margin-bottom: 10px; }\n .modal-content section.modal-instructions > span {\n color: #424242; }\n .modal-content section.modal-instructions > em {\n font-size: 12px;\n color: #757575;\n font-style: normal;\n margin-top: 10px;\n display: block; }\n .modal-content section .bullets {\n list-style-type: square;\n padding: 5px 0 0 30px;\n font-size: 14px;\n color: #424242; }\n .modal-content section .note {\n display: block;\n margin-top: 10px;\n font-size: 14px;\n color: #424242; }\n .modal-content section .note:first-child {\n margin-top: 0; }\n .modal-content section .note ul {\n color: #424242;\n padding-left: 10px; }\n .modal-content section .note ul li {\n margin-top: 5px;\n display: flex;\n align-items: center; }\n .modal-content section .note ul li > i {\n margin-right: 8px;\n font-size: 18px; }\n .modal-content footer {\n padding: 20px;\n text-align: right; }\n .modal-content footer .button {\n margin-left: 10px; }\n\n.modal-toolbar {\n background-color: #00796b;\n padding: 7px 20px;\n display: flex;\n flex-shrink: 0;\n justify-content: center; }\n .modal-toolbar.is-red {\n background-color: #d32f2f; }\n .modal-toolbar.is-red .button {\n border-color: #b71c1c;\n background-color: #b71c1c; }\n .modal-toolbar.is-red .button:hover {\n border-color: #b71c1c;\n background-color: #c62828; }\n .modal-toolbar.is-pink {\n background-color: #c2185b; }\n .modal-toolbar.is-pink .button {\n border-color: #880e4f;\n background-color: #880e4f; }\n .modal-toolbar.is-pink .button:hover {\n border-color: #880e4f;\n background-color: #ad1457; }\n .modal-toolbar.is-purple {\n background-color: #7b1fa2; }\n .modal-toolbar.is-purple .button {\n border-color: #4a148c;\n background-color: #4a148c; }\n .modal-toolbar.is-purple .button:hover {\n border-color: #4a148c;\n background-color: #6a1b9a; }\n .modal-toolbar.is-deep-purple {\n background-color: #512da8; }\n .modal-toolbar.is-deep-purple .button {\n border-color: #311b92;\n background-color: #311b92; }\n .modal-toolbar.is-deep-purple .button:hover {\n border-color: #311b92;\n background-color: #4527a0; }\n .modal-toolbar.is-indigo {\n background-color: #303f9f; }\n .modal-toolbar.is-indigo .button {\n border-color: #1a237e;\n background-color: #1a237e; }\n .modal-toolbar.is-indigo .button:hover {\n border-color: #1a237e;\n background-color: #283593; }\n .modal-toolbar.is-blue {\n background-color: #1976d2; }\n .modal-toolbar.is-blue .button {\n border-color: #0d47a1;\n background-color: #0d47a1; }\n .modal-toolbar.is-blue .button:hover {\n border-color: #0d47a1;\n background-color: #1565c0; }\n .modal-toolbar.is-light-blue {\n background-color: #0288d1; }\n .modal-toolbar.is-light-blue .button {\n border-color: #01579b;\n background-color: #01579b; }\n .modal-toolbar.is-light-blue .button:hover {\n border-color: #01579b;\n background-color: #0277bd; }\n .modal-toolbar.is-cyan {\n background-color: #0097a7; }\n .modal-toolbar.is-cyan .button {\n border-color: #006064;\n background-color: #006064; }\n .modal-toolbar.is-cyan .button:hover {\n border-color: #006064;\n background-color: #00838f; }\n .modal-toolbar.is-teal {\n background-color: #00796b; }\n .modal-toolbar.is-teal .button {\n border-color: #004d40;\n background-color: #004d40; }\n .modal-toolbar.is-teal .button:hover {\n border-color: #004d40;\n background-color: #00695c; }\n .modal-toolbar.is-green {\n background-color: #388e3c; }\n .modal-toolbar.is-green .button {\n border-color: #1b5e20;\n background-color: #1b5e20; }\n .modal-toolbar.is-green .button:hover {\n border-color: #1b5e20;\n background-color: #2e7d32; }\n .modal-toolbar.is-light-green {\n background-color: #689f38; }\n .modal-toolbar.is-light-green .button {\n border-color: #33691e;\n background-color: #33691e; }\n .modal-toolbar.is-light-green .button:hover {\n border-color: #33691e;\n background-color: #558b2f; }\n .modal-toolbar.is-lime {\n background-color: #afb42b; }\n .modal-toolbar.is-lime .button {\n border-color: #827717;\n background-color: #827717; }\n .modal-toolbar.is-lime .button:hover {\n border-color: #827717;\n background-color: #9e9d24; }\n .modal-toolbar.is-yellow {\n background-color: #fbc02d; }\n .modal-toolbar.is-yellow .button {\n border-color: #f57f17;\n background-color: #f57f17; }\n .modal-toolbar.is-yellow .button:hover {\n border-color: #f57f17;\n background-color: #f9a825; }\n .modal-toolbar.is-amber {\n background-color: #ffa000; }\n .modal-toolbar.is-amber .button {\n border-color: #ff6f00;\n background-color: #ff6f00; }\n .modal-toolbar.is-amber .button:hover {\n border-color: #ff6f00;\n background-color: #ff8f00; }\n .modal-toolbar.is-orange {\n background-color: #f57c00; }\n .modal-toolbar.is-orange .button {\n border-color: #e65100;\n background-color: #e65100; }\n .modal-toolbar.is-orange .button:hover {\n border-color: #e65100;\n background-color: #ef6c00; }\n .modal-toolbar.is-deep-orange {\n background-color: #e64a19; }\n .modal-toolbar.is-deep-orange .button {\n border-color: #bf360c;\n background-color: #bf360c; }\n .modal-toolbar.is-deep-orange .button:hover {\n border-color: #bf360c;\n background-color: #d84315; }\n .modal-toolbar.is-brown {\n background-color: #5d4037; }\n .modal-toolbar.is-brown .button {\n border-color: #3e2723;\n background-color: #3e2723; }\n .modal-toolbar.is-brown .button:hover {\n border-color: #3e2723;\n background-color: #4e342e; }\n .modal-toolbar.is-grey {\n background-color: #616161; }\n .modal-toolbar.is-grey .button {\n border-color: #212121;\n background-color: #212121; }\n .modal-toolbar.is-grey .button:hover {\n border-color: #212121;\n background-color: #424242; }\n .modal-toolbar.is-blue-grey {\n background-color: #455a64; }\n .modal-toolbar.is-blue-grey .button {\n border-color: #263238;\n background-color: #263238; }\n .modal-toolbar.is-blue-grey .button:hover {\n border-color: #263238;\n background-color: #37474f; }\n .modal-toolbar .button {\n border: 1px solid #004d40;\n background-color: #004d40;\n transition: all .4s ease;\n color: #FFF;\n border-radius: 0; }\n .modal-toolbar .button:first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px; }\n .modal-toolbar .button:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px; }\n .modal-toolbar .button:hover {\n border-color: #004d40;\n background-color: #00695c;\n color: #FFF; }\n .modal-toolbar .button + .button {\n margin-left: 1px; }\n\n.modal-sidebar {\n background-color: #e0f2f1;\n padding: 0; }\n .modal-sidebar.is-red {\n background-color: #ffebee; }\n .modal-sidebar.is-red .model-sidebar-header {\n background-color: #ffcdd2;\n color: #c62828; }\n .modal-sidebar.is-red .model-sidebar-list > li a:hover {\n background-color: #ef9a9a; }\n .modal-sidebar.is-red .model-sidebar-list > li a.is-active {\n background-color: #f44336; }\n .modal-sidebar.is-pink {\n background-color: #fce4ec; }\n .modal-sidebar.is-pink .model-sidebar-header {\n background-color: #f8bbd0;\n color: #ad1457; }\n .modal-sidebar.is-pink .model-sidebar-list > li a:hover {\n background-color: #f48fb1; }\n .modal-sidebar.is-pink .model-sidebar-list > li a.is-active {\n background-color: #e91e63; }\n .modal-sidebar.is-purple {\n background-color: #f3e5f5; }\n .modal-sidebar.is-purple .model-sidebar-header {\n background-color: #e1bee7;\n color: #6a1b9a; }\n .modal-sidebar.is-purple .model-sidebar-list > li a:hover {\n background-color: #ce93d8; }\n .modal-sidebar.is-purple .model-sidebar-list > li a.is-active {\n background-color: #9c27b0; }\n .modal-sidebar.is-deep-purple {\n background-color: #ede7f6; }\n .modal-sidebar.is-deep-purple .model-sidebar-header {\n background-color: #d1c4e9;\n color: #4527a0; }\n .modal-sidebar.is-deep-purple .model-sidebar-list > li a:hover {\n background-color: #b39ddb; }\n .modal-sidebar.is-deep-purple .model-sidebar-list > li a.is-active {\n background-color: #673ab7; }\n .modal-sidebar.is-indigo {\n background-color: #e8eaf6; }\n .modal-sidebar.is-indigo .model-sidebar-header {\n background-color: #c5cae9;\n color: #283593; }\n .modal-sidebar.is-indigo .model-sidebar-list > li a:hover {\n background-color: #9fa8da; }\n .modal-sidebar.is-indigo .model-sidebar-list > li a.is-active {\n background-color: #3f51b5; }\n .modal-sidebar.is-blue {\n background-color: #e3f2fd; }\n .modal-sidebar.is-blue .model-sidebar-header {\n background-color: #bbdefb;\n color: #1565c0; }\n .modal-sidebar.is-blue .model-sidebar-list > li a:hover {\n background-color: #90caf9; }\n .modal-sidebar.is-blue .model-sidebar-list > li a.is-active {\n background-color: #2196f3; }\n .modal-sidebar.is-light-blue {\n background-color: #e1f5fe; }\n .modal-sidebar.is-light-blue .model-sidebar-header {\n background-color: #b3e5fc;\n color: #0277bd; }\n .modal-sidebar.is-light-blue .model-sidebar-list > li a:hover {\n background-color: #81d4fa; }\n .modal-sidebar.is-light-blue .model-sidebar-list > li a.is-active {\n background-color: #03a9f4; }\n .modal-sidebar.is-cyan {\n background-color: #e0f7fa; }\n .modal-sidebar.is-cyan .model-sidebar-header {\n background-color: #b2ebf2;\n color: #00838f; }\n .modal-sidebar.is-cyan .model-sidebar-list > li a:hover {\n background-color: #80deea; }\n .modal-sidebar.is-cyan .model-sidebar-list > li a.is-active {\n background-color: #00bcd4; }\n .modal-sidebar.is-teal {\n background-color: #e0f2f1; }\n .modal-sidebar.is-teal .model-sidebar-header {\n background-color: #b2dfdb;\n color: #00695c; }\n .modal-sidebar.is-teal .model-sidebar-list > li a:hover {\n background-color: #80cbc4; }\n .modal-sidebar.is-teal .model-sidebar-list > li a.is-active {\n background-color: #009688; }\n .modal-sidebar.is-green {\n background-color: #e8f5e9; }\n .modal-sidebar.is-green .model-sidebar-header {\n background-color: #c8e6c9;\n color: #2e7d32; }\n .modal-sidebar.is-green .model-sidebar-list > li a:hover {\n background-color: #a5d6a7; }\n .modal-sidebar.is-green .model-sidebar-list > li a.is-active {\n background-color: #4caf50; }\n .modal-sidebar.is-light-green {\n background-color: #f1f8e9; }\n .modal-sidebar.is-light-green .model-sidebar-header {\n background-color: #dcedc8;\n color: #558b2f; }\n .modal-sidebar.is-light-green .model-sidebar-list > li a:hover {\n background-color: #c5e1a5; }\n .modal-sidebar.is-light-green .model-sidebar-list > li a.is-active {\n background-color: #8bc34a; }\n .modal-sidebar.is-lime {\n background-color: #f9fbe7; }\n .modal-sidebar.is-lime .model-sidebar-header {\n background-color: #f0f4c3;\n color: #9e9d24; }\n .modal-sidebar.is-lime .model-sidebar-list > li a:hover {\n background-color: #e6ee9c; }\n .modal-sidebar.is-lime .model-sidebar-list > li a.is-active {\n background-color: #cddc39; }\n .modal-sidebar.is-yellow {\n background-color: #fffde7; }\n .modal-sidebar.is-yellow .model-sidebar-header {\n background-color: #fff9c4;\n color: #f9a825; }\n .modal-sidebar.is-yellow .model-sidebar-list > li a:hover {\n background-color: #fff59d; }\n .modal-sidebar.is-yellow .model-sidebar-list > li a.is-active {\n background-color: #ffeb3b; }\n .modal-sidebar.is-amber {\n background-color: #fff8e1; }\n .modal-sidebar.is-amber .model-sidebar-header {\n background-color: #ffecb3;\n color: #ff8f00; }\n .modal-sidebar.is-amber .model-sidebar-list > li a:hover {\n background-color: #ffe082; }\n .modal-sidebar.is-amber .model-sidebar-list > li a.is-active {\n background-color: #ffc107; }\n .modal-sidebar.is-orange {\n background-color: #fff3e0; }\n .modal-sidebar.is-orange .model-sidebar-header {\n background-color: #ffe0b2;\n color: #ef6c00; }\n .modal-sidebar.is-orange .model-sidebar-list > li a:hover {\n background-color: #ffcc80; }\n .modal-sidebar.is-orange .model-sidebar-list > li a.is-active {\n background-color: #ff9800; }\n .modal-sidebar.is-deep-orange {\n background-color: #fbe9e7; }\n .modal-sidebar.is-deep-orange .model-sidebar-header {\n background-color: #ffccbc;\n color: #d84315; }\n .modal-sidebar.is-deep-orange .model-sidebar-list > li a:hover {\n background-color: #ffab91; }\n .modal-sidebar.is-deep-orange .model-sidebar-list > li a.is-active {\n background-color: #ff5722; }\n .modal-sidebar.is-brown {\n background-color: #efebe9; }\n .modal-sidebar.is-brown .model-sidebar-header {\n background-color: #d7ccc8;\n color: #4e342e; }\n .modal-sidebar.is-brown .model-sidebar-list > li a:hover {\n background-color: #bcaaa4; }\n .modal-sidebar.is-brown .model-sidebar-list > li a.is-active {\n background-color: #795548; }\n .modal-sidebar.is-grey {\n background-color: #fafafa; }\n .modal-sidebar.is-grey .model-sidebar-header {\n background-color: #f5f5f5;\n color: #424242; }\n .modal-sidebar.is-grey .model-sidebar-list > li a:hover {\n background-color: #eeeeee; }\n .modal-sidebar.is-grey .model-sidebar-list > li a.is-active {\n background-color: #9e9e9e; }\n .modal-sidebar.is-blue-grey {\n background-color: #eceff1; }\n .modal-sidebar.is-blue-grey .model-sidebar-header {\n background-color: #cfd8dc;\n color: #37474f; }\n .modal-sidebar.is-blue-grey .model-sidebar-list > li a:hover {\n background-color: #b0bec5; }\n .modal-sidebar.is-blue-grey .model-sidebar-list > li a.is-active {\n background-color: #607d8b; }\n .modal-sidebar .model-sidebar-header {\n padding: 7px 20px; }\n .modal-sidebar .model-sidebar-content {\n padding: 7px 20px; }\n .modal-sidebar .model-sidebar-list > li {\n padding: 0; }\n .modal-sidebar .model-sidebar-list > li a {\n display: flex;\n align-items: center;\n height: 34px;\n padding: 0 20px;\n cursor: pointer;\n color: #424242; }\n .modal-sidebar .model-sidebar-list > li a:hover {\n background-color: #80cbc4; }\n .modal-sidebar .model-sidebar-list > li a.is-active {\n color: #FFF; }\n .modal-sidebar .model-sidebar-list > li a i {\n margin-right: 7px; }\n\n.modal-content .card-footer-item.featured {\n animation: flash 4s ease 0 infinite; }\n\n.nav {\n align-items: stretch;\n background-color: #3f51b5;\n display: flex;\n min-height: 50px;\n position: relative;\n text-align: center;\n box-shadow: 0 2px 3px rgba(63, 81, 181, 0.2);\n z-index: 2;\n color: #FFF; }\n .nav.is-red {\n background-color: #f44336;\n box-shadow: 0 2px 3px rgba(244, 67, 54, 0.2); }\n .nav.is-red .nav-item .button {\n border: 1px solid #b71c1c;\n background-color: #c62828; }\n .nav.is-red .nav-item .button.is-outlined {\n background-color: #e53935;\n border-color: #c62828;\n color: #ffcdd2; }\n .nav.is-red .nav-item .button:hover {\n border-color: #b71c1c;\n background-color: #b71c1c; }\n .nav.is-pink {\n background-color: #e91e63;\n box-shadow: 0 2px 3px rgba(233, 30, 99, 0.2); }\n .nav.is-pink .nav-item .button {\n border: 1px solid #880e4f;\n background-color: #ad1457; }\n .nav.is-pink .nav-item .button.is-outlined {\n background-color: #d81b60;\n border-color: #ad1457;\n color: #f8bbd0; }\n .nav.is-pink .nav-item .button:hover {\n border-color: #880e4f;\n background-color: #880e4f; }\n .nav.is-purple {\n background-color: #9c27b0;\n box-shadow: 0 2px 3px rgba(156, 39, 176, 0.2); }\n .nav.is-purple .nav-item .button {\n border: 1px solid #4a148c;\n background-color: #6a1b9a; }\n .nav.is-purple .nav-item .button.is-outlined {\n background-color: #8e24aa;\n border-color: #6a1b9a;\n color: #e1bee7; }\n .nav.is-purple .nav-item .button:hover {\n border-color: #4a148c;\n background-color: #4a148c; }\n .nav.is-deep-purple {\n background-color: #673ab7;\n box-shadow: 0 2px 3px rgba(103, 58, 183, 0.2); }\n .nav.is-deep-purple .nav-item .button {\n border: 1px solid #311b92;\n background-color: #4527a0; }\n .nav.is-deep-purple .nav-item .button.is-outlined {\n background-color: #5e35b1;\n border-color: #4527a0;\n color: #d1c4e9; }\n .nav.is-deep-purple .nav-item .button:hover {\n border-color: #311b92;\n background-color: #311b92; }\n .nav.is-indigo {\n background-color: #3f51b5;\n box-shadow: 0 2px 3px rgba(63, 81, 181, 0.2); }\n .nav.is-indigo .nav-item .button {\n border: 1px solid #1a237e;\n background-color: #283593; }\n .nav.is-indigo .nav-item .button.is-outlined {\n background-color: #3949ab;\n border-color: #283593;\n color: #c5cae9; }\n .nav.is-indigo .nav-item .button:hover {\n border-color: #1a237e;\n background-color: #1a237e; }\n .nav.is-blue {\n background-color: #2196f3;\n box-shadow: 0 2px 3px rgba(33, 150, 243, 0.2); }\n .nav.is-blue .nav-item .button {\n border: 1px solid #0d47a1;\n background-color: #1565c0; }\n .nav.is-blue .nav-item .button.is-outlined {\n background-color: #1e88e5;\n border-color: #1565c0;\n color: #bbdefb; }\n .nav.is-blue .nav-item .button:hover {\n border-color: #0d47a1;\n background-color: #0d47a1; }\n .nav.is-light-blue {\n background-color: #03a9f4;\n box-shadow: 0 2px 3px rgba(3, 169, 244, 0.2); }\n .nav.is-light-blue .nav-item .button {\n border: 1px solid #01579b;\n background-color: #0277bd; }\n .nav.is-light-blue .nav-item .button.is-outlined {\n background-color: #039be5;\n border-color: #0277bd;\n color: #b3e5fc; }\n .nav.is-light-blue .nav-item .button:hover {\n border-color: #01579b;\n background-color: #01579b; }\n .nav.is-cyan {\n background-color: #00bcd4;\n box-shadow: 0 2px 3px rgba(0, 188, 212, 0.2); }\n .nav.is-cyan .nav-item .button {\n border: 1px solid #006064;\n background-color: #00838f; }\n .nav.is-cyan .nav-item .button.is-outlined {\n background-color: #00acc1;\n border-color: #00838f;\n color: #b2ebf2; }\n .nav.is-cyan .nav-item .button:hover {\n border-color: #006064;\n background-color: #006064; }\n .nav.is-teal {\n background-color: #009688;\n box-shadow: 0 2px 3px rgba(0, 150, 136, 0.2); }\n .nav.is-teal .nav-item .button {\n border: 1px solid #004d40;\n background-color: #00695c; }\n .nav.is-teal .nav-item .button.is-outlined {\n background-color: #00897b;\n border-color: #00695c;\n color: #b2dfdb; }\n .nav.is-teal .nav-item .button:hover {\n border-color: #004d40;\n background-color: #004d40; }\n .nav.is-green {\n background-color: #4caf50;\n box-shadow: 0 2px 3px rgba(76, 175, 80, 0.2); }\n .nav.is-green .nav-item .button {\n border: 1px solid #1b5e20;\n background-color: #2e7d32; }\n .nav.is-green .nav-item .button.is-outlined {\n background-color: #43a047;\n border-color: #2e7d32;\n color: #c8e6c9; }\n .nav.is-green .nav-item .button:hover {\n border-color: #1b5e20;\n background-color: #1b5e20; }\n .nav.is-light-green {\n background-color: #8bc34a;\n box-shadow: 0 2px 3px rgba(139, 195, 74, 0.2); }\n .nav.is-light-green .nav-item .button {\n border: 1px solid #33691e;\n background-color: #558b2f; }\n .nav.is-light-green .nav-item .button.is-outlined {\n background-color: #7cb342;\n border-color: #558b2f;\n color: #dcedc8; }\n .nav.is-light-green .nav-item .button:hover {\n border-color: #33691e;\n background-color: #33691e; }\n .nav.is-lime {\n background-color: #cddc39;\n box-shadow: 0 2px 3px rgba(205, 220, 57, 0.2); }\n .nav.is-lime .nav-item .button {\n border: 1px solid #827717;\n background-color: #9e9d24; }\n .nav.is-lime .nav-item .button.is-outlined {\n background-color: #c0ca33;\n border-color: #9e9d24;\n color: #f0f4c3; }\n .nav.is-lime .nav-item .button:hover {\n border-color: #827717;\n background-color: #827717; }\n .nav.is-yellow {\n background-color: #ffeb3b;\n box-shadow: 0 2px 3px rgba(255, 235, 59, 0.2); }\n .nav.is-yellow .nav-item .button {\n border: 1px solid #f57f17;\n background-color: #f9a825; }\n .nav.is-yellow .nav-item .button.is-outlined {\n background-color: #fdd835;\n border-color: #f9a825;\n color: #fff9c4; }\n .nav.is-yellow .nav-item .button:hover {\n border-color: #f57f17;\n background-color: #f57f17; }\n .nav.is-amber {\n background-color: #ffc107;\n box-shadow: 0 2px 3px rgba(255, 193, 7, 0.2); }\n .nav.is-amber .nav-item .button {\n border: 1px solid #ff6f00;\n background-color: #ff8f00; }\n .nav.is-amber .nav-item .button.is-outlined {\n background-color: #ffb300;\n border-color: #ff8f00;\n color: #ffecb3; }\n .nav.is-amber .nav-item .button:hover {\n border-color: #ff6f00;\n background-color: #ff6f00; }\n .nav.is-orange {\n background-color: #ff9800;\n box-shadow: 0 2px 3px rgba(255, 152, 0, 0.2); }\n .nav.is-orange .nav-item .button {\n border: 1px solid #e65100;\n background-color: #ef6c00; }\n .nav.is-orange .nav-item .button.is-outlined {\n background-color: #fb8c00;\n border-color: #ef6c00;\n color: #ffe0b2; }\n .nav.is-orange .nav-item .button:hover {\n border-color: #e65100;\n background-color: #e65100; }\n .nav.is-deep-orange {\n background-color: #ff5722;\n box-shadow: 0 2px 3px rgba(255, 87, 34, 0.2); }\n .nav.is-deep-orange .nav-item .button {\n border: 1px solid #bf360c;\n background-color: #d84315; }\n .nav.is-deep-orange .nav-item .button.is-outlined {\n background-color: #f4511e;\n border-color: #d84315;\n color: #ffccbc; }\n .nav.is-deep-orange .nav-item .button:hover {\n border-color: #bf360c;\n background-color: #bf360c; }\n .nav.is-brown {\n background-color: #795548;\n box-shadow: 0 2px 3px rgba(121, 85, 72, 0.2); }\n .nav.is-brown .nav-item .button {\n border: 1px solid #3e2723;\n background-color: #4e342e; }\n .nav.is-brown .nav-item .button.is-outlined {\n background-color: #6d4c41;\n border-color: #4e342e;\n color: #d7ccc8; }\n .nav.is-brown .nav-item .button:hover {\n border-color: #3e2723;\n background-color: #3e2723; }\n .nav.is-grey {\n background-color: #9e9e9e;\n box-shadow: 0 2px 3px rgba(158, 158, 158, 0.2); }\n .nav.is-grey .nav-item .button {\n border: 1px solid #212121;\n background-color: #424242; }\n .nav.is-grey .nav-item .button.is-outlined {\n background-color: #757575;\n border-color: #424242;\n color: #f5f5f5; }\n .nav.is-grey .nav-item .button:hover {\n border-color: #212121;\n background-color: #212121; }\n .nav.is-blue-grey {\n background-color: #607d8b;\n box-shadow: 0 2px 3px rgba(96, 125, 139, 0.2); }\n .nav.is-blue-grey .nav-item .button {\n border: 1px solid #263238;\n background-color: #37474f; }\n .nav.is-blue-grey .nav-item .button.is-outlined {\n background-color: #546e7a;\n border-color: #37474f;\n color: #cfd8dc; }\n .nav.is-blue-grey .nav-item .button:hover {\n border-color: #263238;\n background-color: #263238; }\n\n.nav-left {\n align-items: stretch;\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n justify-content: flex-start;\n overflow: hidden;\n overflow-x: auto;\n white-space: nowrap; }\n\n.nav-center {\n align-items: stretch;\n display: flex;\n justify-content: center;\n margin-left: auto;\n margin-right: auto; }\n\n@media screen and (min-width: 769px) {\n .nav-right {\n align-items: stretch;\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n justify-content: flex-end; } }\n\n.nav-item {\n align-items: center;\n display: flex;\n justify-content: center;\n padding: 0 10px; }\n .nav-item a, a.nav-item {\n color: #e8eaf6;\n transition: color .4s ease;\n cursor: pointer; }\n .nav-item a:hover, a.nav-item:hover {\n color: #9fa8da;\n text-decoration: none; }\n .nav-item img {\n max-height: 34px; }\n .nav-item h1 {\n font-size: 16px;\n font-weight: 400;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n transition: color .4s ease;\n color: #FFF;\n padding-left: 10px; }\n .nav-item h1 i {\n margin-right: 8px; }\n .nav-item h1:hover {\n color: #c5cae9; }\n h2.nav-item, .nav-item h2 {\n color: #e8eaf6; }\n .nav-item .button {\n border: 1px solid #1a237e;\n background-color: #283593;\n transition: all .4s ease;\n color: #FFF;\n border-radius: 0; }\n .nav-item .button:first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px; }\n .nav-item .button:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px; }\n .nav-item .button.is-outlined {\n background-color: #3949ab;\n border-color: #283593;\n color: #c5cae9; }\n .nav-item .button:hover {\n border-color: #1a237e;\n background-color: #1a237e;\n color: #FFF; }\n .nav-item .button + .button {\n margin-left: 1px; }\n .nav-item .control input[type=text] {\n background-color: #283593;\n border-color: #5c6bc0;\n color: #e8eaf6; }\n .nav-item .control input[type=text]:focus {\n border-color: #9fa8da;\n box-shadow: inset 0 0 5px 0 rgba(26, 35, 126, 0.5); }\n .nav-item .control input[type=text]::-webkit-input-placeholder {\n color: #9fa8da; }\n .nav-item .control input[type=text]::-moz-placeholder {\n color: #9fa8da; }\n .nav-item .control input[type=text]:-ms-input-placeholder {\n color: #9fa8da; }\n .nav-item .control input[type=text]:placeholder-shown {\n color: #9fa8da; }\n\n.panel-aside {\n background-color: #37474f;\n border: 1px solid #37474f;\n border-bottom-left-radius: 8px;\n padding: 20px;\n color: #cfd8dc; }\n .panel-aside label {\n color: #FFF; }\n\n.panel {\n background-color: #FFF;\n box-shadow: 0 0 12px 0 rgba(66, 66, 66, 0.1), 1px 6px 8px 0 rgba(66, 66, 66, 0.1);\n padding: 0 0 1px 0;\n border-radius: 4px; }\n .panel .panel-title {\n border-bottom: 1px solid #e4e6f0;\n padding: 0 15px;\n color: mc(\"grey\", \"800\");\n font-size: 16px;\n font-weight: 500;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 40px; }\n .panel .panel-title.is-featured {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n background-color: #7986cb;\n border-bottom-color: #5c6bc0;\n color: #FFF; }\n .panel .panel-title.is-featured > i::before {\n width: 18px;\n height: 18px;\n border-radius: 50%;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 2px 1px 0 #FFF;\n -webkit-animation: spin 0.4s linear infinite;\n -moz-animation: spin 0.4s linear infinite;\n -ms-animation: spin 0.4s linear infinite;\n -o-animation: spin 0.4s linear infinite;\n animation: spin 0.4s linear infinite; }\n\n@-webkit-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-moz-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-o-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n .panel .panel-title > span {\n font-weight: 500; }\n .panel .panel-title > i {\n display: flex;\n width: 18px;\n align-items: center; }\n .panel .panel-title > i::before {\n content: \" \";\n width: 18px;\n height: 18px;\n border-radius: 50%;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 2px 1px 0 #3f51b5;\n -webkit-animation: spin 0.4s linear infinite;\n -moz-animation: spin 0.4s linear infinite;\n -ms-animation: spin 0.4s linear infinite;\n -o-animation: spin 0.4s linear infinite;\n animation: spin 0.4s linear infinite; }\n\n@-webkit-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-moz-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-o-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n .panel .panel-content {\n padding: 0 15px; }\n .panel .panel-content.is-text {\n padding: 25px; }\n .panel .panel-content.is-text p + p, .panel .panel-content.is-text p + h3 {\n margin-top: 25px; }\n .panel .panel-content.is-text h3 {\n margin-bottom: 15px;\n font-weight: 500; }\n .panel .panel-content.is-text ul li {\n color: #616161; }\n .panel .panel-content.is-text strong {\n font-weight: 500;\n color: #283593; }\n .panel .panel-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n height: 50px;\n background-color: #F4F5F9;\n padding: 0 15px;\n margin: 0 1px;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n position: relative; }\n .panel .panel-footer .button + .button {\n margin-left: 10px; }\n .panel + .panel {\n margin-top: 25px; }\n\nh1 {\n font-size: 28px; }\n\nh2 {\n font-size: 18px; }\n\nh3 {\n font-size: 16px; }\n\ni.is-red {\n color: #e53935; }\n\ni.is-pink {\n color: #d81b60; }\n\ni.is-purple {\n color: #8e24aa; }\n\ni.is-deep-purple {\n color: #5e35b1; }\n\ni.is-indigo {\n color: #3949ab; }\n\ni.is-blue {\n color: #1e88e5; }\n\ni.is-light-blue {\n color: #039be5; }\n\ni.is-cyan {\n color: #00acc1; }\n\ni.is-teal {\n color: #00897b; }\n\ni.is-green {\n color: #43a047; }\n\ni.is-light-green {\n color: #7cb342; }\n\ni.is-lime {\n color: #c0ca33; }\n\ni.is-yellow {\n color: #fdd835; }\n\ni.is-amber {\n color: #ffb300; }\n\ni.is-orange {\n color: #fb8c00; }\n\ni.is-deep-orange {\n color: #f4511e; }\n\ni.is-brown {\n color: #6d4c41; }\n\ni.is-grey {\n color: #757575; }\n\ni.is-blue-grey {\n color: #546e7a; }\n\n.welcome {\n text-align: center;\n padding: 25px 0 0;\n color: #616161; }\n .welcome h1 {\n margin-top: 5px; }\n .welcome h2 {\n margin: 0; }\n\ni.icon-loader {\n display: inline-block;\n color: #3f51b5; }\n\ni.icon-check {\n color: #4caf50; }\n\ni.icon-square-cross {\n color: #f44336; }\n\ni.icon-warning-outline {\n color: #ff9800; }\n\n.tst-welcome-leave-active, .tst-welcome-enter-active {\n transition: all .5s;\n overflow-y: hidden; }\n\n.tst-welcome-leave, .tst-welcome-enter-to {\n opacity: 1;\n max-height: 200px; }\n\n.tst-welcome-leave-to, .tst-welcome-enter {\n opacity: 0;\n max-height: 0;\n padding-top: 0; }\n\n.progress-bar {\n width: 150px;\n height: 10px;\n background-color: #e8eaf6;\n border: 1px solid #c5cae9;\n border-radius: 3px;\n position: absolute;\n left: 15px;\n top: 21px;\n padding: 1px; }\n .progress-bar > div {\n width: 5px;\n height: 6px;\n background-color: #9fa8da;\n border-radius: 2px;\n transition: all 1s ease; }\n\n/*# sourceMappingURL=configure.scss.map */"); -}); -___scope___.file("js/configure.js", function(exports, require, module, __filename, __dirname){ - -'use strict'; - -var _jquery = require("jquery"); - -var _jquery2 = _interopRequireDefault(_jquery); - -var _lodash = require("lodash"); - -var _lodash2 = _interopRequireDefault(_lodash); - -var _vue = require("vue/dist/vue.js"); - -var _vue2 = _interopRequireDefault(_vue); - -var _veeValidate = require("vee-validate"); - -var _veeValidate2 = _interopRequireDefault(_veeValidate); - -var _axios = require("axios"); - -var _axios2 = _interopRequireDefault(_axios); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -_vue2.default.use(_veeValidate2.default, { - enableAutoClasses: true, - classNames: { - touched: 'is-touched', // the control has been blurred - untouched: 'is-untouched', // the control hasn't been blurred - valid: 'is-valid', // model is valid - invalid: 'is-invalid', // model is invalid - pristine: 'is-pristine', // control has not been interacted with - dirty: 'is-dirty' // control has been interacted with - } -}); - -(0, _jquery2.default)(document).ready(function ($) { - new _vue2.default({ // eslint-disable-line no-new - el: 'main', - data: { - loading: false, - state: 'welcome', - syscheck: { - ok: false, - error: '', - results: [] - }, - dbcheck: { - ok: false, - error: '' - }, - gitcheck: { - ok: false, - error: '' - }, - final: { - ok: false, - error: '', - results: [] - }, - conf: { - title: 'Wiki', - host: 'http://', - port: 80, - lang: 'en', - db: 'mongodb://localhost:27017/wiki', - pathData: './data', - pathRepo: './repo', - gitUseRemote: true, - gitUrl: '', - gitBranch: 'master', - gitAuthType: 'ssh', - gitAuthSSHKey: '', - gitAuthUser: '', - gitAuthPass: '', - gitAuthSSL: true, - gitSignatureName: '', - gitSignatureEmail: '', - adminEmail: '', - adminPassword: '', - adminPasswordConfirm: '' - }, - considerations: { - https: false, - port: false, - localhost: false - } - }, - computed: { - currentProgress: function currentProgress() { - var perc = '0%'; - switch (this.state) { - case 'welcome': - perc = '0%'; - break; - case 'syscheck': - perc = this.syscheck.ok ? '15%' : '5%'; - break; - case 'general': - perc = '20%'; - break; - case 'considerations': - perc = '30%'; - break; - case 'db': - perc = '35%'; - break; - case 'dbcheck': - perc = this.dbcheck.ok ? '50%' : '40%'; - break; - case 'paths': - perc = '55%'; - break; - case 'git': - perc = '60%'; - break; - case 'gitcheck': - perc = this.gitcheck.ok ? '75%' : '65%'; - break; - case 'admin': - perc = '80%'; - break; - } - return perc; - } - }, - methods: { - proceedToWelcome: function proceedToWelcome(ev) { - this.state = 'welcome'; - this.loading = false; - }, - proceedToSyscheck: function proceedToSyscheck(ev) { - var self = this; - this.state = 'syscheck'; - this.loading = true; - self.syscheck = { - ok: false, - error: '', - results: [] - }; - - _lodash2.default.delay(function () { - _axios2.default.post('/syscheck').then(function (resp) { - if (resp.data.ok === true) { - self.syscheck.ok = true; - self.syscheck.results = resp.data.results; - } else { - self.syscheck.ok = false; - self.syscheck.error = resp.data.error; - } - self.loading = false; - self.$nextTick(); - }).catch(function (err) { - window.alert(err.message); - }); - }, 1000); - }, - proceedToGeneral: function proceedToGeneral(ev) { - var self = this; - self.state = 'general'; - self.loading = false; - self.$nextTick(function () { - self.$validator.validateAll('general'); - }); - }, - proceedToConsiderations: function proceedToConsiderations(ev) { - this.considerations = { - https: !_lodash2.default.startsWith(this.conf.host, 'https'), - port: false, // TODO - localhost: _lodash2.default.includes(this.conf.host, 'localhost') - }; - this.state = 'considerations'; - this.loading = false; - }, - proceedToDb: function proceedToDb(ev) { - var self = this; - self.state = 'db'; - self.loading = false; - self.$nextTick(function () { - self.$validator.validateAll('db'); - }); - }, - proceedToDbcheck: function proceedToDbcheck(ev) { - var self = this; - this.state = 'dbcheck'; - this.loading = true; - self.dbcheck = { - ok: false, - error: '' - }; - - _lodash2.default.delay(function () { - _axios2.default.post('/dbcheck', { - db: self.conf.db - }).then(function (resp) { - if (resp.data.ok === true) { - self.dbcheck.ok = true; - } else { - self.dbcheck.ok = false; - self.dbcheck.error = resp.data.error; - } - self.loading = false; - self.$nextTick(); - }).catch(function (err) { - window.alert(err.message); - }); - }, 1000); - }, - proceedToPaths: function proceedToPaths(ev) { - var self = this; - self.state = 'paths'; - self.loading = false; - self.$nextTick(function () { - self.$validator.validateAll('paths'); - }); - }, - proceedToGit: function proceedToGit(ev) { - var self = this; - self.state = 'git'; - self.loading = false; - self.$nextTick(function () { - self.$validator.validateAll('git'); - }); - }, - proceedToGitCheck: function proceedToGitCheck(ev) { - var self = this; - this.state = 'gitcheck'; - this.loading = true; - self.gitcheck = { - ok: false, - results: [], - error: '' - }; - - _lodash2.default.delay(function () { - _axios2.default.post('/gitcheck', self.conf).then(function (resp) { - if (resp.data.ok === true) { - self.gitcheck.ok = true; - self.gitcheck.results = resp.data.results; - } else { - self.gitcheck.ok = false; - self.gitcheck.error = resp.data.error; - } - self.loading = false; - self.$nextTick(); - }).catch(function (err) { - window.alert(err.message); - }); - }, 1000); - }, - proceedToAdmin: function proceedToAdmin(ev) { - var self = this; - self.state = 'admin'; - self.loading = false; - self.$nextTick(function () { - self.$validator.validateAll('admin'); - }); - }, - proceedToFinal: function proceedToFinal(ev) { - var self = this; - self.state = 'final'; - self.loading = true; - self.final = { - ok: false, - error: '', - results: [] - }; - - _lodash2.default.delay(function () { - _axios2.default.post('/finalize', self.conf).then(function (resp) { - if (resp.data.ok === true) { - self.final.ok = true; - self.final.results = resp.data.results; - } else { - self.final.ok = false; - self.final.error = resp.data.error; - } - self.loading = false; - self.$nextTick(); - }).catch(function (err) { - window.alert(err.message); - }); - }, 1000); - }, - finish: function finish(ev) {} - } - }); -}); -}); ___scope___.file("scss/app.scss", function(exports, require, module, __filename, __dirname){ __fsbx_css("scss/app.scss", "@charset \"UTF-8\";\n/*\r\n\tHTML5 Reset :: style.css\r\n\t----------------------------------------------------------\r\n\tWe have learned much from/been inspired by/taken code where offered from:\r\n\tEric Meyer\t\t\t\t\t:: http://meyerweb.com\r\n\tHTML5 Doctor\t\t\t\t:: http://html5doctor.com\r\n\tand the HTML5 Boilerplate\t:: http://html5boilerplate.com\r\n-------------------------------------------------------------------------------*/\n/* Let's default this puppy out\r\n-------------------------------------------------------------------------------*/\nhtml, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-weight: normal;\n vertical-align: baseline;\n background: transparent; }\n\nmain, article, aside, figure, footer, header, nav, section, details, summary {\n display: block; }\n\n/* Handle box-sizing while better addressing child elements:\r\n http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */\nhtml {\n box-sizing: border-box; }\n\n*,\n*:before,\n*:after {\n box-sizing: inherit; }\n\n/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */\n/* Responsive images and other embedded objects */\n/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */\nimg,\nobject,\nembed {\n max-width: 100%; }\n\n/*\r\n Note: keeping IMG here will cause problems if you're using foreground images as sprites.\r\n\tIn fact, it *will* cause problems with Google Maps' controls at small size.\r\n\tIf this is the case for you, try uncommenting the following:\r\n#map img {\r\n\t\tmax-width: none;\r\n}\r\n*/\n/* force a vertical scrollbar to prevent a jumpy page */\nhtml {\n overflow-y: scroll; }\n\n/* we use a lot of ULs that aren't bulleted.\r\n\tyou'll have to restore the bullets within content,\r\n\twhich is fine because they're probably customized anyway */\nul {\n list-style: none; }\n\nblockquote, q {\n quotes: none; }\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: '';\n content: none; }\n\na {\n margin: 0;\n padding: 0;\n font-size: 100%;\n vertical-align: baseline;\n background: transparent; }\n\ndel {\n text-decoration: line-through; }\n\nabbr[title], dfn[title] {\n border-bottom: 1px dotted #000;\n cursor: help; }\n\n/* tables still need cellspacing=\"0\" in the markup */\ntable {\n border-collapse: separate;\n border-spacing: 0; }\n\nth {\n font-weight: bold;\n vertical-align: bottom; }\n\ntd {\n font-weight: normal;\n vertical-align: top; }\n\nhr {\n display: block;\n height: 1px;\n border: 0;\n border-top: 1px solid #ccc;\n margin: 1em 0;\n padding: 0; }\n\ninput, select {\n vertical-align: middle; }\n\npre {\n white-space: pre;\n /* CSS2 */\n white-space: pre-wrap;\n /* CSS 2.1 */\n white-space: pre-line;\n /* CSS 3 (and 2.1 as well, actually) */\n word-wrap: break-word;\n /* IE */ }\n\ninput[type=\"radio\"] {\n vertical-align: text-bottom; }\n\ninput[type=\"checkbox\"] {\n vertical-align: bottom; }\n\n.ie7 input[type=\"checkbox\"] {\n vertical-align: baseline; }\n\n.ie6 input {\n vertical-align: text-bottom; }\n\nselect, input, textarea {\n font: 99% sans-serif; }\n\ntable {\n font-size: inherit;\n font: 100%; }\n\nsmall {\n font-size: 85%; }\n\nstrong {\n font-weight: bold; }\n\ntd, td img {\n vertical-align: top; }\n\n/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */\nsub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative; }\n\nsup {\n top: -0.5em; }\n\nsub {\n bottom: -0.25em; }\n\n/* standardize any monospaced elements */\npre, code, kbd, samp {\n font-family: monospace, sans-serif; }\n\n/* hand cursor on clickable elements */\n.clickable,\nlabel,\ninput[type=button],\ninput[type=submit],\ninput[type=file],\nbutton {\n cursor: pointer; }\n\n/* Webkit browsers add a 2px margin outside the chrome of form elements */\nbutton, input, select, textarea {\n margin: 0; }\n\n/* make buttons play nice in IE */\nbutton,\ninput[type=button] {\n width: auto;\n overflow: visible; }\n\n/* scale images in IE7 more attractively */\n.ie7 img {\n -ms-interpolation-mode: bicubic; }\n\n/* prevent BG image flicker upon hover\r\n (commented out as usage is rare, and the filter syntax messes with some pre-processors)\r\n.ie6 html {filter: expression(document.execCommand(\"BackgroundImageCache\", false, true));}\r\n*/\n/* let's clear some floats */\n.clearfix:after {\n content: \" \";\n display: block;\n clear: both; }\n\n/**\r\n * Clearfix\r\n *\r\n * @return {string} Clearfix attribute\r\n */\n/**\r\n * Placeholder attribute for inputs\r\n *\r\n * @return {string} Placeholder attributes\r\n */\n/**\r\n * Spinner element\r\n *\r\n * @param {string} $color - Color\r\n * @param {string} $dur - Animation Duration\r\n * @param {int} $width - Width\r\n * @param {int} $height [$width] - height\r\n *\r\n * @return {string} Spinner element\r\n */\n/**\r\n * Prefixes for keyframes\r\n *\r\n * @param {string} $animation-name - The animation name\r\n *\r\n * @return {string} Prefixed keyframes attributes\r\n */\n/**\r\n * Prefix function for browser compatibility\r\n *\r\n * @param {string} $property - Property name\r\n * @param {any} $value - Property value\r\n *\r\n * @return {string} Prefixed attributes\r\n */\n/**\r\n * Layout Mixins\r\n */\n@font-face {\n font-family: 'core-icons';\n src: url(\"/fonts/core-icons.ttf?e6rn1i\") format(\"truetype\"), url(\"/fonts/core-icons.woff?e6rn1i\") format(\"woff\"), url(\"/fonts/core-icons.svg?e6rn1i#core-icons\") format(\"svg\");\n font-weight: normal;\n font-style: normal; }\n\n[class^=\"icon-\"], [class*=\" icon-\"] {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'core-icons' !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale; }\n\n.icon-minus2:before {\n content: \"\"; }\n\n.icon-font:before {\n content: \"\"; }\n\n.icon-bold:before {\n content: \"\"; }\n\n.icon-italic:before {\n content: \"\"; }\n\n.icon-align-left2:before {\n content: \"\"; }\n\n.icon-align-center2:before {\n content: \"\"; }\n\n.icon-align-right2:before {\n content: \"\"; }\n\n.icon-align-justify2:before {\n content: \"\"; }\n\n.icon-list:before {\n content: \"\"; }\n\n.icon-video-camera2:before {\n content: \"\"; }\n\n.icon-image3:before {\n content: \"\"; }\n\n.icon-photo:before {\n content: \"\"; }\n\n.icon-picture-o:before {\n content: \"\"; }\n\n.icon-twitter-square:before {\n content: \"\"; }\n\n.icon-facebook-square:before {\n content: \"\"; }\n\n.icon-linkedin-square:before {\n content: \"\"; }\n\n.icon-github-square:before {\n content: \"\"; }\n\n.icon-twitter:before {\n content: \"\"; }\n\n.icon-facebook:before {\n content: \"\"; }\n\n.icon-facebook-f:before {\n content: \"\"; }\n\n.icon-github:before {\n content: \"\"; }\n\n.icon-chain:before {\n content: \"\"; }\n\n.icon-link3:before {\n content: \"\"; }\n\n.icon-bars:before {\n content: \"\"; }\n\n.icon-navicon:before {\n content: \"\"; }\n\n.icon-reorder:before {\n content: \"\"; }\n\n.icon-list-ul:before {\n content: \"\"; }\n\n.icon-list-ol:before {\n content: \"\"; }\n\n.icon-strikethrough:before {\n content: \"\"; }\n\n.icon-underline:before {\n content: \"\"; }\n\n.icon-table:before {\n content: \"\"; }\n\n.icon-linkedin:before {\n content: \"\"; }\n\n.icon-file-text-o:before {\n content: \"\"; }\n\n.icon-quote-left:before {\n content: \"\"; }\n\n.icon-terminal:before {\n content: \"\"; }\n\n.icon-code:before {\n content: \"\"; }\n\n.icon-youtube-play:before {\n content: \"\"; }\n\n.icon-dropbox:before {\n content: \"\"; }\n\n.icon-stack-overflow:before {\n content: \"\"; }\n\n.icon-bitbucket:before {\n content: \"\"; }\n\n.icon-apple:before {\n content: \"\"; }\n\n.icon-windows2:before {\n content: \"\"; }\n\n.icon-android:before {\n content: \"\"; }\n\n.icon-linux:before {\n content: \"\"; }\n\n.icon-vimeo-square:before {\n content: \"\"; }\n\n.icon-slack:before {\n content: \"\"; }\n\n.icon-google:before {\n content: \"\"; }\n\n.icon-git-square:before {\n content: \"\"; }\n\n.icon-git:before {\n content: \"\"; }\n\n.icon-header:before {\n content: \"\"; }\n\n.icon-safari:before {\n content: \"\"; }\n\n.icon-chrome:before {\n content: \"\"; }\n\n.icon-firefox:before {\n content: \"\"; }\n\n.icon-opera:before {\n content: \"\"; }\n\n.icon-internet-explorer:before {\n content: \"\"; }\n\n.icon-vimeo:before {\n content: \"\"; }\n\n.icon-edge:before {\n content: \"\"; }\n\n.icon-gitlab:before {\n content: \"\"; }\n\n.icon-th-small:before {\n content: \"\"; }\n\n.icon-th-menu:before {\n content: \"\"; }\n\n.icon-th-list:before {\n content: \"\"; }\n\n.icon-th-large:before {\n content: \"\"; }\n\n.icon-home:before {\n content: \"\"; }\n\n.icon-location:before {\n content: \"\"; }\n\n.icon-link:before {\n content: \"\"; }\n\n.icon-starburst:before {\n content: \"\"; }\n\n.icon-starburst-outline:before {\n content: \"\"; }\n\n.icon-star:before {\n content: \"\"; }\n\n.icon-flow-children:before {\n content: \"\"; }\n\n.icon-export:before {\n content: \"\"; }\n\n.icon-delete:before {\n content: \"\"; }\n\n.icon-delete-outline:before {\n content: \"\"; }\n\n.icon-cloud-storage:before {\n content: \"\"; }\n\n.icon-backspace:before {\n content: \"\"; }\n\n.icon-attachment:before {\n content: \"\"; }\n\n.icon-arrow-move:before {\n content: \"\"; }\n\n.icon-warning:before {\n content: \"\"; }\n\n.icon-location-arrow:before {\n content: \"\"; }\n\n.icon-point-of-interest:before {\n content: \"\"; }\n\n.icon-infinity:before {\n content: \"\"; }\n\n.icon-eye:before {\n content: \"\"; }\n\n.icon-refresh:before {\n content: \"\"; }\n\n.icon-pin:before {\n content: \"\"; }\n\n.icon-eject:before {\n content: \"\"; }\n\n.icon-arrow-sync:before {\n content: \"\"; }\n\n.icon-arrow-shuffle:before {\n content: \"\"; }\n\n.icon-arrow-repeat:before {\n content: \"\"; }\n\n.icon-arrow-minimise:before {\n content: \"\"; }\n\n.icon-arrow-maximise:before {\n content: \"\"; }\n\n.icon-arrow-loop:before {\n content: \"\"; }\n\n.icon-spanner:before {\n content: \"\"; }\n\n.icon-power:before {\n content: \"\"; }\n\n.icon-flag:before {\n content: \"\"; }\n\n.icon-th-large-outline:before {\n content: \"\"; }\n\n.icon-th-small-outline:before {\n content: \"\"; }\n\n.icon-th-menu-outline:before {\n content: \"\"; }\n\n.icon-th-list-outline:before {\n content: \"\"; }\n\n.icon-home-outline:before {\n content: \"\"; }\n\n.icon-trash:before {\n content: \"\"; }\n\n.icon-star-outline:before {\n content: \"\"; }\n\n.icon-mail:before {\n content: \"\"; }\n\n.icon-heart-outline:before {\n content: \"\"; }\n\n.icon-flash-outline:before {\n content: \"\"; }\n\n.icon-watch:before {\n content: \"\"; }\n\n.icon-warning-outline:before {\n content: \"\"; }\n\n.icon-location-arrow-outline:before {\n content: \"\"; }\n\n.icon-info-outline:before {\n content: \"\"; }\n\n.icon-backspace-outline:before {\n content: \"\"; }\n\n.icon-upload-outline:before {\n content: \"\"; }\n\n.icon-tag:before {\n content: \"\"; }\n\n.icon-tabs-outline:before {\n content: \"\"; }\n\n.icon-pin-outline:before {\n content: \"\"; }\n\n.icon-pipette:before {\n content: \"\"; }\n\n.icon-pencil:before {\n content: \"\"; }\n\n.icon-folder:before {\n content: \"\"; }\n\n.icon-folder-delete:before {\n content: \"\"; }\n\n.icon-folder-add:before {\n content: \"\"; }\n\n.icon-edit:before {\n content: \"\"; }\n\n.icon-document:before {\n content: \"\"; }\n\n.icon-document-delete:before {\n content: \"\"; }\n\n.icon-document-add:before {\n content: \"\"; }\n\n.icon-brush:before {\n content: \"\"; }\n\n.icon-thumbs-up:before {\n content: \"\"; }\n\n.icon-thumbs-down:before {\n content: \"\"; }\n\n.icon-pen:before {\n content: \"\"; }\n\n.icon-bookmark:before {\n content: \"\"; }\n\n.icon-arrow-up:before {\n content: \"\"; }\n\n.icon-arrow-sync-outline:before {\n content: \"\"; }\n\n.icon-arrow-right:before {\n content: \"\"; }\n\n.icon-arrow-repeat-outline:before {\n content: \"\"; }\n\n.icon-arrow-loop-outline:before {\n content: \"\"; }\n\n.icon-arrow-left:before {\n content: \"\"; }\n\n.icon-flow-switch:before {\n content: \"\"; }\n\n.icon-flow-parallel:before {\n content: \"\"; }\n\n.icon-flow-merge:before {\n content: \"\"; }\n\n.icon-document-text:before {\n content: \"\"; }\n\n.icon-arrow-down:before {\n content: \"\"; }\n\n.icon-bell:before {\n content: \"\"; }\n\n.icon-adjust-contrast:before {\n content: \"\"; }\n\n.icon-lightbulb:before {\n content: \"\"; }\n\n.icon-tags:before {\n content: \"\"; }\n\n.icon-eye2:before {\n content: \"\"; }\n\n.icon-paper-clip:before {\n content: \"\"; }\n\n.icon-mail2:before {\n content: \"\"; }\n\n.icon-toggle:before {\n content: \"\"; }\n\n.icon-layout:before {\n content: \"\"; }\n\n.icon-link2:before {\n content: \"\"; }\n\n.icon-bell2:before {\n content: \"\"; }\n\n.icon-lock:before {\n content: \"\"; }\n\n.icon-unlock:before {\n content: \"\"; }\n\n.icon-ribbon:before {\n content: \"\"; }\n\n.icon-image:before {\n content: \"\"; }\n\n.icon-signal:before {\n content: \"\"; }\n\n.icon-target:before {\n content: \"\"; }\n\n.icon-clipboard:before {\n content: \"\"; }\n\n.icon-clock:before {\n content: \"\"; }\n\n.icon-watch2:before {\n content: \"\"; }\n\n.icon-air-play:before {\n content: \"\"; }\n\n.icon-camera:before {\n content: \"\"; }\n\n.icon-video:before {\n content: \"\"; }\n\n.icon-disc:before {\n content: \"\"; }\n\n.icon-printer:before {\n content: \"\"; }\n\n.icon-monitor:before {\n content: \"\"; }\n\n.icon-server:before {\n content: \"\"; }\n\n.icon-cog:before {\n content: \"\"; }\n\n.icon-heart:before {\n content: \"\"; }\n\n.icon-paragraph:before {\n content: \"\"; }\n\n.icon-align-justify:before {\n content: \"\"; }\n\n.icon-align-left:before {\n content: \"\"; }\n\n.icon-align-center:before {\n content: \"\"; }\n\n.icon-align-right:before {\n content: \"\"; }\n\n.icon-book:before {\n content: \"\"; }\n\n.icon-layers:before {\n content: \"\"; }\n\n.icon-stack:before {\n content: \"\"; }\n\n.icon-stack-2:before {\n content: \"\"; }\n\n.icon-paper:before {\n content: \"\"; }\n\n.icon-paper-stack:before {\n content: \"\"; }\n\n.icon-search:before {\n content: \"\"; }\n\n.icon-zoom-in:before {\n content: \"\"; }\n\n.icon-zoom-out:before {\n content: \"\"; }\n\n.icon-reply:before {\n content: \"\"; }\n\n.icon-circle-plus:before {\n content: \"\"; }\n\n.icon-circle-minus:before {\n content: \"\"; }\n\n.icon-circle-check:before {\n content: \"\"; }\n\n.icon-circle-cross:before {\n content: \"\"; }\n\n.icon-square-plus:before {\n content: \"\"; }\n\n.icon-square-minus:before {\n content: \"\"; }\n\n.icon-square-check:before {\n content: \"\"; }\n\n.icon-square-cross:before {\n content: \"\"; }\n\n.icon-microphone:before {\n content: \"\"; }\n\n.icon-record:before {\n content: \"\"; }\n\n.icon-skip-back:before {\n content: \"\"; }\n\n.icon-rewind:before {\n content: \"\"; }\n\n.icon-play:before {\n content: \"\"; }\n\n.icon-pause:before {\n content: \"\"; }\n\n.icon-stop:before {\n content: \"\"; }\n\n.icon-fast-forward:before {\n content: \"\"; }\n\n.icon-skip-forward:before {\n content: \"\"; }\n\n.icon-shuffle:before {\n content: \"\"; }\n\n.icon-repeat:before {\n content: \"\"; }\n\n.icon-folder2:before {\n content: \"\"; }\n\n.icon-umbrella:before {\n content: \"\"; }\n\n.icon-moon:before {\n content: \"\"; }\n\n.icon-thermometer:before {\n content: \"\"; }\n\n.icon-drop:before {\n content: \"\"; }\n\n.icon-sun:before {\n content: \"\"; }\n\n.icon-cloud:before {\n content: \"\"; }\n\n.icon-cloud-upload:before {\n content: \"\"; }\n\n.icon-cloud-download:before {\n content: \"\"; }\n\n.icon-upload:before {\n content: \"\"; }\n\n.icon-download:before {\n content: \"\"; }\n\n.icon-location2:before {\n content: \"\"; }\n\n.icon-location-2:before {\n content: \"\"; }\n\n.icon-map:before {\n content: \"\"; }\n\n.icon-battery:before {\n content: \"\"; }\n\n.icon-head:before {\n content: \"\"; }\n\n.icon-briefcase:before {\n content: \"\"; }\n\n.icon-speech-bubble:before {\n content: \"\"; }\n\n.icon-anchor:before {\n content: \"\"; }\n\n.icon-globe:before {\n content: \"\"; }\n\n.icon-box:before {\n content: \"\"; }\n\n.icon-reload:before {\n content: \"\"; }\n\n.icon-share:before {\n content: \"\"; }\n\n.icon-marquee:before {\n content: \"\"; }\n\n.icon-marquee-plus:before {\n content: \"\"; }\n\n.icon-marquee-minus:before {\n content: \"\"; }\n\n.icon-tag2:before {\n content: \"\"; }\n\n.icon-power2:before {\n content: \"\"; }\n\n.icon-command:before {\n content: \"\"; }\n\n.icon-alt:before {\n content: \"\"; }\n\n.icon-esc:before {\n content: \"\"; }\n\n.icon-bar-graph:before {\n content: \"\"; }\n\n.icon-bar-graph-2:before {\n content: \"\"; }\n\n.icon-pie-graph:before {\n content: \"\"; }\n\n.icon-star2:before {\n content: \"\"; }\n\n.icon-arrow-left2:before {\n content: \"\"; }\n\n.icon-arrow-right2:before {\n content: \"\"; }\n\n.icon-arrow-up2:before {\n content: \"\"; }\n\n.icon-arrow-down2:before {\n content: \"\"; }\n\n.icon-volume:before {\n content: \"\"; }\n\n.icon-mute:before {\n content: \"\"; }\n\n.icon-content-right:before {\n content: \"\"; }\n\n.icon-content-left:before {\n content: \"\"; }\n\n.icon-grid:before {\n content: \"\"; }\n\n.icon-grid-2:before {\n content: \"\"; }\n\n.icon-columns:before {\n content: \"\"; }\n\n.icon-loader:before {\n content: \"\"; }\n\n.icon-bag:before {\n content: \"\"; }\n\n.icon-ban:before {\n content: \"\"; }\n\n.icon-flag2:before {\n content: \"\"; }\n\n.icon-trash2:before {\n content: \"\"; }\n\n.icon-expand:before {\n content: \"\"; }\n\n.icon-contract:before {\n content: \"\"; }\n\n.icon-maximize:before {\n content: \"\"; }\n\n.icon-minimize:before {\n content: \"\"; }\n\n.icon-plus:before {\n content: \"\"; }\n\n.icon-minus:before {\n content: \"\"; }\n\n.icon-check:before {\n content: \"\"; }\n\n.icon-cross:before {\n content: \"\"; }\n\n.icon-move:before {\n content: \"\"; }\n\n.icon-delete2:before {\n content: \"\"; }\n\n.icon-menu:before {\n content: \"\"; }\n\n.icon-archive:before {\n content: \"\"; }\n\n.icon-inbox:before {\n content: \"\"; }\n\n.icon-outbox:before {\n content: \"\"; }\n\n.icon-file:before {\n content: \"\"; }\n\n.icon-file-add:before {\n content: \"\"; }\n\n.icon-file-subtract:before {\n content: \"\"; }\n\n.icon-help:before {\n content: \"\"; }\n\n.icon-open:before {\n content: \"\"; }\n\n.icon-ellipsis:before {\n content: \"\"; }\n\n.icon-box2:before {\n content: \"\"; }\n\n.icon-write:before {\n content: \"\"; }\n\n.icon-clock2:before {\n content: \"\"; }\n\n.icon-reply2:before {\n content: \"\"; }\n\n.icon-reply-all:before {\n content: \"\"; }\n\n.icon-forward:before {\n content: \"\"; }\n\n.icon-flag3:before {\n content: \"\"; }\n\n.icon-search2:before {\n content: \"\"; }\n\n.icon-trash3:before {\n content: \"\"; }\n\n.icon-envelope:before {\n content: \"\"; }\n\n.icon-bubble:before {\n content: \"\"; }\n\n.icon-bubbles:before {\n content: \"\"; }\n\n.icon-user:before {\n content: \"\"; }\n\n.icon-users:before {\n content: \"\"; }\n\n.icon-cloud2:before {\n content: \"\"; }\n\n.icon-download2:before {\n content: \"\"; }\n\n.icon-upload2:before {\n content: \"\"; }\n\n.icon-rain:before {\n content: \"\"; }\n\n.icon-sun2:before {\n content: \"\"; }\n\n.icon-moon2:before {\n content: \"\"; }\n\n.icon-bell3:before {\n content: \"\"; }\n\n.icon-folder3:before {\n content: \"\"; }\n\n.icon-pin2:before {\n content: \"\"; }\n\n.icon-sound:before {\n content: \"\"; }\n\n.icon-microphone2:before {\n content: \"\"; }\n\n.icon-camera2:before {\n content: \"\"; }\n\n.icon-image2:before {\n content: \"\"; }\n\n.icon-cog2:before {\n content: \"\"; }\n\n.icon-calendar:before {\n content: \"\"; }\n\n.icon-book2:before {\n content: \"\"; }\n\n.icon-map-marker:before {\n content: \"\"; }\n\n.icon-store:before {\n content: \"\"; }\n\n.icon-support:before {\n content: \"\"; }\n\n.icon-tag3:before {\n content: \"\"; }\n\n.icon-heart2:before {\n content: \"\"; }\n\n.icon-video-camera:before {\n content: \"\"; }\n\n.icon-trophy:before {\n content: \"\"; }\n\n.icon-cart:before {\n content: \"\"; }\n\n.icon-eye3:before {\n content: \"\"; }\n\n.icon-cancel:before {\n content: \"\"; }\n\n.icon-chart:before {\n content: \"\"; }\n\n.icon-target2:before {\n content: \"\"; }\n\n.icon-printer2:before {\n content: \"\"; }\n\n.icon-location3:before {\n content: \"\"; }\n\n.icon-bookmark2:before {\n content: \"\"; }\n\n.icon-monitor2:before {\n content: \"\"; }\n\n.icon-cross2:before {\n content: \"\"; }\n\n.icon-plus2:before {\n content: \"\"; }\n\n.icon-left:before {\n content: \"\"; }\n\n.icon-up:before {\n content: \"\"; }\n\n.icon-browser:before {\n content: \"\"; }\n\n.icon-windows:before {\n content: \"\"; }\n\n.icon-switch:before {\n content: \"\"; }\n\n.icon-dashboard:before {\n content: \"\"; }\n\n.icon-play2:before {\n content: \"\"; }\n\n.icon-fast-forward2:before {\n content: \"\"; }\n\n.icon-next:before {\n content: \"\"; }\n\n.icon-refresh2:before {\n content: \"\"; }\n\n.icon-film:before {\n content: \"\"; }\n\n.icon-home2:before {\n content: \"\"; }\n\nhtml {\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"; }\n\n*, *:before, *:after {\n box-sizing: inherit; }\n\n[v-cloak], .is-hidden {\n display: none; }\n\nbody {\n background-color: #cfd8dc; }\n\nmain {\n background-color: #FFF; }\n\na {\n color: #3949ab;\n text-decoration: none; }\n a:hover {\n color: #303f9f;\n text-decoration: underline; }\n\n.has-stickynav {\n padding-top: 50px; }\n\n.container {\n position: relative; }\n @media screen and (min-width: 980px) {\n .container {\n margin: 0 auto;\n max-width: 960px; }\n .container.is-fluid {\n margin: 0;\n max-width: none; } }\n @media screen and (min-width: 1180px) {\n .container {\n max-width: 1200px; } }\n\n.content {\n padding: 20px; }\n\n.is-hidden {\n display: none !important; }\n\n@media screen and (max-width: 768px) {\n .is-hidden-mobile {\n display: none !important; } }\n\n@media screen and (min-width: 769px) {\n .is-hidden-tablet {\n display: none !important; } }\n\n@media screen and (min-width: 769px) and (max-width: 979px) {\n .is-hidden-tablet-only {\n display: none !important; } }\n\n@media screen and (max-width: 979px) {\n .is-hidden-touch {\n display: none !important; } }\n\n@media screen and (min-width: 980px) {\n .is-hidden-desktop {\n display: none !important; } }\n\n@media screen and (min-width: 980px) and (max-width: 1179px) {\n .is-hidden-desktop-only {\n display: none !important; } }\n\n@media screen and (min-width: 1180px) {\n .is-hidden-widescreen {\n display: none !important; } }\n\n/*!\r\n * animate.css -http://daneden.me/animate\r\n * Version - 3.5.1\r\n * Licensed under the MIT license - http://opensource.org/licenses/MIT\r\n *\r\n * Copyright (c) 2016 Daniel Eden\r\n */\n.animated {\n -webkit-animation-duration: 1s;\n animation-duration: 1s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both; }\n .animated.infinite {\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite; }\n .animated.hinge {\n -webkit-animation-duration: 2s;\n animation-duration: 2s; }\n .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .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/*#alerts {\r\n\tposition: fixed;\r\n\ttop: 60px;\r\n\tright: 10px;\r\n\twidth: 350px;\r\n\tz-index: 10;\r\n\ttext-shadow: 1px 1px 0 rgba(0,0,0,0.1);\r\n\r\n\t.notification {\r\n\t\tanimation: 0.5s ease slideInRight;\r\n\t\tmargin-top: 5px;\r\n\r\n\t\t&.exit {\r\n\t\t\tanimation: 0.5s ease fadeOutRight;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\th3 {\r\n\t\tfont-size: 16px;\r\n\t\tfont-size: 500;\r\n\t}\r\n\r\n}*/\n#alerts {\n position: fixed;\n top: 55px;\n right: 10px;\n width: 350px;\n z-index: 100; }\n #alerts > ul {\n margin: 0;\n padding: 0;\n list-style-type: none; }\n #alerts > ul > li {\n background-color: #37474f;\n box-shadow: 5px 5px 0 rgba(38, 50, 56, 0.3);\n border: 1px solid #607d8b;\n border-left-width: 5px;\n margin-top: 5px;\n padding: 8px 12px;\n animation-name: slideFromRight;\n animation-duration: 1s;\n cursor: pointer;\n position: relative; }\n #alerts > ul > li:hover {\n background-color: #263238; }\n #alerts > ul > li.exit {\n animation-name: zoomOut;\n animation-duration: 1s;\n transform-origin: top center; }\n #alerts > ul > li > button {\n background-color: transparent;\n border: none;\n color: #FFF;\n width: 15px;\n height: 15px;\n padding: 0;\n position: absolute;\n top: 10px;\n right: 10px; }\n #alerts > ul > li > button:before {\n content: 'X'; }\n #alerts > ul > li > strong {\n display: block;\n font-size: 13px;\n font-weight: 500;\n color: #FFF; }\n #alerts > ul > li > strong > i {\n margin-right: 5px; }\n #alerts > ul > li > span {\n font-size: 12px;\n font-weight: 500;\n color: #cfd8dc; }\n #alerts > ul > li.error {\n border-color: #ef5350;\n background-color: #e53935; }\n #alerts > ul > li.error > span {\n color: #ffebee; }\n #alerts > ul > li.success {\n border-color: #66bb6a;\n background-color: #388e3c; }\n #alerts > ul > li.success > span {\n color: #e8f5e9; }\n\n.button {\n background-color: #fb8c00;\n color: #FFF;\n border: 1px solid #f57c00;\n border-radius: 3px;\n display: inline-flex;\n height: 30px;\n align-items: center;\n padding: 0 15px;\n font-size: 13px;\n font-weight: 600;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n margin: 0;\n transition: all .4s ease;\n cursor: pointer;\n text-decoration: none;\n text-transform: uppercase; }\n .button span {\n font-weight: 600;\n display: inline-flex;\n align-items: center;\n line-height: 14px;\n height: 14px; }\n .button i {\n margin-right: 8px;\n font-size: 14px;\n line-height: 14px;\n height: 14px; }\n .button:focus {\n outline: none;\n border-color: #FFF; }\n .button:hover {\n background-color: #ef6c00;\n text-decoration: none; }\n .button.is-red {\n background-color: #e53935;\n border-color: #d32f2f;\n color: #FFF; }\n .button.is-red.is-outlined {\n background-color: #FFF;\n color: #d32f2f; }\n .button.is-red.is-inverted {\n background-color: rgba(198, 40, 40, 0);\n border-color: #f44336; }\n .button.is-red:hover {\n background-color: #c62828;\n color: #FFF;\n animation: none; }\n .button.is-pink {\n background-color: #d81b60;\n border-color: #c2185b;\n color: #FFF; }\n .button.is-pink.is-outlined {\n background-color: #FFF;\n color: #c2185b; }\n .button.is-pink.is-inverted {\n background-color: rgba(173, 20, 87, 0);\n border-color: #e91e63; }\n .button.is-pink:hover {\n background-color: #ad1457;\n color: #FFF;\n animation: none; }\n .button.is-purple {\n background-color: #8e24aa;\n border-color: #7b1fa2;\n color: #FFF; }\n .button.is-purple.is-outlined {\n background-color: #FFF;\n color: #7b1fa2; }\n .button.is-purple.is-inverted {\n background-color: rgba(106, 27, 154, 0);\n border-color: #9c27b0; }\n .button.is-purple:hover {\n background-color: #6a1b9a;\n color: #FFF;\n animation: none; }\n .button.is-deep-purple {\n background-color: #5e35b1;\n border-color: #512da8;\n color: #FFF; }\n .button.is-deep-purple.is-outlined {\n background-color: #FFF;\n color: #512da8; }\n .button.is-deep-purple.is-inverted {\n background-color: rgba(69, 39, 160, 0);\n border-color: #673ab7; }\n .button.is-deep-purple:hover {\n background-color: #4527a0;\n color: #FFF;\n animation: none; }\n .button.is-indigo {\n background-color: #3949ab;\n border-color: #303f9f;\n color: #FFF; }\n .button.is-indigo.is-outlined {\n background-color: #FFF;\n color: #303f9f; }\n .button.is-indigo.is-inverted {\n background-color: rgba(40, 53, 147, 0);\n border-color: #3f51b5; }\n .button.is-indigo:hover {\n background-color: #283593;\n color: #FFF;\n animation: none; }\n .button.is-blue {\n background-color: #1e88e5;\n border-color: #1976d2;\n color: #FFF; }\n .button.is-blue.is-outlined {\n background-color: #FFF;\n color: #1976d2; }\n .button.is-blue.is-inverted {\n background-color: rgba(21, 101, 192, 0);\n border-color: #2196f3; }\n .button.is-blue:hover {\n background-color: #1565c0;\n color: #FFF;\n animation: none; }\n .button.is-light-blue {\n background-color: #039be5;\n border-color: #0288d1;\n color: #FFF; }\n .button.is-light-blue.is-outlined {\n background-color: #FFF;\n color: #0288d1; }\n .button.is-light-blue.is-inverted {\n background-color: rgba(2, 119, 189, 0);\n border-color: #03a9f4; }\n .button.is-light-blue:hover {\n background-color: #0277bd;\n color: #FFF;\n animation: none; }\n .button.is-cyan {\n background-color: #00acc1;\n border-color: #0097a7;\n color: #FFF; }\n .button.is-cyan.is-outlined {\n background-color: #FFF;\n color: #0097a7; }\n .button.is-cyan.is-inverted {\n background-color: rgba(0, 131, 143, 0);\n border-color: #00bcd4; }\n .button.is-cyan:hover {\n background-color: #00838f;\n color: #FFF;\n animation: none; }\n .button.is-teal {\n background-color: #00897b;\n border-color: #00796b;\n color: #FFF; }\n .button.is-teal.is-outlined {\n background-color: #FFF;\n color: #00796b; }\n .button.is-teal.is-inverted {\n background-color: rgba(0, 105, 92, 0);\n border-color: #009688; }\n .button.is-teal:hover {\n background-color: #00695c;\n color: #FFF;\n animation: none; }\n .button.is-green {\n background-color: #43a047;\n border-color: #388e3c;\n color: #FFF; }\n .button.is-green.is-outlined {\n background-color: #FFF;\n color: #388e3c; }\n .button.is-green.is-inverted {\n background-color: rgba(46, 125, 50, 0);\n border-color: #4caf50; }\n .button.is-green:hover {\n background-color: #2e7d32;\n color: #FFF;\n animation: none; }\n .button.is-light-green {\n background-color: #7cb342;\n border-color: #689f38;\n color: #FFF; }\n .button.is-light-green.is-outlined {\n background-color: #FFF;\n color: #689f38; }\n .button.is-light-green.is-inverted {\n background-color: rgba(85, 139, 47, 0);\n border-color: #8bc34a; }\n .button.is-light-green:hover {\n background-color: #558b2f;\n color: #FFF;\n animation: none; }\n .button.is-lime {\n background-color: #c0ca33;\n border-color: #afb42b;\n color: #FFF; }\n .button.is-lime.is-outlined {\n background-color: #FFF;\n color: #afb42b; }\n .button.is-lime.is-inverted {\n background-color: rgba(158, 157, 36, 0);\n border-color: #cddc39; }\n .button.is-lime:hover {\n background-color: #9e9d24;\n color: #FFF;\n animation: none; }\n .button.is-yellow {\n background-color: #fdd835;\n border-color: #fbc02d;\n color: #FFF; }\n .button.is-yellow.is-outlined {\n background-color: #FFF;\n color: #fbc02d; }\n .button.is-yellow.is-inverted {\n background-color: rgba(249, 168, 37, 0);\n border-color: #ffeb3b; }\n .button.is-yellow:hover {\n background-color: #f9a825;\n color: #FFF;\n animation: none; }\n .button.is-amber {\n background-color: #ffb300;\n border-color: #ffa000;\n color: #FFF; }\n .button.is-amber.is-outlined {\n background-color: #FFF;\n color: #ffa000; }\n .button.is-amber.is-inverted {\n background-color: rgba(255, 143, 0, 0);\n border-color: #ffc107; }\n .button.is-amber:hover {\n background-color: #ff8f00;\n color: #FFF;\n animation: none; }\n .button.is-orange {\n background-color: #fb8c00;\n border-color: #f57c00;\n color: #FFF; }\n .button.is-orange.is-outlined {\n background-color: #FFF;\n color: #f57c00; }\n .button.is-orange.is-inverted {\n background-color: rgba(239, 108, 0, 0);\n border-color: #ff9800; }\n .button.is-orange:hover {\n background-color: #ef6c00;\n color: #FFF;\n animation: none; }\n .button.is-deep-orange {\n background-color: #f4511e;\n border-color: #e64a19;\n color: #FFF; }\n .button.is-deep-orange.is-outlined {\n background-color: #FFF;\n color: #e64a19; }\n .button.is-deep-orange.is-inverted {\n background-color: rgba(216, 67, 21, 0);\n border-color: #ff5722; }\n .button.is-deep-orange:hover {\n background-color: #d84315;\n color: #FFF;\n animation: none; }\n .button.is-brown {\n background-color: #6d4c41;\n border-color: #5d4037;\n color: #FFF; }\n .button.is-brown.is-outlined {\n background-color: #FFF;\n color: #5d4037; }\n .button.is-brown.is-inverted {\n background-color: rgba(78, 52, 46, 0);\n border-color: #795548; }\n .button.is-brown:hover {\n background-color: #4e342e;\n color: #FFF;\n animation: none; }\n .button.is-grey {\n background-color: #757575;\n border-color: #616161;\n color: #FFF; }\n .button.is-grey.is-outlined {\n background-color: #FFF;\n color: #616161; }\n .button.is-grey.is-inverted {\n background-color: rgba(66, 66, 66, 0);\n border-color: #9e9e9e; }\n .button.is-grey:hover {\n background-color: #424242;\n color: #FFF;\n animation: none; }\n .button.is-blue-grey {\n background-color: #546e7a;\n border-color: #455a64;\n color: #FFF; }\n .button.is-blue-grey.is-outlined {\n background-color: #FFF;\n color: #455a64; }\n .button.is-blue-grey.is-inverted {\n background-color: rgba(55, 71, 79, 0);\n border-color: #607d8b; }\n .button.is-blue-grey:hover {\n background-color: #37474f;\n color: #FFF;\n animation: none; }\n .button.is-icon-only i {\n margin-right: 0; }\n .button.is-featured {\n animation: btnInvertedPulse .6s ease alternate infinite; }\n .button.is-disabled, .button:disabled {\n background-color: #e0e0e0;\n border: 1px solid #bdbdbd;\n color: #9e9e9e;\n cursor: default;\n transition: none; }\n .button.is-disabled:hover, .button:disabled:hover {\n background-color: #e0e0e0 !important;\n color: #9e9e9e !important; }\n\n.button-group .button {\n border-radius: 0;\n margin-left: 1px; }\n .button-group .button:first-child {\n margin-left: 0;\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px; }\n .button-group .button:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px; }\n\n@-webkit-keyframes btnInvertedPulse {\n 0% {\n background-color: rgba(158, 158, 158, 0); }\n 100% {\n background-color: rgba(158, 158, 158, 0.25); } }\n\n@-moz-keyframes btnInvertedPulse {\n 0% {\n background-color: rgba(158, 158, 158, 0); }\n 100% {\n background-color: rgba(158, 158, 158, 0.25); } }\n\n@-o-keyframes btnInvertedPulse {\n 0% {\n background-color: rgba(158, 158, 158, 0); }\n 100% {\n background-color: rgba(158, 158, 158, 0.25); } }\n\n@keyframes btnInvertedPulse {\n 0% {\n background-color: rgba(158, 158, 158, 0); }\n 100% {\n background-color: rgba(158, 158, 158, 0.25); } }\n\n.footer {\n background-color: #eceff1;\n border-bottom: 5px solid #cfd8dc;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 25px;\n font-size: 13px;\n font-weight: 500;\n color: #607d8b; }\n .footer ul {\n padding: 0;\n margin: 0;\n list-style-type: none;\n display: flex;\n justify-content: center;\n align-items: center; }\n .footer ul li {\n padding: 0 15px; }\n\n.control + .control {\n margin-top: 15px; }\n\n.control input[type=text], .control input[type=password] {\n background-color: #FFF;\n display: flex;\n height: 30px;\n align-items: center;\n padding: 0 12px;\n border: 1px solid #bdbdbd;\n border-radius: 3px;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 14px;\n color: #616161;\n transition: all .4s ease;\n box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1); }\n .control input[type=text]:focus, .control input[type=password]:focus {\n outline: none;\n border-color: #03a9f4;\n box-shadow: inset 0 0 5px 0 rgba(3, 169, 244, 0.3); }\n .control input[type=text]:disabled, .control input[type=password]:disabled {\n background-color: #f5f5f5; }\n .control input[type=text].is-dirty.is-invalid, .control input[type=password].is-dirty.is-invalid {\n border-color: #f44336;\n box-shadow: inset 0 0 5px 0 #ffcdd2; }\n\n.control.is-fullwidth input[type=text], .control.is-fullwidth input[type=password], .control.is-fullwidth select, .control.is-fullwidth textarea {\n width: 100%; }\n\n.control select {\n background-color: #FFF;\n display: flex;\n height: 30px;\n align-items: center;\n padding: 0 12px;\n border: 1px solid #bdbdbd;\n border-radius: 3px;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 14px;\n color: #616161;\n transition: all .4s ease;\n box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1);\n cursor: pointer; }\n .control select:focus {\n outline: none;\n border-color: #03a9f4;\n box-shadow: inset 0 0 5px 0 rgba(3, 169, 244, 0.3); }\n .control select:disabled {\n background-color: #f5f5f5; }\n\n.control input[type=radio], .control input[type=checkbox] {\n position: absolute;\n left: -9999px;\n opacity: 0; }\n .control input[type=radio] + label, .control input[type=checkbox] + label {\n position: relative;\n padding: 0 15px 0 25px;\n cursor: pointer;\n display: inline-block;\n height: 25px;\n line-height: 25px;\n font-size: 14px;\n transition: .28s ease;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n -o-user-select: none;\n user-select: none; }\n .control input[type=radio] + label:before, .control input[type=radio] + label:after, .control input[type=checkbox] + label:before, .control input[type=checkbox] + label:after {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n margin: 4px;\n border: 2px solid #3949ab;\n margin: 4px;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n z-index: 0;\n transition: .28s ease; }\n .control input[type=radio]:checked + label:before, .control input[type=radio]:checked + label:after, .control input[type=checkbox]:checked + label:before, .control input[type=checkbox]:checked + label:after {\n border-color: #3949ab; }\n .control input[type=radio]:checked + label:after, .control input[type=checkbox]:checked + label:after {\n -webkit-transform: scale(0.5);\n -moz-transform: scale(0.5);\n -ms-transform: scale(0.5);\n -o-transform: scale(0.5);\n transform: scale(0.5);\n background-color: #3949ab; }\n\n.control input[type=checkbox] + label:before, .control input[type=checkbox] + label:after {\n border-radius: 0; }\n\n.control .help {\n font-size: 12px; }\n .control .help.is-red {\n color: #e53935; }\n\n.control + label {\n margin-top: 20px; }\n\n.control > i:first-child {\n margin-right: 8px; }\n\n.label {\n margin-bottom: 5px;\n font-size: 14px;\n font-weight: 500;\n display: block; }\n\n.form-sections section {\n border-top: 1px solid #eeeeee;\n padding: 20px;\n -webkit-animation-duration: 0.6s;\n -moz-animation-duration: 0.6s;\n -ms-animation-duration: 0.6s;\n -o-animation-duration: 0.6s;\n animation-duration: 0.6s; }\n .form-sections section:first-child {\n border-top: none; }\n .form-sections section .button + .button {\n margin-left: 10px; }\n .form-sections section .desc {\n display: inline-block;\n padding: 10px 0 0 0px;\n font-size: 12px;\n color: #9e9e9e; }\n .form-sections section .section-block {\n padding-left: 20px;\n font-size: 14px;\n color: #37474f; }\n .form-sections section .section-block h6 {\n font-size: 14px;\n font-weight: 500;\n color: #546e7a;\n margin-top: 15px;\n border-bottom: 1px dotted #b0bec5; }\n .form-sections section .section-block p {\n padding: 5px 0; }\n .form-sections section .section-block p.is-small {\n font-size: 13px; }\n\n.column {\n flex-basis: 0;\n flex-grow: 1;\n flex-shrink: 1;\n padding: 10px; }\n .columns.is-mobile > .column.is-narrow {\n flex: none; }\n .columns.is-mobile > .column.is-full {\n flex: none;\n width: 100%; }\n .columns.is-mobile > .column.is-three-quarters {\n flex: none;\n width: 75%; }\n .columns.is-mobile > .column.is-two-thirds {\n flex: none;\n width: 66.6666%; }\n .columns.is-mobile > .column.is-half {\n flex: none;\n width: 50%; }\n .columns.is-mobile > .column.is-one-third {\n flex: none;\n width: 33.3333%; }\n .columns.is-mobile > .column.is-one-quarter {\n flex: none;\n width: 25%; }\n .columns.is-mobile > .column.is-offset-three-quarters {\n margin-left: 75%; }\n .columns.is-mobile > .column.is-offset-two-thirds {\n margin-left: 66.6666%; }\n .columns.is-mobile > .column.is-offset-half {\n margin-left: 50%; }\n .columns.is-mobile > .column.is-offset-one-third {\n margin-left: 33.3333%; }\n .columns.is-mobile > .column.is-offset-one-quarter {\n margin-left: 25%; }\n .columns.is-mobile > .column.is-1 {\n flex: none;\n width: 8.33333%; }\n .columns.is-mobile > .column.is-offset-1 {\n margin-left: 8.33333%; }\n .columns.is-mobile > .column.is-2 {\n flex: none;\n width: 16.66667%; }\n .columns.is-mobile > .column.is-offset-2 {\n margin-left: 16.66667%; }\n .columns.is-mobile > .column.is-3 {\n flex: none;\n width: 25%; }\n .columns.is-mobile > .column.is-offset-3 {\n margin-left: 25%; }\n .columns.is-mobile > .column.is-4 {\n flex: none;\n width: 33.33333%; }\n .columns.is-mobile > .column.is-offset-4 {\n margin-left: 33.33333%; }\n .columns.is-mobile > .column.is-5 {\n flex: none;\n width: 41.66667%; }\n .columns.is-mobile > .column.is-offset-5 {\n margin-left: 41.66667%; }\n .columns.is-mobile > .column.is-6 {\n flex: none;\n width: 50%; }\n .columns.is-mobile > .column.is-offset-6 {\n margin-left: 50%; }\n .columns.is-mobile > .column.is-7 {\n flex: none;\n width: 58.33333%; }\n .columns.is-mobile > .column.is-offset-7 {\n margin-left: 58.33333%; }\n .columns.is-mobile > .column.is-8 {\n flex: none;\n width: 66.66667%; }\n .columns.is-mobile > .column.is-offset-8 {\n margin-left: 66.66667%; }\n .columns.is-mobile > .column.is-9 {\n flex: none;\n width: 75%; }\n .columns.is-mobile > .column.is-offset-9 {\n margin-left: 75%; }\n .columns.is-mobile > .column.is-10 {\n flex: none;\n width: 83.33333%; }\n .columns.is-mobile > .column.is-offset-10 {\n margin-left: 83.33333%; }\n .columns.is-mobile > .column.is-11 {\n flex: none;\n width: 91.66667%; }\n .columns.is-mobile > .column.is-offset-11 {\n margin-left: 91.66667%; }\n .columns.is-mobile > .column.is-12 {\n flex: none;\n width: 100%; }\n .columns.is-mobile > .column.is-offset-12 {\n margin-left: 100%; }\n @media screen and (max-width: 768px) {\n .column.is-narrow-mobile {\n flex: none; }\n .column.is-full-mobile {\n flex: none;\n width: 100%; }\n .column.is-three-quarters-mobile {\n flex: none;\n width: 75%; }\n .column.is-two-thirds-mobile {\n flex: none;\n width: 66.6666%; }\n .column.is-half-mobile {\n flex: none;\n width: 50%; }\n .column.is-one-third-mobile {\n flex: none;\n width: 33.3333%; }\n .column.is-one-quarter-mobile {\n flex: none;\n width: 25%; }\n .column.is-offset-three-quarters-mobile {\n margin-left: 75%; }\n .column.is-offset-two-thirds-mobile {\n margin-left: 66.6666%; }\n .column.is-offset-half-mobile {\n margin-left: 50%; }\n .column.is-offset-one-third-mobile {\n margin-left: 33.3333%; }\n .column.is-offset-one-quarter-mobile {\n margin-left: 25%; }\n .column.is-1-mobile {\n flex: none;\n width: 8.33333%; }\n .column.is-offset-1-mobile {\n margin-left: 8.33333%; }\n .column.is-2-mobile {\n flex: none;\n width: 16.66667%; }\n .column.is-offset-2-mobile {\n margin-left: 16.66667%; }\n .column.is-3-mobile {\n flex: none;\n width: 25%; }\n .column.is-offset-3-mobile {\n margin-left: 25%; }\n .column.is-4-mobile {\n flex: none;\n width: 33.33333%; }\n .column.is-offset-4-mobile {\n margin-left: 33.33333%; }\n .column.is-5-mobile {\n flex: none;\n width: 41.66667%; }\n .column.is-offset-5-mobile {\n margin-left: 41.66667%; }\n .column.is-6-mobile {\n flex: none;\n width: 50%; }\n .column.is-offset-6-mobile {\n margin-left: 50%; }\n .column.is-7-mobile {\n flex: none;\n width: 58.33333%; }\n .column.is-offset-7-mobile {\n margin-left: 58.33333%; }\n .column.is-8-mobile {\n flex: none;\n width: 66.66667%; }\n .column.is-offset-8-mobile {\n margin-left: 66.66667%; }\n .column.is-9-mobile {\n flex: none;\n width: 75%; }\n .column.is-offset-9-mobile {\n margin-left: 75%; }\n .column.is-10-mobile {\n flex: none;\n width: 83.33333%; }\n .column.is-offset-10-mobile {\n margin-left: 83.33333%; }\n .column.is-11-mobile {\n flex: none;\n width: 91.66667%; }\n .column.is-offset-11-mobile {\n margin-left: 91.66667%; }\n .column.is-12-mobile {\n flex: none;\n width: 100%; }\n .column.is-offset-12-mobile {\n margin-left: 100%; } }\n @media screen and (min-width: 769px) {\n .column.is-narrow, .column.is-narrow-tablet {\n flex: none; }\n .column.is-full, .column.is-full-tablet {\n flex: none;\n width: 100%; }\n .column.is-three-quarters, .column.is-three-quarters-tablet {\n flex: none;\n width: 75%; }\n .column.is-two-thirds, .column.is-two-thirds-tablet {\n flex: none;\n width: 66.6666%; }\n .column.is-half, .column.is-half-tablet {\n flex: none;\n width: 50%; }\n .column.is-one-third, .column.is-one-third-tablet {\n flex: none;\n width: 33.3333%; }\n .column.is-one-quarter, .column.is-one-quarter-tablet {\n flex: none;\n width: 25%; }\n .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {\n margin-left: 75%; }\n .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {\n margin-left: 66.6666%; }\n .column.is-offset-half, .column.is-offset-half-tablet {\n margin-left: 50%; }\n .column.is-offset-one-third, .column.is-offset-one-third-tablet {\n margin-left: 33.3333%; }\n .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {\n margin-left: 25%; }\n .column.is-1, .column.is-1-tablet {\n flex: none;\n width: 8.33333%; }\n .column.is-offset-1, .column.is-offset-1-tablet {\n margin-left: 8.33333%; }\n .column.is-2, .column.is-2-tablet {\n flex: none;\n width: 16.66667%; }\n .column.is-offset-2, .column.is-offset-2-tablet {\n margin-left: 16.66667%; }\n .column.is-3, .column.is-3-tablet {\n flex: none;\n width: 25%; }\n .column.is-offset-3, .column.is-offset-3-tablet {\n margin-left: 25%; }\n .column.is-4, .column.is-4-tablet {\n flex: none;\n width: 33.33333%; }\n .column.is-offset-4, .column.is-offset-4-tablet {\n margin-left: 33.33333%; }\n .column.is-5, .column.is-5-tablet {\n flex: none;\n width: 41.66667%; }\n .column.is-offset-5, .column.is-offset-5-tablet {\n margin-left: 41.66667%; }\n .column.is-6, .column.is-6-tablet {\n flex: none;\n width: 50%; }\n .column.is-offset-6, .column.is-offset-6-tablet {\n margin-left: 50%; }\n .column.is-7, .column.is-7-tablet {\n flex: none;\n width: 58.33333%; }\n .column.is-offset-7, .column.is-offset-7-tablet {\n margin-left: 58.33333%; }\n .column.is-8, .column.is-8-tablet {\n flex: none;\n width: 66.66667%; }\n .column.is-offset-8, .column.is-offset-8-tablet {\n margin-left: 66.66667%; }\n .column.is-9, .column.is-9-tablet {\n flex: none;\n width: 75%; }\n .column.is-offset-9, .column.is-offset-9-tablet {\n margin-left: 75%; }\n .column.is-10, .column.is-10-tablet {\n flex: none;\n width: 83.33333%; }\n .column.is-offset-10, .column.is-offset-10-tablet {\n margin-left: 83.33333%; }\n .column.is-11, .column.is-11-tablet {\n flex: none;\n width: 91.66667%; }\n .column.is-offset-11, .column.is-offset-11-tablet {\n margin-left: 91.66667%; }\n .column.is-12, .column.is-12-tablet {\n flex: none;\n width: 100%; }\n .column.is-offset-12, .column.is-offset-12-tablet {\n margin-left: 100%; } }\n @media screen and (min-width: 980px) {\n .column.is-narrow-desktop {\n flex: none; }\n .column.is-full-desktop {\n flex: none;\n width: 100%; }\n .column.is-three-quarters-desktop {\n flex: none;\n width: 75%; }\n .column.is-two-thirds-desktop {\n flex: none;\n width: 66.6666%; }\n .column.is-half-desktop {\n flex: none;\n width: 50%; }\n .column.is-one-third-desktop {\n flex: none;\n width: 33.3333%; }\n .column.is-one-quarter-desktop {\n flex: none;\n width: 25%; }\n .column.is-offset-three-quarters-desktop {\n margin-left: 75%; }\n .column.is-offset-two-thirds-desktop {\n margin-left: 66.6666%; }\n .column.is-offset-half-desktop {\n margin-left: 50%; }\n .column.is-offset-one-third-desktop {\n margin-left: 33.3333%; }\n .column.is-offset-one-quarter-desktop {\n margin-left: 25%; }\n .column.is-1-desktop {\n flex: none;\n width: 8.33333%; }\n .column.is-offset-1-desktop {\n margin-left: 8.33333%; }\n .column.is-2-desktop {\n flex: none;\n width: 16.66667%; }\n .column.is-offset-2-desktop {\n margin-left: 16.66667%; }\n .column.is-3-desktop {\n flex: none;\n width: 25%; }\n .column.is-offset-3-desktop {\n margin-left: 25%; }\n .column.is-4-desktop {\n flex: none;\n width: 33.33333%; }\n .column.is-offset-4-desktop {\n margin-left: 33.33333%; }\n .column.is-5-desktop {\n flex: none;\n width: 41.66667%; }\n .column.is-offset-5-desktop {\n margin-left: 41.66667%; }\n .column.is-6-desktop {\n flex: none;\n width: 50%; }\n .column.is-offset-6-desktop {\n margin-left: 50%; }\n .column.is-7-desktop {\n flex: none;\n width: 58.33333%; }\n .column.is-offset-7-desktop {\n margin-left: 58.33333%; }\n .column.is-8-desktop {\n flex: none;\n width: 66.66667%; }\n .column.is-offset-8-desktop {\n margin-left: 66.66667%; }\n .column.is-9-desktop {\n flex: none;\n width: 75%; }\n .column.is-offset-9-desktop {\n margin-left: 75%; }\n .column.is-10-desktop {\n flex: none;\n width: 83.33333%; }\n .column.is-offset-10-desktop {\n margin-left: 83.33333%; }\n .column.is-11-desktop {\n flex: none;\n width: 91.66667%; }\n .column.is-offset-11-desktop {\n margin-left: 91.66667%; }\n .column.is-12-desktop {\n flex: none;\n width: 100%; }\n .column.is-offset-12-desktop {\n margin-left: 100%; } }\n @media screen and (min-width: 1180px) {\n .column.is-narrow-widescreen {\n flex: none; }\n .column.is-full-widescreen {\n flex: none;\n width: 100%; }\n .column.is-three-quarters-widescreen {\n flex: none;\n width: 75%; }\n .column.is-two-thirds-widescreen {\n flex: none;\n width: 66.6666%; }\n .column.is-half-widescreen {\n flex: none;\n width: 50%; }\n .column.is-one-third-widescreen {\n flex: none;\n width: 33.3333%; }\n .column.is-one-quarter-widescreen {\n flex: none;\n width: 25%; }\n .column.is-offset-three-quarters-widescreen {\n margin-left: 75%; }\n .column.is-offset-two-thirds-widescreen {\n margin-left: 66.6666%; }\n .column.is-offset-half-widescreen {\n margin-left: 50%; }\n .column.is-offset-one-third-widescreen {\n margin-left: 33.3333%; }\n .column.is-offset-one-quarter-widescreen {\n margin-left: 25%; }\n .column.is-1-widescreen {\n flex: none;\n width: 8.33333%; }\n .column.is-offset-1-widescreen {\n margin-left: 8.33333%; }\n .column.is-2-widescreen {\n flex: none;\n width: 16.66667%; }\n .column.is-offset-2-widescreen {\n margin-left: 16.66667%; }\n .column.is-3-widescreen {\n flex: none;\n width: 25%; }\n .column.is-offset-3-widescreen {\n margin-left: 25%; }\n .column.is-4-widescreen {\n flex: none;\n width: 33.33333%; }\n .column.is-offset-4-widescreen {\n margin-left: 33.33333%; }\n .column.is-5-widescreen {\n flex: none;\n width: 41.66667%; }\n .column.is-offset-5-widescreen {\n margin-left: 41.66667%; }\n .column.is-6-widescreen {\n flex: none;\n width: 50%; }\n .column.is-offset-6-widescreen {\n margin-left: 50%; }\n .column.is-7-widescreen {\n flex: none;\n width: 58.33333%; }\n .column.is-offset-7-widescreen {\n margin-left: 58.33333%; }\n .column.is-8-widescreen {\n flex: none;\n width: 66.66667%; }\n .column.is-offset-8-widescreen {\n margin-left: 66.66667%; }\n .column.is-9-widescreen {\n flex: none;\n width: 75%; }\n .column.is-offset-9-widescreen {\n margin-left: 75%; }\n .column.is-10-widescreen {\n flex: none;\n width: 83.33333%; }\n .column.is-offset-10-widescreen {\n margin-left: 83.33333%; }\n .column.is-11-widescreen {\n flex: none;\n width: 91.66667%; }\n .column.is-offset-11-widescreen {\n margin-left: 91.66667%; }\n .column.is-12-widescreen {\n flex: none;\n width: 100%; }\n .column.is-offset-12-widescreen {\n margin-left: 100%; } }\n\n.columns {\n margin-left: -10px;\n margin-right: -10px;\n margin-top: -10px; }\n .columns:last-child {\n margin-bottom: -10px; }\n .columns:not(:last-child) {\n margin-bottom: 10px; }\n .columns.is-centered {\n justify-content: center; }\n .columns.is-gapless {\n margin-left: 0;\n margin-right: 0;\n margin-top: 0; }\n .columns.is-gapless:last-child {\n margin-bottom: 0; }\n .columns.is-gapless:not(:last-child) {\n margin-bottom: 20px; }\n .columns.is-gapless > .column {\n margin: 0;\n padding: 0; }\n .columns.is-stretched {\n flex-grow: 1;\n align-items: stretch;\n align-self: stretch; }\n @media screen and (min-width: 769px) {\n .columns.is-grid {\n flex-wrap: wrap; }\n .columns.is-grid > .column {\n max-width: 33.3333%;\n padding: 10px;\n width: 33.3333%; }\n .columns.is-grid > .column + .column {\n margin-left: 0; } }\n .columns.is-mobile {\n display: flex; }\n .columns.is-multiline {\n flex-wrap: wrap; }\n .columns.is-vcentered {\n align-items: center; }\n @media screen and (min-width: 769px) {\n .columns:not(.is-desktop) {\n display: flex; } }\n @media screen and (min-width: 980px) {\n .columns.is-desktop {\n display: flex; } }\n\n.tile {\n align-items: stretch;\n flex-basis: auto;\n flex-grow: 1;\n flex-shrink: 1;\n min-height: min-content; }\n .tile.is-ancestor {\n margin-left: -10px;\n margin-right: -10px;\n margin-top: -10px; }\n .tile.is-ancestor:last-child {\n margin-bottom: -10px; }\n .tile.is-ancestor:not(:last-child) {\n margin-bottom: 10px; }\n .tile.is-child {\n margin: 0 !important; }\n .tile.is-parent {\n padding: 10px; }\n .tile.is-vertical {\n flex-direction: column; }\n .tile.is-vertical > .tile.is-child:not(:last-child) {\n margin-bottom: 20px !important; }\n @media screen and (min-width: 769px) {\n .tile:not(.is-child) {\n display: flex; }\n .tile.is-1 {\n flex: none;\n width: 8.33333%; }\n .tile.is-2 {\n flex: none;\n width: 16.66667%; }\n .tile.is-3 {\n flex: none;\n width: 25%; }\n .tile.is-4 {\n flex: none;\n width: 33.33333%; }\n .tile.is-5 {\n flex: none;\n width: 41.66667%; }\n .tile.is-6 {\n flex: none;\n width: 50%; }\n .tile.is-7 {\n flex: none;\n width: 58.33333%; }\n .tile.is-8 {\n flex: none;\n width: 66.66667%; }\n .tile.is-9 {\n flex: none;\n width: 75%; }\n .tile.is-10 {\n flex: none;\n width: 83.33333%; }\n .tile.is-11 {\n flex: none;\n width: 91.66667%; }\n .tile.is-12 {\n flex: none;\n width: 100%; } }\n\n.column.is-white {\n background-color: #FFF; }\n\n.hero {\n padding: 20px;\n background-color: #fafafa;\n border-bottom: 1px solid #eeeeee;\n position: relative; }\n .hero h1 {\n font-size: 28px;\n color: #3f51b5;\n font-weight: 300; }\n .hero h2 {\n font-size: 18px;\n color: #9e9e9e;\n font-weight: 400; }\n .hero .hero-menu {\n position: absolute;\n right: 20px;\n bottom: -1px;\n z-index: 1;\n display: flex; }\n .hero .hero-menu li {\n display: flex;\n margin-left: 1px; }\n .hero .hero-menu li a, .hero .hero-menu li button {\n background-color: #03a9f4;\n color: #FFF;\n display: inline-flex;\n align-items: center;\n justify-items: center;\n padding: 0 15px;\n height: 32px;\n border: 1px solid #039be5;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 13px;\n transition: all 0.4s ease;\n cursor: pointer;\n text-decoration: none;\n text-transform: uppercase; }\n .hero .hero-menu li a i, .hero .hero-menu li button i {\n margin-right: 10px; }\n .hero .hero-menu li a.is-red, .hero .hero-menu li button.is-red {\n background-color: #e53935;\n border-color: #e53935; }\n .hero .hero-menu li a.is-red:hover, .hero .hero-menu li button.is-red:hover {\n background-color: #c62828; }\n .hero .hero-menu li a.is-pink, .hero .hero-menu li button.is-pink {\n background-color: #d81b60;\n border-color: #d81b60; }\n .hero .hero-menu li a.is-pink:hover, .hero .hero-menu li button.is-pink:hover {\n background-color: #ad1457; }\n .hero .hero-menu li a.is-purple, .hero .hero-menu li button.is-purple {\n background-color: #8e24aa;\n border-color: #8e24aa; }\n .hero .hero-menu li a.is-purple:hover, .hero .hero-menu li button.is-purple:hover {\n background-color: #6a1b9a; }\n .hero .hero-menu li a.is-deep-purple, .hero .hero-menu li button.is-deep-purple {\n background-color: #5e35b1;\n border-color: #5e35b1; }\n .hero .hero-menu li a.is-deep-purple:hover, .hero .hero-menu li button.is-deep-purple:hover {\n background-color: #4527a0; }\n .hero .hero-menu li a.is-indigo, .hero .hero-menu li button.is-indigo {\n background-color: #3949ab;\n border-color: #3949ab; }\n .hero .hero-menu li a.is-indigo:hover, .hero .hero-menu li button.is-indigo:hover {\n background-color: #283593; }\n .hero .hero-menu li a.is-blue, .hero .hero-menu li button.is-blue {\n background-color: #1e88e5;\n border-color: #1e88e5; }\n .hero .hero-menu li a.is-blue:hover, .hero .hero-menu li button.is-blue:hover {\n background-color: #1565c0; }\n .hero .hero-menu li a.is-light-blue, .hero .hero-menu li button.is-light-blue {\n background-color: #039be5;\n border-color: #039be5; }\n .hero .hero-menu li a.is-light-blue:hover, .hero .hero-menu li button.is-light-blue:hover {\n background-color: #0277bd; }\n .hero .hero-menu li a.is-cyan, .hero .hero-menu li button.is-cyan {\n background-color: #00acc1;\n border-color: #00acc1; }\n .hero .hero-menu li a.is-cyan:hover, .hero .hero-menu li button.is-cyan:hover {\n background-color: #00838f; }\n .hero .hero-menu li a.is-teal, .hero .hero-menu li button.is-teal {\n background-color: #00897b;\n border-color: #00897b; }\n .hero .hero-menu li a.is-teal:hover, .hero .hero-menu li button.is-teal:hover {\n background-color: #00695c; }\n .hero .hero-menu li a.is-green, .hero .hero-menu li button.is-green {\n background-color: #43a047;\n border-color: #43a047; }\n .hero .hero-menu li a.is-green:hover, .hero .hero-menu li button.is-green:hover {\n background-color: #2e7d32; }\n .hero .hero-menu li a.is-light-green, .hero .hero-menu li button.is-light-green {\n background-color: #7cb342;\n border-color: #7cb342; }\n .hero .hero-menu li a.is-light-green:hover, .hero .hero-menu li button.is-light-green:hover {\n background-color: #558b2f; }\n .hero .hero-menu li a.is-lime, .hero .hero-menu li button.is-lime {\n background-color: #c0ca33;\n border-color: #c0ca33; }\n .hero .hero-menu li a.is-lime:hover, .hero .hero-menu li button.is-lime:hover {\n background-color: #9e9d24; }\n .hero .hero-menu li a.is-yellow, .hero .hero-menu li button.is-yellow {\n background-color: #fdd835;\n border-color: #fdd835; }\n .hero .hero-menu li a.is-yellow:hover, .hero .hero-menu li button.is-yellow:hover {\n background-color: #f9a825; }\n .hero .hero-menu li a.is-amber, .hero .hero-menu li button.is-amber {\n background-color: #ffb300;\n border-color: #ffb300; }\n .hero .hero-menu li a.is-amber:hover, .hero .hero-menu li button.is-amber:hover {\n background-color: #ff8f00; }\n .hero .hero-menu li a.is-orange, .hero .hero-menu li button.is-orange {\n background-color: #fb8c00;\n border-color: #fb8c00; }\n .hero .hero-menu li a.is-orange:hover, .hero .hero-menu li button.is-orange:hover {\n background-color: #ef6c00; }\n .hero .hero-menu li a.is-deep-orange, .hero .hero-menu li button.is-deep-orange {\n background-color: #f4511e;\n border-color: #f4511e; }\n .hero .hero-menu li a.is-deep-orange:hover, .hero .hero-menu li button.is-deep-orange:hover {\n background-color: #d84315; }\n .hero .hero-menu li a.is-brown, .hero .hero-menu li button.is-brown {\n background-color: #6d4c41;\n border-color: #6d4c41; }\n .hero .hero-menu li a.is-brown:hover, .hero .hero-menu li button.is-brown:hover {\n background-color: #4e342e; }\n .hero .hero-menu li a.is-grey, .hero .hero-menu li button.is-grey {\n background-color: #757575;\n border-color: #757575; }\n .hero .hero-menu li a.is-grey:hover, .hero .hero-menu li button.is-grey:hover {\n background-color: #424242; }\n .hero .hero-menu li a.is-blue-grey, .hero .hero-menu li button.is-blue-grey {\n background-color: #546e7a;\n border-color: #546e7a; }\n .hero .hero-menu li a.is-blue-grey:hover, .hero .hero-menu li button.is-blue-grey:hover {\n background-color: #37474f; }\n\n.mkcontent {\n font-size: 14px;\n color: #616161;\n padding: 0 0 20px 0; }\n .mkcontent h1, .mkcontent h2, .mkcontent h3 {\n font-weight: 400;\n margin: 10px 0 0;\n padding: 7px 20px;\n font-weight: 500; }\n .mkcontent h1 {\n background-color: #e8eaf6;\n border-bottom: 2px solid #c5cae9;\n font-size: 18px;\n color: #3f51b5;\n /*& + h2 {\r\n\t\t\tmargin-top: 1px;\r\n\t\t\tborder-top: none;\r\n\t\t}*/ }\n .mkcontent h1:first-child {\n margin-top: 1px; }\n .mkcontent h1 + p {\n padding-top: 20px; }\n .mkcontent h2 {\n background-color: #f2faf9;\n border: 1px solid #b2dfdb;\n border-right-width: 5px;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n font-size: 16px;\n color: #004d40;\n margin-left: 20px; }\n .mkcontent .indent-h2 {\n border-right: 5px solid #b2dfdb;\n margin-left: 20px;\n padding-top: 1px;\n padding-bottom: 20px;\n overflow: hidden; }\n .mkcontent .indent-h2 + h1, .mkcontent .indent-h2 + h2 {\n margin-top: 1px; }\n .mkcontent .indent-h2:last-child {\n padding-bottom: 5px; }\n .mkcontent .indent-h2 h3:first-child {\n margin-top: 0;\n border-top: none; }\n .mkcontent h3 {\n background-color: #f1f9fe;\n border: 1px solid #bbdefb;\n border-right-width: 5px;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n font-size: 14px;\n color: #1976d2;\n margin-left: 20px;\n margin-right: 1px;\n padding: 5px 20px; }\n .mkcontent .indent-h3 {\n border-right: 5px solid #b2dfdb;\n margin-left: 20px;\n margin-right: 1px;\n padding-bottom: 10px; }\n .mkcontent .indent-h3 + h1, .mkcontent .indent-h3 + h2, .mkcontent .indent-h3 + h3 {\n margin-top: 1px; }\n .mkcontent .indent-h3:last-child {\n padding-bottom: 0; }\n .mkcontent a {\n text-decoration: underline;\n font-weight: 400; }\n .mkcontent a:hover {\n color: #1976d2; }\n .mkcontent a.toc-anchor {\n font-size: 80%;\n color: #7986cb;\n border-bottom: none;\n text-decoration: none; }\n .mkcontent a.toc-anchor:visited {\n color: #7986cb !important; }\n .mkcontent a.external-link {\n position: relative;\n padding-left: 5px; }\n .mkcontent a.external-link:before {\n content: \"\";\n display: inline-block;\n font-family: 'core-icons';\n font-style: normal;\n font-weight: normal;\n text-decoration: none;\n color: #9e9e9e;\n font-size: 14px;\n margin-right: 5px; }\n .mkcontent a.external-link:hover:before {\n text-decoration: none; }\n .mkcontent ul {\n padding: 10px 0 10px 40px;\n list-style-type: square; }\n .mkcontent ul li {\n padding: 1px 0; }\n .mkcontent ul li > ul {\n padding: 5px 0 5px 15px;\n list-style-type: disc; }\n .mkcontent ul li p {\n padding: 0; }\n .mkcontent ul li p:first-child {\n padding: 0; }\n .mkcontent ol {\n padding: 10px 40px;\n list-style-type: decimal; }\n .mkcontent ol li {\n padding: 1px 0; }\n .mkcontent p {\n padding: 10px 20px; }\n .mkcontent p:first-child {\n padding-top: 20px; }\n .mkcontent p.is-gapless {\n padding: 0 20px; }\n .mkcontent p.is-gapless + p {\n padding-top: 20px; }\n .mkcontent p.is-gapless + h1 {\n margin-top: 1px; }\n .mkcontent table {\n width: auto;\n border-collapse: collapse;\n margin: 10px 20px;\n font-size: 14px; }\n .mkcontent table th {\n background-color: #2196f3;\n color: #FFF;\n border: 1px solid #2196f3;\n padding: 5px 15px; }\n .mkcontent table th:first-child {\n border-left-color: #2196f3; }\n .mkcontent table th:last-child {\n border-right-color: #2196f3; }\n .mkcontent table td {\n border: 1px solid #9e9e9e;\n padding: 5px 15px; }\n .mkcontent table tr:nth-child(even) {\n background-color: #f5f5f5; }\n .mkcontent code {\n font-weight: 500;\n color: #9c27b0;\n background-color: #fcf7fc;\n padding: 0 5px;\n border-radius: 4px; }\n .mkcontent pre {\n background-color: #fafafa;\n border-top: 1px solid #f5f5f5;\n box-shadow: inset 0 0 5px 0 rgba(158, 158, 158, 0.3);\n padding: 20px;\n font-family: Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n white-space: pre; }\n .mkcontent pre > code {\n box-shadow: inset 0 0 5px 0 #f5f5f5;\n border-radius: 5px;\n font-weight: 400;\n background-color: none;\n color: #616161;\n padding: 0; }\n .mkcontent pre + p {\n padding-top: 1em; }\n .mkcontent pre + h1, .mkcontent pre + h2, .mkcontent pre + h3 {\n margin-top: 1px; }\n .mkcontent .align-right {\n float: right;\n margin: 0 0 10px 10px;\n max-width: 30vw; }\n .mkcontent .align-center {\n text-align: center; }\n .mkcontent img.pagelogo {\n position: absolute;\n right: 20px;\n top: 20px;\n max-width: 200px;\n max-height: 100px;\n z-index: 3; }\n .mkcontent strong {\n color: #616161; }\n .mkcontent .twa {\n font-size: 120%; }\n .mkcontent hr {\n margin: 20px;\n border-top: 1px dotted #9e9e9e; }\n .mkcontent blockquote {\n background-color: #e0f2f1;\n border: 1px solid #b2dfdb;\n border-bottom-width: 2px;\n box-shadow: inset 0px 0px 0px 1px white;\n border-radius: 5px;\n padding: 0 10px;\n margin: 10px 20px; }\n .mkcontent blockquote p {\n padding: 10px 0;\n color: #00695c; }\n .mkcontent blockquote p:first-child {\n padding: 10px 0; }\n .mkcontent blockquote p strong {\n color: inherit; }\n .mkcontent blockquote.is-danger {\n background-color: #ffcdd2;\n border-color: #ef9a9a; }\n .mkcontent blockquote.is-danger p {\n color: #b71c1c; }\n .mkcontent blockquote.is-warning {\n background-color: #fff8e1;\n border-color: #ffe082; }\n .mkcontent blockquote.is-warning p {\n color: #cc5900; }\n .mkcontent blockquote.is-success {\n background-color: #e8f5e9;\n border-color: #a5d6a7; }\n .mkcontent blockquote.is-success p {\n color: #103613; }\n .mkcontent blockquote.is-info {\n background-color: #e3f2fd;\n border-color: #90caf9; }\n .mkcontent blockquote.is-info p {\n color: #093272; }\n\n.modal {\n align-items: flex-start;\n display: none; }\n .modal.is-active {\n display: block; }\n .modal.is-superimposed .modal-background {\n z-index: 20; }\n .modal.is-superimposed .modal-container {\n z-index: 21; }\n\n.modal-background {\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n position: fixed;\n background-color: rgba(0, 0, 0, 0.85);\n animation: .4s ease fadeIn;\n z-index: 10; }\n\n.modal-container {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 11;\n display: flex;\n justify-content: center;\n align-items: center; }\n\n.modal-content {\n animation: .3s ease zoomIn;\n width: 600px;\n background-color: #FFF; }\n .modal-content.is-expanded {\n align-self: stretch;\n width: 100%;\n margin: 20px;\n display: flex;\n flex-direction: column; }\n .modal-content.is-expanded > section {\n flex-grow: 1; }\n .modal-content header {\n background-color: #00897b;\n color: #FFF;\n display: flex;\n flex-shrink: 0;\n height: 40px;\n align-items: center;\n font-weight: 400;\n font-size: 16px;\n padding: 0 20px;\n position: relative; }\n .modal-content header.is-red {\n background-color: #e53935; }\n .modal-content header.is-pink {\n background-color: #d81b60; }\n .modal-content header.is-purple {\n background-color: #8e24aa; }\n .modal-content header.is-deep-purple {\n background-color: #5e35b1; }\n .modal-content header.is-indigo {\n background-color: #3949ab; }\n .modal-content header.is-blue {\n background-color: #1e88e5; }\n .modal-content header.is-light-blue {\n background-color: #039be5; }\n .modal-content header.is-cyan {\n background-color: #00acc1; }\n .modal-content header.is-teal {\n background-color: #00897b; }\n .modal-content header.is-green {\n background-color: #43a047; }\n .modal-content header.is-light-green {\n background-color: #7cb342; }\n .modal-content header.is-lime {\n background-color: #c0ca33; }\n .modal-content header.is-yellow {\n background-color: #fdd835; }\n .modal-content header.is-amber {\n background-color: #ffb300; }\n .modal-content header.is-orange {\n background-color: #fb8c00; }\n .modal-content header.is-deep-orange {\n background-color: #f4511e; }\n .modal-content header.is-brown {\n background-color: #6d4c41; }\n .modal-content header.is-grey {\n background-color: #757575; }\n .modal-content header.is-blue-grey {\n background-color: #546e7a; }\n .modal-content header .modal-notify {\n position: absolute;\n display: none;\n align-items: center;\n height: 40px;\n right: 20px;\n top: 0; }\n .modal-content header .modal-notify.is-active {\n display: flex; }\n .modal-content header .modal-notify span {\n font-size: 12px;\n letter-spacing: 1px;\n text-transform: uppercase; }\n .modal-content header .modal-notify i {\n margin-left: 15px;\n display: inline-block;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 2px 1px 0 #FFF;\n -webkit-animation: spin 0.5s linear infinite;\n -moz-animation: spin 0.5s linear infinite;\n -ms-animation: spin 0.5s linear infinite;\n -o-animation: spin 0.5s linear infinite;\n animation: spin 0.5s linear infinite; }\n\n@-webkit-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-moz-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-o-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n .modal-content section {\n padding: 20px;\n border-top: 1px dotted #e0e0e0; }\n .modal-content section:first-of-type {\n border-top: none;\n padding-top: 20px; }\n .modal-content section:last-of-type {\n padding-bottom: 20px; }\n .modal-content section.is-gapless {\n padding: 10px;\n display: flex; }\n .modal-content section.modal-loading {\n display: flex;\n flex-direction: column;\n align-items: center; }\n .modal-content section.modal-loading > i {\n display: block;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 2px 1px 0 #2196f3;\n -webkit-animation: spin 0.4s linear infinite;\n -moz-animation: spin 0.4s linear infinite;\n -ms-animation: spin 0.4s linear infinite;\n -o-animation: spin 0.4s linear infinite;\n animation: spin 0.4s linear infinite;\n margin-bottom: 10px; }\n\n@-webkit-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-moz-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-o-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n .modal-content section.modal-loading > span {\n color: #757575; }\n .modal-content section.modal-loading > em {\n font-size: 12px;\n color: #9e9e9e;\n font-style: normal; }\n .modal-content section.modal-instructions {\n display: flex;\n flex-direction: column;\n align-items: center;\n color: #424242; }\n .modal-content section.modal-instructions img {\n height: 100px; }\n .modal-content section.modal-instructions img + * {\n margin-top: 10px; }\n .modal-content section.modal-instructions i.is-huge {\n font-size: 72px;\n margin-bottom: 10px; }\n .modal-content section.modal-instructions > span {\n color: #424242; }\n .modal-content section.modal-instructions > em {\n font-size: 12px;\n color: #757575;\n font-style: normal;\n margin-top: 10px;\n display: block; }\n .modal-content section .bullets {\n list-style-type: square;\n padding: 5px 0 0 30px;\n font-size: 14px;\n color: #424242; }\n .modal-content section .note {\n display: block;\n margin-top: 10px;\n font-size: 14px;\n color: #424242; }\n .modal-content section .note:first-child {\n margin-top: 0; }\n .modal-content section .note ul {\n color: #424242;\n padding-left: 10px; }\n .modal-content section .note ul li {\n margin-top: 5px;\n display: flex;\n align-items: center; }\n .modal-content section .note ul li > i {\n margin-right: 8px;\n font-size: 18px; }\n .modal-content footer {\n padding: 20px;\n text-align: right; }\n .modal-content footer .button {\n margin-left: 10px; }\n\n.modal-toolbar {\n background-color: #00796b;\n padding: 7px 20px;\n display: flex;\n flex-shrink: 0;\n justify-content: center; }\n .modal-toolbar.is-red {\n background-color: #d32f2f; }\n .modal-toolbar.is-red .button {\n border-color: #b71c1c;\n background-color: #b71c1c; }\n .modal-toolbar.is-red .button:hover {\n border-color: #b71c1c;\n background-color: #c62828; }\n .modal-toolbar.is-pink {\n background-color: #c2185b; }\n .modal-toolbar.is-pink .button {\n border-color: #880e4f;\n background-color: #880e4f; }\n .modal-toolbar.is-pink .button:hover {\n border-color: #880e4f;\n background-color: #ad1457; }\n .modal-toolbar.is-purple {\n background-color: #7b1fa2; }\n .modal-toolbar.is-purple .button {\n border-color: #4a148c;\n background-color: #4a148c; }\n .modal-toolbar.is-purple .button:hover {\n border-color: #4a148c;\n background-color: #6a1b9a; }\n .modal-toolbar.is-deep-purple {\n background-color: #512da8; }\n .modal-toolbar.is-deep-purple .button {\n border-color: #311b92;\n background-color: #311b92; }\n .modal-toolbar.is-deep-purple .button:hover {\n border-color: #311b92;\n background-color: #4527a0; }\n .modal-toolbar.is-indigo {\n background-color: #303f9f; }\n .modal-toolbar.is-indigo .button {\n border-color: #1a237e;\n background-color: #1a237e; }\n .modal-toolbar.is-indigo .button:hover {\n border-color: #1a237e;\n background-color: #283593; }\n .modal-toolbar.is-blue {\n background-color: #1976d2; }\n .modal-toolbar.is-blue .button {\n border-color: #0d47a1;\n background-color: #0d47a1; }\n .modal-toolbar.is-blue .button:hover {\n border-color: #0d47a1;\n background-color: #1565c0; }\n .modal-toolbar.is-light-blue {\n background-color: #0288d1; }\n .modal-toolbar.is-light-blue .button {\n border-color: #01579b;\n background-color: #01579b; }\n .modal-toolbar.is-light-blue .button:hover {\n border-color: #01579b;\n background-color: #0277bd; }\n .modal-toolbar.is-cyan {\n background-color: #0097a7; }\n .modal-toolbar.is-cyan .button {\n border-color: #006064;\n background-color: #006064; }\n .modal-toolbar.is-cyan .button:hover {\n border-color: #006064;\n background-color: #00838f; }\n .modal-toolbar.is-teal {\n background-color: #00796b; }\n .modal-toolbar.is-teal .button {\n border-color: #004d40;\n background-color: #004d40; }\n .modal-toolbar.is-teal .button:hover {\n border-color: #004d40;\n background-color: #00695c; }\n .modal-toolbar.is-green {\n background-color: #388e3c; }\n .modal-toolbar.is-green .button {\n border-color: #1b5e20;\n background-color: #1b5e20; }\n .modal-toolbar.is-green .button:hover {\n border-color: #1b5e20;\n background-color: #2e7d32; }\n .modal-toolbar.is-light-green {\n background-color: #689f38; }\n .modal-toolbar.is-light-green .button {\n border-color: #33691e;\n background-color: #33691e; }\n .modal-toolbar.is-light-green .button:hover {\n border-color: #33691e;\n background-color: #558b2f; }\n .modal-toolbar.is-lime {\n background-color: #afb42b; }\n .modal-toolbar.is-lime .button {\n border-color: #827717;\n background-color: #827717; }\n .modal-toolbar.is-lime .button:hover {\n border-color: #827717;\n background-color: #9e9d24; }\n .modal-toolbar.is-yellow {\n background-color: #fbc02d; }\n .modal-toolbar.is-yellow .button {\n border-color: #f57f17;\n background-color: #f57f17; }\n .modal-toolbar.is-yellow .button:hover {\n border-color: #f57f17;\n background-color: #f9a825; }\n .modal-toolbar.is-amber {\n background-color: #ffa000; }\n .modal-toolbar.is-amber .button {\n border-color: #ff6f00;\n background-color: #ff6f00; }\n .modal-toolbar.is-amber .button:hover {\n border-color: #ff6f00;\n background-color: #ff8f00; }\n .modal-toolbar.is-orange {\n background-color: #f57c00; }\n .modal-toolbar.is-orange .button {\n border-color: #e65100;\n background-color: #e65100; }\n .modal-toolbar.is-orange .button:hover {\n border-color: #e65100;\n background-color: #ef6c00; }\n .modal-toolbar.is-deep-orange {\n background-color: #e64a19; }\n .modal-toolbar.is-deep-orange .button {\n border-color: #bf360c;\n background-color: #bf360c; }\n .modal-toolbar.is-deep-orange .button:hover {\n border-color: #bf360c;\n background-color: #d84315; }\n .modal-toolbar.is-brown {\n background-color: #5d4037; }\n .modal-toolbar.is-brown .button {\n border-color: #3e2723;\n background-color: #3e2723; }\n .modal-toolbar.is-brown .button:hover {\n border-color: #3e2723;\n background-color: #4e342e; }\n .modal-toolbar.is-grey {\n background-color: #616161; }\n .modal-toolbar.is-grey .button {\n border-color: #212121;\n background-color: #212121; }\n .modal-toolbar.is-grey .button:hover {\n border-color: #212121;\n background-color: #424242; }\n .modal-toolbar.is-blue-grey {\n background-color: #455a64; }\n .modal-toolbar.is-blue-grey .button {\n border-color: #263238;\n background-color: #263238; }\n .modal-toolbar.is-blue-grey .button:hover {\n border-color: #263238;\n background-color: #37474f; }\n .modal-toolbar .button {\n border: 1px solid #004d40;\n background-color: #004d40;\n transition: all .4s ease;\n color: #FFF;\n border-radius: 0; }\n .modal-toolbar .button:first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px; }\n .modal-toolbar .button:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px; }\n .modal-toolbar .button:hover {\n border-color: #004d40;\n background-color: #00695c;\n color: #FFF; }\n .modal-toolbar .button + .button {\n margin-left: 1px; }\n\n.modal-sidebar {\n background-color: #e0f2f1;\n padding: 0; }\n .modal-sidebar.is-red {\n background-color: #ffebee; }\n .modal-sidebar.is-red .model-sidebar-header {\n background-color: #ffcdd2;\n color: #c62828; }\n .modal-sidebar.is-red .model-sidebar-list > li a:hover {\n background-color: #ef9a9a; }\n .modal-sidebar.is-red .model-sidebar-list > li a.is-active {\n background-color: #f44336; }\n .modal-sidebar.is-pink {\n background-color: #fce4ec; }\n .modal-sidebar.is-pink .model-sidebar-header {\n background-color: #f8bbd0;\n color: #ad1457; }\n .modal-sidebar.is-pink .model-sidebar-list > li a:hover {\n background-color: #f48fb1; }\n .modal-sidebar.is-pink .model-sidebar-list > li a.is-active {\n background-color: #e91e63; }\n .modal-sidebar.is-purple {\n background-color: #f3e5f5; }\n .modal-sidebar.is-purple .model-sidebar-header {\n background-color: #e1bee7;\n color: #6a1b9a; }\n .modal-sidebar.is-purple .model-sidebar-list > li a:hover {\n background-color: #ce93d8; }\n .modal-sidebar.is-purple .model-sidebar-list > li a.is-active {\n background-color: #9c27b0; }\n .modal-sidebar.is-deep-purple {\n background-color: #ede7f6; }\n .modal-sidebar.is-deep-purple .model-sidebar-header {\n background-color: #d1c4e9;\n color: #4527a0; }\n .modal-sidebar.is-deep-purple .model-sidebar-list > li a:hover {\n background-color: #b39ddb; }\n .modal-sidebar.is-deep-purple .model-sidebar-list > li a.is-active {\n background-color: #673ab7; }\n .modal-sidebar.is-indigo {\n background-color: #e8eaf6; }\n .modal-sidebar.is-indigo .model-sidebar-header {\n background-color: #c5cae9;\n color: #283593; }\n .modal-sidebar.is-indigo .model-sidebar-list > li a:hover {\n background-color: #9fa8da; }\n .modal-sidebar.is-indigo .model-sidebar-list > li a.is-active {\n background-color: #3f51b5; }\n .modal-sidebar.is-blue {\n background-color: #e3f2fd; }\n .modal-sidebar.is-blue .model-sidebar-header {\n background-color: #bbdefb;\n color: #1565c0; }\n .modal-sidebar.is-blue .model-sidebar-list > li a:hover {\n background-color: #90caf9; }\n .modal-sidebar.is-blue .model-sidebar-list > li a.is-active {\n background-color: #2196f3; }\n .modal-sidebar.is-light-blue {\n background-color: #e1f5fe; }\n .modal-sidebar.is-light-blue .model-sidebar-header {\n background-color: #b3e5fc;\n color: #0277bd; }\n .modal-sidebar.is-light-blue .model-sidebar-list > li a:hover {\n background-color: #81d4fa; }\n .modal-sidebar.is-light-blue .model-sidebar-list > li a.is-active {\n background-color: #03a9f4; }\n .modal-sidebar.is-cyan {\n background-color: #e0f7fa; }\n .modal-sidebar.is-cyan .model-sidebar-header {\n background-color: #b2ebf2;\n color: #00838f; }\n .modal-sidebar.is-cyan .model-sidebar-list > li a:hover {\n background-color: #80deea; }\n .modal-sidebar.is-cyan .model-sidebar-list > li a.is-active {\n background-color: #00bcd4; }\n .modal-sidebar.is-teal {\n background-color: #e0f2f1; }\n .modal-sidebar.is-teal .model-sidebar-header {\n background-color: #b2dfdb;\n color: #00695c; }\n .modal-sidebar.is-teal .model-sidebar-list > li a:hover {\n background-color: #80cbc4; }\n .modal-sidebar.is-teal .model-sidebar-list > li a.is-active {\n background-color: #009688; }\n .modal-sidebar.is-green {\n background-color: #e8f5e9; }\n .modal-sidebar.is-green .model-sidebar-header {\n background-color: #c8e6c9;\n color: #2e7d32; }\n .modal-sidebar.is-green .model-sidebar-list > li a:hover {\n background-color: #a5d6a7; }\n .modal-sidebar.is-green .model-sidebar-list > li a.is-active {\n background-color: #4caf50; }\n .modal-sidebar.is-light-green {\n background-color: #f1f8e9; }\n .modal-sidebar.is-light-green .model-sidebar-header {\n background-color: #dcedc8;\n color: #558b2f; }\n .modal-sidebar.is-light-green .model-sidebar-list > li a:hover {\n background-color: #c5e1a5; }\n .modal-sidebar.is-light-green .model-sidebar-list > li a.is-active {\n background-color: #8bc34a; }\n .modal-sidebar.is-lime {\n background-color: #f9fbe7; }\n .modal-sidebar.is-lime .model-sidebar-header {\n background-color: #f0f4c3;\n color: #9e9d24; }\n .modal-sidebar.is-lime .model-sidebar-list > li a:hover {\n background-color: #e6ee9c; }\n .modal-sidebar.is-lime .model-sidebar-list > li a.is-active {\n background-color: #cddc39; }\n .modal-sidebar.is-yellow {\n background-color: #fffde7; }\n .modal-sidebar.is-yellow .model-sidebar-header {\n background-color: #fff9c4;\n color: #f9a825; }\n .modal-sidebar.is-yellow .model-sidebar-list > li a:hover {\n background-color: #fff59d; }\n .modal-sidebar.is-yellow .model-sidebar-list > li a.is-active {\n background-color: #ffeb3b; }\n .modal-sidebar.is-amber {\n background-color: #fff8e1; }\n .modal-sidebar.is-amber .model-sidebar-header {\n background-color: #ffecb3;\n color: #ff8f00; }\n .modal-sidebar.is-amber .model-sidebar-list > li a:hover {\n background-color: #ffe082; }\n .modal-sidebar.is-amber .model-sidebar-list > li a.is-active {\n background-color: #ffc107; }\n .modal-sidebar.is-orange {\n background-color: #fff3e0; }\n .modal-sidebar.is-orange .model-sidebar-header {\n background-color: #ffe0b2;\n color: #ef6c00; }\n .modal-sidebar.is-orange .model-sidebar-list > li a:hover {\n background-color: #ffcc80; }\n .modal-sidebar.is-orange .model-sidebar-list > li a.is-active {\n background-color: #ff9800; }\n .modal-sidebar.is-deep-orange {\n background-color: #fbe9e7; }\n .modal-sidebar.is-deep-orange .model-sidebar-header {\n background-color: #ffccbc;\n color: #d84315; }\n .modal-sidebar.is-deep-orange .model-sidebar-list > li a:hover {\n background-color: #ffab91; }\n .modal-sidebar.is-deep-orange .model-sidebar-list > li a.is-active {\n background-color: #ff5722; }\n .modal-sidebar.is-brown {\n background-color: #efebe9; }\n .modal-sidebar.is-brown .model-sidebar-header {\n background-color: #d7ccc8;\n color: #4e342e; }\n .modal-sidebar.is-brown .model-sidebar-list > li a:hover {\n background-color: #bcaaa4; }\n .modal-sidebar.is-brown .model-sidebar-list > li a.is-active {\n background-color: #795548; }\n .modal-sidebar.is-grey {\n background-color: #fafafa; }\n .modal-sidebar.is-grey .model-sidebar-header {\n background-color: #f5f5f5;\n color: #424242; }\n .modal-sidebar.is-grey .model-sidebar-list > li a:hover {\n background-color: #eeeeee; }\n .modal-sidebar.is-grey .model-sidebar-list > li a.is-active {\n background-color: #9e9e9e; }\n .modal-sidebar.is-blue-grey {\n background-color: #eceff1; }\n .modal-sidebar.is-blue-grey .model-sidebar-header {\n background-color: #cfd8dc;\n color: #37474f; }\n .modal-sidebar.is-blue-grey .model-sidebar-list > li a:hover {\n background-color: #b0bec5; }\n .modal-sidebar.is-blue-grey .model-sidebar-list > li a.is-active {\n background-color: #607d8b; }\n .modal-sidebar .model-sidebar-header {\n padding: 7px 20px; }\n .modal-sidebar .model-sidebar-content {\n padding: 7px 20px; }\n .modal-sidebar .model-sidebar-list > li {\n padding: 0; }\n .modal-sidebar .model-sidebar-list > li a {\n display: flex;\n align-items: center;\n height: 34px;\n padding: 0 20px;\n cursor: pointer;\n color: #424242; }\n .modal-sidebar .model-sidebar-list > li a:hover {\n background-color: #80cbc4; }\n .modal-sidebar .model-sidebar-list > li a.is-active {\n color: #FFF; }\n .modal-sidebar .model-sidebar-list > li a i {\n margin-right: 7px; }\n\n.modal-content .card-footer-item.featured {\n animation: flash 4s ease 0 infinite; }\n\n.nav {\n align-items: stretch;\n background-color: #3f51b5;\n display: flex;\n min-height: 50px;\n position: relative;\n text-align: center;\n box-shadow: 0 2px 3px rgba(63, 81, 181, 0.2);\n z-index: 2;\n color: #FFF; }\n .nav.is-red {\n background-color: #f44336;\n box-shadow: 0 2px 3px rgba(244, 67, 54, 0.2); }\n .nav.is-red .nav-item .button {\n border: 1px solid #b71c1c;\n background-color: #c62828; }\n .nav.is-red .nav-item .button.is-outlined {\n background-color: #e53935;\n border-color: #c62828;\n color: #ffcdd2; }\n .nav.is-red .nav-item .button:hover {\n border-color: #b71c1c;\n background-color: #b71c1c; }\n .nav.is-pink {\n background-color: #e91e63;\n box-shadow: 0 2px 3px rgba(233, 30, 99, 0.2); }\n .nav.is-pink .nav-item .button {\n border: 1px solid #880e4f;\n background-color: #ad1457; }\n .nav.is-pink .nav-item .button.is-outlined {\n background-color: #d81b60;\n border-color: #ad1457;\n color: #f8bbd0; }\n .nav.is-pink .nav-item .button:hover {\n border-color: #880e4f;\n background-color: #880e4f; }\n .nav.is-purple {\n background-color: #9c27b0;\n box-shadow: 0 2px 3px rgba(156, 39, 176, 0.2); }\n .nav.is-purple .nav-item .button {\n border: 1px solid #4a148c;\n background-color: #6a1b9a; }\n .nav.is-purple .nav-item .button.is-outlined {\n background-color: #8e24aa;\n border-color: #6a1b9a;\n color: #e1bee7; }\n .nav.is-purple .nav-item .button:hover {\n border-color: #4a148c;\n background-color: #4a148c; }\n .nav.is-deep-purple {\n background-color: #673ab7;\n box-shadow: 0 2px 3px rgba(103, 58, 183, 0.2); }\n .nav.is-deep-purple .nav-item .button {\n border: 1px solid #311b92;\n background-color: #4527a0; }\n .nav.is-deep-purple .nav-item .button.is-outlined {\n background-color: #5e35b1;\n border-color: #4527a0;\n color: #d1c4e9; }\n .nav.is-deep-purple .nav-item .button:hover {\n border-color: #311b92;\n background-color: #311b92; }\n .nav.is-indigo {\n background-color: #3f51b5;\n box-shadow: 0 2px 3px rgba(63, 81, 181, 0.2); }\n .nav.is-indigo .nav-item .button {\n border: 1px solid #1a237e;\n background-color: #283593; }\n .nav.is-indigo .nav-item .button.is-outlined {\n background-color: #3949ab;\n border-color: #283593;\n color: #c5cae9; }\n .nav.is-indigo .nav-item .button:hover {\n border-color: #1a237e;\n background-color: #1a237e; }\n .nav.is-blue {\n background-color: #2196f3;\n box-shadow: 0 2px 3px rgba(33, 150, 243, 0.2); }\n .nav.is-blue .nav-item .button {\n border: 1px solid #0d47a1;\n background-color: #1565c0; }\n .nav.is-blue .nav-item .button.is-outlined {\n background-color: #1e88e5;\n border-color: #1565c0;\n color: #bbdefb; }\n .nav.is-blue .nav-item .button:hover {\n border-color: #0d47a1;\n background-color: #0d47a1; }\n .nav.is-light-blue {\n background-color: #03a9f4;\n box-shadow: 0 2px 3px rgba(3, 169, 244, 0.2); }\n .nav.is-light-blue .nav-item .button {\n border: 1px solid #01579b;\n background-color: #0277bd; }\n .nav.is-light-blue .nav-item .button.is-outlined {\n background-color: #039be5;\n border-color: #0277bd;\n color: #b3e5fc; }\n .nav.is-light-blue .nav-item .button:hover {\n border-color: #01579b;\n background-color: #01579b; }\n .nav.is-cyan {\n background-color: #00bcd4;\n box-shadow: 0 2px 3px rgba(0, 188, 212, 0.2); }\n .nav.is-cyan .nav-item .button {\n border: 1px solid #006064;\n background-color: #00838f; }\n .nav.is-cyan .nav-item .button.is-outlined {\n background-color: #00acc1;\n border-color: #00838f;\n color: #b2ebf2; }\n .nav.is-cyan .nav-item .button:hover {\n border-color: #006064;\n background-color: #006064; }\n .nav.is-teal {\n background-color: #009688;\n box-shadow: 0 2px 3px rgba(0, 150, 136, 0.2); }\n .nav.is-teal .nav-item .button {\n border: 1px solid #004d40;\n background-color: #00695c; }\n .nav.is-teal .nav-item .button.is-outlined {\n background-color: #00897b;\n border-color: #00695c;\n color: #b2dfdb; }\n .nav.is-teal .nav-item .button:hover {\n border-color: #004d40;\n background-color: #004d40; }\n .nav.is-green {\n background-color: #4caf50;\n box-shadow: 0 2px 3px rgba(76, 175, 80, 0.2); }\n .nav.is-green .nav-item .button {\n border: 1px solid #1b5e20;\n background-color: #2e7d32; }\n .nav.is-green .nav-item .button.is-outlined {\n background-color: #43a047;\n border-color: #2e7d32;\n color: #c8e6c9; }\n .nav.is-green .nav-item .button:hover {\n border-color: #1b5e20;\n background-color: #1b5e20; }\n .nav.is-light-green {\n background-color: #8bc34a;\n box-shadow: 0 2px 3px rgba(139, 195, 74, 0.2); }\n .nav.is-light-green .nav-item .button {\n border: 1px solid #33691e;\n background-color: #558b2f; }\n .nav.is-light-green .nav-item .button.is-outlined {\n background-color: #7cb342;\n border-color: #558b2f;\n color: #dcedc8; }\n .nav.is-light-green .nav-item .button:hover {\n border-color: #33691e;\n background-color: #33691e; }\n .nav.is-lime {\n background-color: #cddc39;\n box-shadow: 0 2px 3px rgba(205, 220, 57, 0.2); }\n .nav.is-lime .nav-item .button {\n border: 1px solid #827717;\n background-color: #9e9d24; }\n .nav.is-lime .nav-item .button.is-outlined {\n background-color: #c0ca33;\n border-color: #9e9d24;\n color: #f0f4c3; }\n .nav.is-lime .nav-item .button:hover {\n border-color: #827717;\n background-color: #827717; }\n .nav.is-yellow {\n background-color: #ffeb3b;\n box-shadow: 0 2px 3px rgba(255, 235, 59, 0.2); }\n .nav.is-yellow .nav-item .button {\n border: 1px solid #f57f17;\n background-color: #f9a825; }\n .nav.is-yellow .nav-item .button.is-outlined {\n background-color: #fdd835;\n border-color: #f9a825;\n color: #fff9c4; }\n .nav.is-yellow .nav-item .button:hover {\n border-color: #f57f17;\n background-color: #f57f17; }\n .nav.is-amber {\n background-color: #ffc107;\n box-shadow: 0 2px 3px rgba(255, 193, 7, 0.2); }\n .nav.is-amber .nav-item .button {\n border: 1px solid #ff6f00;\n background-color: #ff8f00; }\n .nav.is-amber .nav-item .button.is-outlined {\n background-color: #ffb300;\n border-color: #ff8f00;\n color: #ffecb3; }\n .nav.is-amber .nav-item .button:hover {\n border-color: #ff6f00;\n background-color: #ff6f00; }\n .nav.is-orange {\n background-color: #ff9800;\n box-shadow: 0 2px 3px rgba(255, 152, 0, 0.2); }\n .nav.is-orange .nav-item .button {\n border: 1px solid #e65100;\n background-color: #ef6c00; }\n .nav.is-orange .nav-item .button.is-outlined {\n background-color: #fb8c00;\n border-color: #ef6c00;\n color: #ffe0b2; }\n .nav.is-orange .nav-item .button:hover {\n border-color: #e65100;\n background-color: #e65100; }\n .nav.is-deep-orange {\n background-color: #ff5722;\n box-shadow: 0 2px 3px rgba(255, 87, 34, 0.2); }\n .nav.is-deep-orange .nav-item .button {\n border: 1px solid #bf360c;\n background-color: #d84315; }\n .nav.is-deep-orange .nav-item .button.is-outlined {\n background-color: #f4511e;\n border-color: #d84315;\n color: #ffccbc; }\n .nav.is-deep-orange .nav-item .button:hover {\n border-color: #bf360c;\n background-color: #bf360c; }\n .nav.is-brown {\n background-color: #795548;\n box-shadow: 0 2px 3px rgba(121, 85, 72, 0.2); }\n .nav.is-brown .nav-item .button {\n border: 1px solid #3e2723;\n background-color: #4e342e; }\n .nav.is-brown .nav-item .button.is-outlined {\n background-color: #6d4c41;\n border-color: #4e342e;\n color: #d7ccc8; }\n .nav.is-brown .nav-item .button:hover {\n border-color: #3e2723;\n background-color: #3e2723; }\n .nav.is-grey {\n background-color: #9e9e9e;\n box-shadow: 0 2px 3px rgba(158, 158, 158, 0.2); }\n .nav.is-grey .nav-item .button {\n border: 1px solid #212121;\n background-color: #424242; }\n .nav.is-grey .nav-item .button.is-outlined {\n background-color: #757575;\n border-color: #424242;\n color: #f5f5f5; }\n .nav.is-grey .nav-item .button:hover {\n border-color: #212121;\n background-color: #212121; }\n .nav.is-blue-grey {\n background-color: #607d8b;\n box-shadow: 0 2px 3px rgba(96, 125, 139, 0.2); }\n .nav.is-blue-grey .nav-item .button {\n border: 1px solid #263238;\n background-color: #37474f; }\n .nav.is-blue-grey .nav-item .button.is-outlined {\n background-color: #546e7a;\n border-color: #37474f;\n color: #cfd8dc; }\n .nav.is-blue-grey .nav-item .button:hover {\n border-color: #263238;\n background-color: #263238; }\n\n.nav-left {\n align-items: stretch;\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n justify-content: flex-start;\n overflow: hidden;\n overflow-x: auto;\n white-space: nowrap; }\n\n.nav-center {\n align-items: stretch;\n display: flex;\n justify-content: center;\n margin-left: auto;\n margin-right: auto; }\n\n@media screen and (min-width: 769px) {\n .nav-right {\n align-items: stretch;\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n justify-content: flex-end; } }\n\n.nav-item {\n align-items: center;\n display: flex;\n justify-content: center;\n padding: 0 10px; }\n .nav-item a, a.nav-item {\n color: #e8eaf6;\n transition: color .4s ease;\n cursor: pointer; }\n .nav-item a:hover, a.nav-item:hover {\n color: #9fa8da;\n text-decoration: none; }\n .nav-item img {\n max-height: 34px; }\n .nav-item h1 {\n font-size: 16px;\n font-weight: 400;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n transition: color .4s ease;\n color: #FFF;\n padding-left: 10px; }\n .nav-item h1 i {\n margin-right: 8px; }\n .nav-item h1:hover {\n color: #c5cae9; }\n h2.nav-item, .nav-item h2 {\n color: #e8eaf6; }\n .nav-item .button {\n border: 1px solid #1a237e;\n background-color: #283593;\n transition: all .4s ease;\n color: #FFF;\n border-radius: 0; }\n .nav-item .button:first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px; }\n .nav-item .button:last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px; }\n .nav-item .button.is-outlined {\n background-color: #3949ab;\n border-color: #283593;\n color: #c5cae9; }\n .nav-item .button:hover {\n border-color: #1a237e;\n background-color: #1a237e;\n color: #FFF; }\n .nav-item .button + .button {\n margin-left: 1px; }\n .nav-item .control input[type=text] {\n background-color: #283593;\n border-color: #5c6bc0;\n color: #e8eaf6; }\n .nav-item .control input[type=text]:focus {\n border-color: #9fa8da;\n box-shadow: inset 0 0 5px 0 rgba(26, 35, 126, 0.5); }\n .nav-item .control input[type=text]::-webkit-input-placeholder {\n color: #9fa8da; }\n .nav-item .control input[type=text]::-moz-placeholder {\n color: #9fa8da; }\n .nav-item .control input[type=text]:-ms-input-placeholder {\n color: #9fa8da; }\n .nav-item .control input[type=text]:placeholder-shown {\n color: #9fa8da; }\n\n.panel-aside {\n background-color: #37474f;\n border: 1px solid #37474f;\n border-bottom-left-radius: 8px;\n padding: 20px;\n color: #cfd8dc; }\n .panel-aside label {\n color: #FFF; }\n\n.panel {\n background-color: #FFF;\n box-shadow: 0 0 12px 0 rgba(66, 66, 66, 0.1), 1px 6px 8px 0 rgba(66, 66, 66, 0.1);\n padding: 0 0 1px 0;\n border-radius: 4px; }\n .panel .panel-title {\n border-bottom: 1px solid #e4e6f0;\n padding: 0 15px;\n color: mc(\"grey\", \"800\");\n font-size: 16px;\n font-weight: 500;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 40px; }\n .panel .panel-title.is-featured {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n background-color: #7986cb;\n border-bottom-color: #5c6bc0;\n color: #FFF; }\n .panel .panel-title.is-featured > i::before {\n width: 18px;\n height: 18px;\n border-radius: 50%;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 2px 1px 0 #FFF;\n -webkit-animation: spin 0.4s linear infinite;\n -moz-animation: spin 0.4s linear infinite;\n -ms-animation: spin 0.4s linear infinite;\n -o-animation: spin 0.4s linear infinite;\n animation: spin 0.4s linear infinite; }\n\n@-webkit-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-moz-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-o-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n .panel .panel-title > span {\n font-weight: 500; }\n .panel .panel-title > i {\n display: flex;\n width: 18px;\n align-items: center; }\n .panel .panel-title > i::before {\n content: \" \";\n width: 18px;\n height: 18px;\n border-radius: 50%;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 2px 1px 0 #3f51b5;\n -webkit-animation: spin 0.4s linear infinite;\n -moz-animation: spin 0.4s linear infinite;\n -ms-animation: spin 0.4s linear infinite;\n -o-animation: spin 0.4s linear infinite;\n animation: spin 0.4s linear infinite; }\n\n@-webkit-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-moz-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-o-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n .panel .panel-content {\n padding: 0 15px; }\n .panel .panel-content.is-text {\n padding: 25px; }\n .panel .panel-content.is-text p + p, .panel .panel-content.is-text p + h3 {\n margin-top: 25px; }\n .panel .panel-content.is-text h3 {\n margin-bottom: 15px;\n font-weight: 500; }\n .panel .panel-content.is-text ul li {\n color: #616161; }\n .panel .panel-content.is-text strong {\n font-weight: 500;\n color: #283593; }\n .panel .panel-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n height: 50px;\n background-color: #F4F5F9;\n padding: 0 15px;\n margin: 0 1px;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n position: relative; }\n .panel .panel-footer .button + .button {\n margin-left: 10px; }\n .panel + .panel {\n margin-top: 25px; }\n\n.searchresults {\n position: fixed;\n top: 45px;\n left: 0;\n right: 0;\n margin: 0 auto;\n width: 500px;\n z-index: 1;\n background-color: #303f9f;\n border-bottom: 5px solid #283593;\n box-shadow: 0 0 5px #3f51b5;\n color: #FFF; }\n .searchresults.slideInDown {\n -webkit-animation-duration: 0.6s;\n -moz-animation-duration: 0.6s;\n -ms-animation-duration: 0.6s;\n -o-animation-duration: 0.6s;\n animation-duration: 0.6s; }\n .searchresults .searchresults-label {\n color: #9fa8da;\n padding: 15px 10px 10px;\n font-size: 13px;\n text-transform: uppercase;\n border-bottom: 1px dotted #5c6bc0; }\n .searchresults .searchresults-list > li {\n display: flex;\n font-size: 14px;\n transition: background-color .3s linear; }\n .searchresults .searchresults-list > li:nth-child(odd) {\n background-color: #3949ab; }\n .searchresults .searchresults-list > li.is-active, .searchresults .searchresults-list > li:hover {\n background-color: #5c6bc0;\n color: #FFF;\n border-left: 5px solid #9fa8da; }\n .searchresults .searchresults-list > li a {\n color: #e8eaf6;\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 20px;\n width: 100%;\n cursor: pointer; }\n\n.sidebar {\n background-color: #263238;\n color: #eceff1;\n width: 250px;\n max-width: 250px;\n min-height: 80vh; }\n .sidebar aside:last-child {\n padding-bottom: 20px; }\n .sidebar aside .sidebar-label {\n padding: 0 0 5px 0;\n color: #78909c;\n font-size: 13px;\n letter-spacing: 1px;\n text-transform: uppercase;\n border-bottom: 1px solid #455a64;\n margin: 25px 10px 15px 10px; }\n .sidebar aside .sidebar-label i {\n margin-right: 5px; }\n .sidebar aside .sidebar-menu li {\n display: block; }\n .sidebar aside .sidebar-menu li a {\n display: flex;\n min-height: 30px;\n align-items: center;\n padding: 5px 20px;\n color: #eceff1;\n font-size: 14px;\n transition: all .4s ease;\n line-height: 14px; }\n .sidebar aside .sidebar-menu li a i {\n margin-right: 7px;\n color: #90a4ae; }\n .sidebar aside .sidebar-menu li a:hover {\n color: #78909c;\n text-decoration: none; }\n .sidebar aside .sidebar-menu li > ul {\n border-top: 1px solid #2c3a41;\n border-bottom: 1px solid #2a373e;\n background-color: #222d32;\n margin-bottom: 10px;\n padding: 10px 0; }\n .sidebar aside .sidebar-menu li > ul li {\n padding-left: 10px; }\n .sidebar aside .sidebar-menu li > ul li a {\n min-height: 24px;\n color: #cfd8dc; }\n\n.table {\n border-spacing: collapse;\n padding: 1px;\n width: 100%;\n font-size: 14px; }\n .table thead {\n background-color: #607d8b;\n color: #FFF; }\n .table thead th {\n padding: 5px 10px;\n font-weight: 500;\n text-align: center;\n border-left: 1px solid #b0bec5; }\n .table thead th:first-child {\n border-left: none; }\n .table thead.is-red {\n background-color: #f44336; }\n .table thead.is-red th {\n border-left-color: #ef9a9a; }\n .table thead.is-pink {\n background-color: #e91e63; }\n .table thead.is-pink th {\n border-left-color: #f48fb1; }\n .table thead.is-purple {\n background-color: #9c27b0; }\n .table thead.is-purple th {\n border-left-color: #ce93d8; }\n .table thead.is-deep-purple {\n background-color: #673ab7; }\n .table thead.is-deep-purple th {\n border-left-color: #b39ddb; }\n .table thead.is-indigo {\n background-color: #3f51b5; }\n .table thead.is-indigo th {\n border-left-color: #9fa8da; }\n .table thead.is-blue {\n background-color: #2196f3; }\n .table thead.is-blue th {\n border-left-color: #90caf9; }\n .table thead.is-light-blue {\n background-color: #03a9f4; }\n .table thead.is-light-blue th {\n border-left-color: #81d4fa; }\n .table thead.is-cyan {\n background-color: #00bcd4; }\n .table thead.is-cyan th {\n border-left-color: #80deea; }\n .table thead.is-teal {\n background-color: #009688; }\n .table thead.is-teal th {\n border-left-color: #80cbc4; }\n .table thead.is-green {\n background-color: #4caf50; }\n .table thead.is-green th {\n border-left-color: #a5d6a7; }\n .table thead.is-light-green {\n background-color: #8bc34a; }\n .table thead.is-light-green th {\n border-left-color: #c5e1a5; }\n .table thead.is-lime {\n background-color: #cddc39; }\n .table thead.is-lime th {\n border-left-color: #e6ee9c; }\n .table thead.is-yellow {\n background-color: #ffeb3b; }\n .table thead.is-yellow th {\n border-left-color: #fff59d; }\n .table thead.is-amber {\n background-color: #ffc107; }\n .table thead.is-amber th {\n border-left-color: #ffe082; }\n .table thead.is-orange {\n background-color: #ff9800; }\n .table thead.is-orange th {\n border-left-color: #ffcc80; }\n .table thead.is-deep-orange {\n background-color: #ff5722; }\n .table thead.is-deep-orange th {\n border-left-color: #ffab91; }\n .table thead.is-brown {\n background-color: #795548; }\n .table thead.is-brown th {\n border-left-color: #bcaaa4; }\n .table thead.is-grey {\n background-color: #9e9e9e; }\n .table thead.is-grey th {\n border-left-color: #eeeeee; }\n .table thead.is-blue-grey {\n background-color: #607d8b; }\n .table thead.is-blue-grey th {\n border-left-color: #b0bec5; }\n .table tbody tr {\n background-color: #cfd8dc; }\n .table tbody tr:nth-child(odd) {\n background-color: #eceff1; }\n .table tbody tr td {\n padding: 5px 10px;\n border-left: 1px solid #FFF;\n vertical-align: middle; }\n .table tbody tr td:first-child {\n border-left: none; }\n .table .is-centered {\n text-align: center; }\n .table .has-icons i {\n margin-right: 8px; }\n .table .is-icon {\n font-size: 14px;\n width: 20px; }\n .table .has-action-icons i {\n cursor: pointer;\n font-size: 20px; }\n\n.table-actions {\n text-align: right; }\n .table-actions .button {\n border-top-left-radius: 0;\n border-top-right-radius: 0; }\n\nh1 {\n font-size: 28px; }\n\nh2 {\n font-size: 18px; }\n\nh3 {\n font-size: 16px; }\n\ni.is-red {\n color: #e53935; }\n\ni.is-pink {\n color: #d81b60; }\n\ni.is-purple {\n color: #8e24aa; }\n\ni.is-deep-purple {\n color: #5e35b1; }\n\ni.is-indigo {\n color: #3949ab; }\n\ni.is-blue {\n color: #1e88e5; }\n\ni.is-light-blue {\n color: #039be5; }\n\ni.is-cyan {\n color: #00acc1; }\n\ni.is-teal {\n color: #00897b; }\n\ni.is-green {\n color: #43a047; }\n\ni.is-light-green {\n color: #7cb342; }\n\ni.is-lime {\n color: #c0ca33; }\n\ni.is-yellow {\n color: #fdd835; }\n\ni.is-amber {\n color: #ffb300; }\n\ni.is-orange {\n color: #fb8c00; }\n\ni.is-deep-orange {\n color: #f4511e; }\n\ni.is-brown {\n color: #6d4c41; }\n\ni.is-grey {\n color: #757575; }\n\ni.is-blue-grey {\n color: #546e7a; }\n\n.twa {\n display: inline-block;\n height: 1em;\n width: 1em;\n margin: 0 .05em 0 .1em;\n vertical-align: -0.1em;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 1em 1em; }\n\n.twa-lg {\n height: 1.33em;\n width: 1.33em;\n margin: 0 0.0665em 0 0.133em;\n vertical-align: -0.133em;\n background-size: 1.33em 1.33em; }\n\n.twa-2x {\n height: 2em;\n width: 2em;\n margin: 0 0.1em 0 0.2em;\n vertical-align: -0.2em;\n background-size: 2em 2em; }\n\n.twa-3x {\n height: 3em;\n width: 3em;\n margin: 0 0.15em 0 0.3em;\n vertical-align: -0.3em;\n background-size: 3em 3em; }\n\n.twa-4x {\n height: 4em;\n width: 4em;\n margin: 0 0.2em 0 0.4em;\n vertical-align: -0.4em;\n background-size: 4em 4em; }\n\n.twa-5x {\n height: 5em;\n width: 5em;\n margin: 0 0.25em 0 0.5em;\n vertical-align: -0.5em;\n background-size: 5em 5em; }\n\n.twa-smile {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f604.svg\"); }\n\n.twa-laughing {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f606.svg\"); }\n\n.twa-blush {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f60a.svg\"); }\n\n.twa-smiley {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f603.svg\"); }\n\n.twa-relaxed {\n background-image: url(\"https://twemoji.maxcdn.com/svg/263a.svg\"); }\n\n.twa-smirk {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f60f.svg\"); }\n\n.twa-heart-eyes {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f60d.svg\"); }\n\n.twa-kissing-heart {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f618.svg\"); }\n\n.twa-kissing-closed-eyes {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f61a.svg\"); }\n\n.twa-flushed {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f633.svg\"); }\n\n.twa-relieved {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f625.svg\"); }\n\n.twa-satisfied {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f60c.svg\"); }\n\n.twa-grin {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f601.svg\"); }\n\n.twa-wink {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f609.svg\"); }\n\n.twa-stuck-out-tongue-winking-eye {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f61c.svg\"); }\n\n.twa-stuck-out-tongue-closed-eyes {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f61d.svg\"); }\n\n.twa-grinning {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f600.svg\"); }\n\n.twa-kissing {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f617.svg\"); }\n\n.twa-kissing-smiling-eyes {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f619.svg\"); }\n\n.twa-stuck-out-tongue {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f61b.svg\"); }\n\n.twa-sleeping {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f634.svg\"); }\n\n.twa-worried {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f61f.svg\"); }\n\n.twa-frowning {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f626.svg\"); }\n\n.twa-anguished {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f627.svg\"); }\n\n.twa-open-mouth {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f62e.svg\"); }\n\n.twa-grimacing {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f62c.svg\"); }\n\n.twa-confused {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f615.svg\"); }\n\n.twa-hushed {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f62f.svg\"); }\n\n.twa-expressionless {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f611.svg\"); }\n\n.twa-unamused {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f612.svg\"); }\n\n.twa-sweat-smile {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f605.svg\"); }\n\n.twa-sweat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f613.svg\"); }\n\n.twa-weary {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f629.svg\"); }\n\n.twa-pensive {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f614.svg\"); }\n\n.twa-disappointed {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f61e.svg\"); }\n\n.twa-confounded {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f616.svg\"); }\n\n.twa-fearful {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f628.svg\"); }\n\n.twa-cold-sweat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f630.svg\"); }\n\n.twa-persevere {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f623.svg\"); }\n\n.twa-cry {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f622.svg\"); }\n\n.twa-sob {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f62d.svg\"); }\n\n.twa-joy {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f602.svg\"); }\n\n.twa-astonished {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f632.svg\"); }\n\n.twa-scream {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f631.svg\"); }\n\n.twa-tired-face {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f62b.svg\"); }\n\n.twa-angry {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f620.svg\"); }\n\n.twa-rage {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f621.svg\"); }\n\n.twa-triumph {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f624.svg\"); }\n\n.twa-sleepy {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f62a.svg\"); }\n\n.twa-yum {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f60b.svg\"); }\n\n.twa-mask {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f637.svg\"); }\n\n.twa-sunglasses {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f60e.svg\"); }\n\n.twa-dizzy-face {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f635.svg\"); }\n\n.twa-imp {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f47f.svg\"); }\n\n.twa-smiling-imp {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f608.svg\"); }\n\n.twa-neutral-face {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f610.svg\"); }\n\n.twa-no-mouth {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f636.svg\"); }\n\n.twa-innocent {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f607.svg\"); }\n\n.twa-alien {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f47d.svg\"); }\n\n.twa-yellow-heart {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f49b.svg\"); }\n\n.twa-blue-heart {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f499.svg\"); }\n\n.twa-purple-heart {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f49c.svg\"); }\n\n.twa-heart {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2764.svg\"); }\n\n.twa-green-heart {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f49a.svg\"); }\n\n.twa-broken-heart {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f494.svg\"); }\n\n.twa-heartbeat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f493.svg\"); }\n\n.twa-heartpulse {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f497.svg\"); }\n\n.twa-two-hearts {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f495.svg\"); }\n\n.twa-revolving-hearts {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f49e.svg\"); }\n\n.twa-cupid {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f498.svg\"); }\n\n.twa-sparkling-heart {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f496.svg\"); }\n\n.twa-sparkles {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2728.svg\"); }\n\n.twa-star {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2b50.svg\"); }\n\n.twa-star2 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f31f.svg\"); }\n\n.twa-dizzy {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4ab.svg\"); }\n\n.twa-boom {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4a5.svg\"); }\n\n.twa-anger {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4a2.svg\"); }\n\n.twa-exclamation {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2757.svg\"); }\n\n.twa-question {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2753.svg\"); }\n\n.twa-grey-exclamation {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2755.svg\"); }\n\n.twa-grey-question {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2754.svg\"); }\n\n.twa-zzz {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4a4.svg\"); }\n\n.twa-dash {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4a8.svg\"); }\n\n.twa-sweat-drops {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4a6.svg\"); }\n\n.twa-notes {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3b6.svg\"); }\n\n.twa-musical-note {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3b5.svg\"); }\n\n.twa-fire {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f525.svg\"); }\n\n.twa-poop {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4a9.svg\"); }\n\n.twa-thumbsup {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f44d.svg\"); }\n\n.twa-thumbsdown {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f44e.svg\"); }\n\n.twa-ok-hand {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f44c.svg\"); }\n\n.twa-punch {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f44a.svg\"); }\n\n.twa-fist {\n background-image: url(\"https://twemoji.maxcdn.com/svg/270a.svg\"); }\n\n.twa-v {\n background-image: url(\"https://twemoji.maxcdn.com/svg/270c.svg\"); }\n\n.twa-wave {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f44b.svg\"); }\n\n.twa-hand {\n background-image: url(\"https://twemoji.maxcdn.com/svg/270b.svg\"); }\n\n.twa-open-hands {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f450.svg\"); }\n\n.twa-point-up {\n background-image: url(\"https://twemoji.maxcdn.com/svg/261d.svg\"); }\n\n.twa-point-down {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f447.svg\"); }\n\n.twa-point-left {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f448.svg\"); }\n\n.twa-point-right {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f449.svg\"); }\n\n.twa-raised-hands {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f64c.svg\"); }\n\n.twa-pray {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f64f.svg\"); }\n\n.twa-point-up-2 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f446.svg\"); }\n\n.twa-clap {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f44f.svg\"); }\n\n.twa-muscle {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4aa.svg\"); }\n\n.twa-walking {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6b6.svg\"); }\n\n.twa-runner {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3c3.svg\"); }\n\n.twa-couple {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f46b.svg\"); }\n\n.twa-family {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f46a.svg\"); }\n\n.twa-two-men-holding-hands {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f46c.svg\"); }\n\n.twa-two-women-holding-hands {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f46d.svg\"); }\n\n.twa-dancer {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f483.svg\"); }\n\n.twa-dancers {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f46f.svg\"); }\n\n.twa-ok-woman {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f646.svg\"); }\n\n.twa-no-good {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f645.svg\"); }\n\n.twa-information-desk-person {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f481.svg\"); }\n\n.twa-raised-hand {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f64b.svg\"); }\n\n.twa-bride-with-veil {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f470.svg\"); }\n\n.twa-person-with-pouting-face {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f64e.svg\"); }\n\n.twa-person-frowning {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f64d.svg\"); }\n\n.twa-bow {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f647.svg\"); }\n\n.twa-couplekiss {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f48f.svg\"); }\n\n.twa-couple-with-heart {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f491.svg\"); }\n\n.twa-massage {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f486.svg\"); }\n\n.twa-haircut {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f487.svg\"); }\n\n.twa-nail-care {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f485.svg\"); }\n\n.twa-boy {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f466.svg\"); }\n\n.twa-girl {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f467.svg\"); }\n\n.twa-woman {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f469.svg\"); }\n\n.twa-man {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f468.svg\"); }\n\n.twa-baby {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f476.svg\"); }\n\n.twa-older-woman {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f475.svg\"); }\n\n.twa-older-man {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f474.svg\"); }\n\n.twa-person-with-blond-hair {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f471.svg\"); }\n\n.twa-man-with-gua-pi-mao {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f472.svg\"); }\n\n.twa-man-with-turban {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f473.svg\"); }\n\n.twa-construction-worker {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f477.svg\"); }\n\n.twa-cop {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f46e.svg\"); }\n\n.twa-angel {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f47c.svg\"); }\n\n.twa-princess {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f478.svg\"); }\n\n.twa-smiley-cat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f63a.svg\"); }\n\n.twa-smile-cat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f638.svg\"); }\n\n.twa-heart-eyes-cat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f63b.svg\"); }\n\n.twa-kissing-cat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f63d.svg\"); }\n\n.twa-smirk-cat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f63c.svg\"); }\n\n.twa-scream-cat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f640.svg\"); }\n\n.twa-crying-cat-face {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f63f.svg\"); }\n\n.twa-joy-cat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f639.svg\"); }\n\n.twa-pouting-cat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f63e.svg\"); }\n\n.twa-japanese-ogre {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f479.svg\"); }\n\n.twa-japanese-goblin {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f47a.svg\"); }\n\n.twa-see-no-evil {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f648.svg\"); }\n\n.twa-hear-no-evil {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f649.svg\"); }\n\n.twa-speak-no-evil {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f64a.svg\"); }\n\n.twa-guardsman {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f482.svg\"); }\n\n.twa-skull {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f480.svg\"); }\n\n.twa-feet {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f463.svg\"); }\n\n.twa-lips {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f444.svg\"); }\n\n.twa-kiss {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f48b.svg\"); }\n\n.twa-droplet {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4a7.svg\"); }\n\n.twa-ear {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f442.svg\"); }\n\n.twa-eyes {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f440.svg\"); }\n\n.twa-nose {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f443.svg\"); }\n\n.twa-tongue {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f445.svg\"); }\n\n.twa-love-letter {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f48c.svg\"); }\n\n.twa-bust-in-silhouette {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f464.svg\"); }\n\n.twa-busts-in-silhouette {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f465.svg\"); }\n\n.twa-speech-balloon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4ac.svg\"); }\n\n.twa-thought-balloon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4ad.svg\"); }\n\n.twa-sunny {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2600.svg\"); }\n\n.twa-umbrella {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2614.svg\"); }\n\n.twa-cloud {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2601.svg\"); }\n\n.twa-snowflake {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2744.svg\"); }\n\n.twa-snowman {\n background-image: url(\"https://twemoji.maxcdn.com/svg/26c4.svg\"); }\n\n.twa-zap {\n background-image: url(\"https://twemoji.maxcdn.com/svg/26a1.svg\"); }\n\n.twa-cyclone {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f300.svg\"); }\n\n.twa-foggy {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f301.svg\"); }\n\n.twa-ocean {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f30a.svg\"); }\n\n.twa-cat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f431.svg\"); }\n\n.twa-dog {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f436.svg\"); }\n\n.twa-mouse {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f42d.svg\"); }\n\n.twa-hamster {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f439.svg\"); }\n\n.twa-rabbit {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f430.svg\"); }\n\n.twa-wolf {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f43a.svg\"); }\n\n.twa-frog {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f438.svg\"); }\n\n.twa-tiger {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f42f.svg\"); }\n\n.twa-koala {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f428.svg\"); }\n\n.twa-bear {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f43b.svg\"); }\n\n.twa-pig {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f437.svg\"); }\n\n.twa-pig-nose {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f43d.svg\"); }\n\n.twa-cow {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f42e.svg\"); }\n\n.twa-boar {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f417.svg\"); }\n\n.twa-monkey-face {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f435.svg\"); }\n\n.twa-monkey {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f412.svg\"); }\n\n.twa-horse {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f434.svg\"); }\n\n.twa-racehorse {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f40e.svg\"); }\n\n.twa-camel {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f42b.svg\"); }\n\n.twa-sheep {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f411.svg\"); }\n\n.twa-elephant {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f418.svg\"); }\n\n.twa-panda-face {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f43c.svg\"); }\n\n.twa-snake {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f40d.svg\"); }\n\n.twa-bird {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f426.svg\"); }\n\n.twa-baby-chick {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f424.svg\"); }\n\n.twa-hatched-chick {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f425.svg\"); }\n\n.twa-hatching-chick {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f423.svg\"); }\n\n.twa-chicken {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f414.svg\"); }\n\n.twa-penguin {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f427.svg\"); }\n\n.twa-turtle {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f422.svg\"); }\n\n.twa-bug {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f41b.svg\"); }\n\n.twa-honeybee {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f41d.svg\"); }\n\n.twa-ant {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f41c.svg\"); }\n\n.twa-beetle {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f41e.svg\"); }\n\n.twa-snail {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f40c.svg\"); }\n\n.twa-octopus {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f419.svg\"); }\n\n.twa-tropical-fish {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f420.svg\"); }\n\n.twa-fish {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f41f.svg\"); }\n\n.twa-whale {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f433.svg\"); }\n\n.twa-whale2 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f40b.svg\"); }\n\n.twa-dolphin {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f42c.svg\"); }\n\n.twa-cow2 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f404.svg\"); }\n\n.twa-ram {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f40f.svg\"); }\n\n.twa-rat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f400.svg\"); }\n\n.twa-water-buffalo {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f403.svg\"); }\n\n.twa-tiger2 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f405.svg\"); }\n\n.twa-rabbit2 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f407.svg\"); }\n\n.twa-dragon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f409.svg\"); }\n\n.twa-goat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f410.svg\"); }\n\n.twa-rooster {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f413.svg\"); }\n\n.twa-dog2 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f415.svg\"); }\n\n.twa-pig2 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f416.svg\"); }\n\n.twa-mouse2 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f401.svg\"); }\n\n.twa-ox {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f402.svg\"); }\n\n.twa-dragon-face {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f432.svg\"); }\n\n.twa-blowfish {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f421.svg\"); }\n\n.twa-crocodile {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f40a.svg\"); }\n\n.twa-dromedary-camel {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f42a.svg\"); }\n\n.twa-leopard {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f406.svg\"); }\n\n.twa-cat2 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f408.svg\"); }\n\n.twa-poodle {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f429.svg\"); }\n\n.twa-paw-prints {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f43e.svg\"); }\n\n.twa-bouquet {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f490.svg\"); }\n\n.twa-cherry-blossom {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f338.svg\"); }\n\n.twa-tulip {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f337.svg\"); }\n\n.twa-four-leaf-clover {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f340.svg\"); }\n\n.twa-rose {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f339.svg\"); }\n\n.twa-sunflower {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f33b.svg\"); }\n\n.twa-hibiscus {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f33a.svg\"); }\n\n.twa-maple-leaf {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f341.svg\"); }\n\n.twa-leaves {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f343.svg\"); }\n\n.twa-fallen-leaf {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f342.svg\"); }\n\n.twa-herb {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f33f.svg\"); }\n\n.twa-mushroom {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f344.svg\"); }\n\n.twa-cactus {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f335.svg\"); }\n\n.twa-palm-tree {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f334.svg\"); }\n\n.twa-evergreen-tree {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f332.svg\"); }\n\n.twa-deciduous-tree {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f333.svg\"); }\n\n.twa-chestnut {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f330.svg\"); }\n\n.twa-seedling {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f331.svg\"); }\n\n.twa-blossom {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f33c.svg\"); }\n\n.twa-ear-of-rice {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f33e.svg\"); }\n\n.twa-shell {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f41a.svg\"); }\n\n.twa-globe-with-meridians {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f310.svg\"); }\n\n.twa-sun-with-face {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f31e.svg\"); }\n\n.twa-full-moon-with-face {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f31d.svg\"); }\n\n.twa-new-moon-with-face {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f31a.svg\"); }\n\n.twa-new-moon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f311.svg\"); }\n\n.twa-waxing-crescent-moon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f312.svg\"); }\n\n.twa-first-quarter-moon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f313.svg\"); }\n\n.twa-waxing-gibbous-moon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f314.svg\"); }\n\n.twa-full-moon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f315.svg\"); }\n\n.twa-waning-gibbous-moon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f316.svg\"); }\n\n.twa-last-quarter-moon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f317.svg\"); }\n\n.twa-waning-crescent-moon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f318.svg\"); }\n\n.twa-last-quarter-moon-with-face {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f31c.svg\"); }\n\n.twa-first-quarter-moon-with-face {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f31b.svg\"); }\n\n.twa-moon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f319.svg\"); }\n\n.twa-earth-africa {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f30d.svg\"); }\n\n.twa-earth-americas {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f30e.svg\"); }\n\n.twa-earth-asia {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f30f.svg\"); }\n\n.twa-volcano {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f30b.svg\"); }\n\n.twa-milky-way {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f30c.svg\"); }\n\n.twa-partly-sunny {\n background-image: url(\"https://twemoji.maxcdn.com/svg/26c5.svg\"); }\n\n.twa-bamboo {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f38d.svg\"); }\n\n.twa-gift-heart {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f49d.svg\"); }\n\n.twa-dolls {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f38e.svg\"); }\n\n.twa-school-satchel {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f392.svg\"); }\n\n.twa-mortar-board {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f393.svg\"); }\n\n.twa-flags {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f38f.svg\"); }\n\n.twa-fireworks {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f386.svg\"); }\n\n.twa-sparkler {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f387.svg\"); }\n\n.twa-wind-chime {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f390.svg\"); }\n\n.twa-rice-scene {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f391.svg\"); }\n\n.twa-jack-o-lantern {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f383.svg\"); }\n\n.twa-ghost {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f47b.svg\"); }\n\n.twa-santa {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f385.svg\"); }\n\n.twa-8ball {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3b1.svg\"); }\n\n.twa-alarm-clock {\n background-image: url(\"https://twemoji.maxcdn.com/svg/23f0.svg\"); }\n\n.twa-apple {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f34e.svg\"); }\n\n.twa-art {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3a8.svg\"); }\n\n.twa-baby-bottle {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f37c.svg\"); }\n\n.twa-balloon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f388.svg\"); }\n\n.twa-banana {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f34c.svg\"); }\n\n.twa-bar-chart {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4ca.svg\"); }\n\n.twa-baseball {\n background-image: url(\"https://twemoji.maxcdn.com/svg/26be.svg\"); }\n\n.twa-basketball {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3c0.svg\"); }\n\n.twa-bath {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6c0.svg\"); }\n\n.twa-bathtub {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6c1.svg\"); }\n\n.twa-battery {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f50b.svg\"); }\n\n.twa-beer {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f37a.svg\"); }\n\n.twa-beers {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f37b.svg\"); }\n\n.twa-bell {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f514.svg\"); }\n\n.twa-bento {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f371.svg\"); }\n\n.twa-bicyclist {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6b4.svg\"); }\n\n.twa-bikini {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f459.svg\"); }\n\n.twa-birthday {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f382.svg\"); }\n\n.twa-black-joker {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f0cf.svg\"); }\n\n.twa-black-nib {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2712.svg\"); }\n\n.twa-blue-book {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4d8.svg\"); }\n\n.twa-bomb {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4a3.svg\"); }\n\n.twa-bookmark {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f516.svg\"); }\n\n.twa-bookmark-tabs {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4d1.svg\"); }\n\n.twa-books {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4da.svg\"); }\n\n.twa-boot {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f462.svg\"); }\n\n.twa-bowling {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3b3.svg\"); }\n\n.twa-bread {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f35e.svg\"); }\n\n.twa-briefcase {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4bc.svg\"); }\n\n.twa-bulb {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4a1.svg\"); }\n\n.twa-cake {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f370.svg\"); }\n\n.twa-calendar {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4c6.svg\"); }\n\n.twa-calling {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4f2.svg\"); }\n\n.twa-camera {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4f7.svg\"); }\n\n.twa-candy {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f36c.svg\"); }\n\n.twa-card-index {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4c7.svg\"); }\n\n.twa-cd {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4bf.svg\"); }\n\n.twa-chart-with-downwards-trend {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4c9.svg\"); }\n\n.twa-chart-with-upwards-trend {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4c8.svg\"); }\n\n.twa-cherries {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f352.svg\"); }\n\n.twa-chocolate-bar {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f36b.svg\"); }\n\n.twa-christmas-tree {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f384.svg\"); }\n\n.twa-clapper {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3ac.svg\"); }\n\n.twa-clipboard {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4cb.svg\"); }\n\n.twa-closed-book {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4d5.svg\"); }\n\n.twa-closed-lock-with-key {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f510.svg\"); }\n\n.twa-closed-umbrella {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f302.svg\"); }\n\n.twa-clubs {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2663.svg\"); }\n\n.twa-cocktail {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f378.svg\"); }\n\n.twa-coffee {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2615.svg\"); }\n\n.twa-computer {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4bb.svg\"); }\n\n.twa-confetti-ball {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f38a.svg\"); }\n\n.twa-cookie {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f36a.svg\"); }\n\n.twa-corn {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f33d.svg\"); }\n\n.twa-credit-card {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4b3.svg\"); }\n\n.twa-crown {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f451.svg\"); }\n\n.twa-crystal-ball {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f52e.svg\"); }\n\n.twa-curry {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f35b.svg\"); }\n\n.twa-custard {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f36e.svg\"); }\n\n.twa-dango {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f361.svg\"); }\n\n.twa-dart {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3af.svg\"); }\n\n.twa-date {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4c5.svg\"); }\n\n.twa-diamonds {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2666.svg\"); }\n\n.twa-dollar {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4b5.svg\"); }\n\n.twa-door {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6aa.svg\"); }\n\n.twa-doughnut {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f369.svg\"); }\n\n.twa-dress {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f457.svg\"); }\n\n.twa-dvd {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4c0.svg\"); }\n\n.twa-e-mail {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4e7.svg\"); }\n\n.twa-egg {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f373.svg\"); }\n\n.twa-eggplant {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f346.svg\"); }\n\n.twa-electric-plug {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f50c.svg\"); }\n\n.twa-email {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2709.svg\"); }\n\n.twa-euro {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4b6.svg\"); }\n\n.twa-eyeglasses {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f453.svg\"); }\n\n.twa-fax {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4e0.svg\"); }\n\n.twa-file-folder {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4c1.svg\"); }\n\n.twa-fish-cake {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f365.svg\"); }\n\n.twa-fishing-pole-and-fish {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3a3.svg\"); }\n\n.twa-flashlight {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f526.svg\"); }\n\n.twa-floppy-disk {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4be.svg\"); }\n\n.twa-flower-playing-cards {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3b4.svg\"); }\n\n.twa-football {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3c8.svg\"); }\n\n.twa-fork-and-knife {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f374.svg\"); }\n\n.twa-fried-shrimp {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f364.svg\"); }\n\n.twa-fries {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f35f.svg\"); }\n\n.twa-game-die {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3b2.svg\"); }\n\n.twa-gem {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f48e.svg\"); }\n\n.twa-gift {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f381.svg\"); }\n\n.twa-golf {\n background-image: url(\"https://twemoji.maxcdn.com/svg/26f3.svg\"); }\n\n.twa-grapes {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f347.svg\"); }\n\n.twa-green-apple {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f34f.svg\"); }\n\n.twa-green-book {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4d7.svg\"); }\n\n.twa-guitar {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3b8.svg\"); }\n\n.twa-gun {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f52b.svg\"); }\n\n.twa-hamburger {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f354.svg\"); }\n\n.twa-hammer {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f528.svg\"); }\n\n.twa-handbag {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f45c.svg\"); }\n\n.twa-headphones {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3a7.svg\"); }\n\n.twa-hearts {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2665.svg\"); }\n\n.twa-high-brightness {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f506.svg\"); }\n\n.twa-high-heel {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f460.svg\"); }\n\n.twa-hocho {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f52a.svg\"); }\n\n.twa-honey-pot {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f36f.svg\"); }\n\n.twa-horse-racing {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3c7.svg\"); }\n\n.twa-hourglass {\n background-image: url(\"https://twemoji.maxcdn.com/svg/231b.svg\"); }\n\n.twa-hourglass-flowing-sand {\n background-image: url(\"https://twemoji.maxcdn.com/svg/23f3.svg\"); }\n\n.twa-ice-cream {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f368.svg\"); }\n\n.twa-icecream {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f366.svg\"); }\n\n.twa-inbox-tray {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4e5.svg\"); }\n\n.twa-incoming-envelope {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4e8.svg\"); }\n\n.twa-iphone {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4f1.svg\"); }\n\n.twa-jeans {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f456.svg\"); }\n\n.twa-key {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f511.svg\"); }\n\n.twa-kimono {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f458.svg\"); }\n\n.twa-ledger {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4d2.svg\"); }\n\n.twa-lemon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f34b.svg\"); }\n\n.twa-lipstick {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f484.svg\"); }\n\n.twa-lock {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f512.svg\"); }\n\n.twa-lock-with-ink-pen {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f50f.svg\"); }\n\n.twa-lollipop {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f36d.svg\"); }\n\n.twa-loop {\n background-image: url(\"https://twemoji.maxcdn.com/svg/27bf.svg\"); }\n\n.twa-loudspeaker {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4e2.svg\"); }\n\n.twa-low-brightness {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f505.svg\"); }\n\n.twa-mag {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f50d.svg\"); }\n\n.twa-mag-right {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f50e.svg\"); }\n\n.twa-mahjong {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f004.svg\"); }\n\n.twa-mailbox {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4eb.svg\"); }\n\n.twa-mailbox-closed {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4ea.svg\"); }\n\n.twa-mailbox-with-mail {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4ec.svg\"); }\n\n.twa-mailbox-with-no-mail {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4ed.svg\"); }\n\n.twa-mans-shoe {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f45e.svg\"); }\n\n.twa-meat-on-bone {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f356.svg\"); }\n\n.twa-mega {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4e3.svg\"); }\n\n.twa-melon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f348.svg\"); }\n\n.twa-memo {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4dd.svg\"); }\n\n.twa-microphone {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3a4.svg\"); }\n\n.twa-microscope {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f52c.svg\"); }\n\n.twa-minidisc {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4bd.svg\"); }\n\n.twa-money-with-wings {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4b8.svg\"); }\n\n.twa-moneybag {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4b0.svg\"); }\n\n.twa-mountain-bicyclist {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6b5.svg\"); }\n\n.twa-movie-camera {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3a5.svg\"); }\n\n.twa-musical-keyboard {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3b9.svg\"); }\n\n.twa-musical-score {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3bc.svg\"); }\n\n.twa-mute {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f507.svg\"); }\n\n.twa-name-badge {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4db.svg\"); }\n\n.twa-necktie {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f454.svg\"); }\n\n.twa-newspaper {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4f0.svg\"); }\n\n.twa-no-bell {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f515.svg\"); }\n\n.twa-notebook {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4d3.svg\"); }\n\n.twa-notebook-with-decorative-cover {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4d4.svg\"); }\n\n.twa-nut-and-bolt {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f529.svg\"); }\n\n.twa-oden {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f362.svg\"); }\n\n.twa-open-file-folder {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4c2.svg\"); }\n\n.twa-orange-book {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4d9.svg\"); }\n\n.twa-outbox-tray {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4e4.svg\"); }\n\n.twa-page-facing-up {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4c4.svg\"); }\n\n.twa-page-with-curl {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4c3.svg\"); }\n\n.twa-pager {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4df.svg\"); }\n\n.twa-paperclip {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4ce.svg\"); }\n\n.twa-peach {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f351.svg\"); }\n\n.twa-pear {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f350.svg\"); }\n\n.twa-pencil2 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/270f.svg\"); }\n\n.twa-phone {\n background-image: url(\"https://twemoji.maxcdn.com/svg/260e.svg\"); }\n\n.twa-pill {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f48a.svg\"); }\n\n.twa-pineapple {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f34d.svg\"); }\n\n.twa-pizza {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f355.svg\"); }\n\n.twa-postal-horn {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4ef.svg\"); }\n\n.twa-postbox {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4ee.svg\"); }\n\n.twa-pouch {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f45d.svg\"); }\n\n.twa-poultry-leg {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f357.svg\"); }\n\n.twa-pound {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4b7.svg\"); }\n\n.twa-purse {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f45b.svg\"); }\n\n.twa-pushpin {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4cc.svg\"); }\n\n.twa-radio {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4fb.svg\"); }\n\n.twa-ramen {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f35c.svg\"); }\n\n.twa-ribbon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f380.svg\"); }\n\n.twa-rice {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f35a.svg\"); }\n\n.twa-rice-ball {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f359.svg\"); }\n\n.twa-rice-cracker {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f358.svg\"); }\n\n.twa-ring {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f48d.svg\"); }\n\n.twa-rugby-football {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3c9.svg\"); }\n\n.twa-running-shirt-with-sash {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3bd.svg\"); }\n\n.twa-sake {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f376.svg\"); }\n\n.twa-sandal {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f461.svg\"); }\n\n.twa-satellite {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4e1.svg\"); }\n\n.twa-saxophone {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3b7.svg\"); }\n\n.twa-scissors {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2702.svg\"); }\n\n.twa-scroll {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4dc.svg\"); }\n\n.twa-seat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4ba.svg\"); }\n\n.twa-shaved-ice {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f367.svg\"); }\n\n.twa-shirt {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f455.svg\"); }\n\n.twa-shower {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6bf.svg\"); }\n\n.twa-ski {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3bf.svg\"); }\n\n.twa-smoking {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6ac.svg\"); }\n\n.twa-snowboarder {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3c2.svg\"); }\n\n.twa-soccer {\n background-image: url(\"https://twemoji.maxcdn.com/svg/26bd.svg\"); }\n\n.twa-sound {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f509.svg\"); }\n\n.twa-space-invader {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f47e.svg\"); }\n\n.twa-spades {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2660.svg\"); }\n\n.twa-spaghetti {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f35d.svg\"); }\n\n.twa-speaker {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f50a.svg\"); }\n\n.twa-stew {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f372.svg\"); }\n\n.twa-straight-ruler {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4cf.svg\"); }\n\n.twa-strawberry {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f353.svg\"); }\n\n.twa-surfer {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3c4.svg\"); }\n\n.twa-sushi {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f363.svg\"); }\n\n.twa-sweet-potato {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f360.svg\"); }\n\n.twa-swimmer {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3ca.svg\"); }\n\n.twa-syringe {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f489.svg\"); }\n\n.twa-tada {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f389.svg\"); }\n\n.twa-tanabata-tree {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f38b.svg\"); }\n\n.twa-tangerine {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f34a.svg\"); }\n\n.twa-tea {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f375.svg\"); }\n\n.twa-telephone-receiver {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4de.svg\"); }\n\n.twa-telescope {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f52d.svg\"); }\n\n.twa-tennis {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3be.svg\"); }\n\n.twa-toilet {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6bd.svg\"); }\n\n.twa-tomato {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f345.svg\"); }\n\n.twa-tophat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3a9.svg\"); }\n\n.twa-triangular-ruler {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4d0.svg\"); }\n\n.twa-trophy {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3c6.svg\"); }\n\n.twa-tropical-drink {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f379.svg\"); }\n\n.twa-trumpet {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3ba.svg\"); }\n\n.twa-tv {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4fa.svg\"); }\n\n.twa-unlock {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f513.svg\"); }\n\n.twa-vhs {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4fc.svg\"); }\n\n.twa-video-camera {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4f9.svg\"); }\n\n.twa-video-game {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3ae.svg\"); }\n\n.twa-violin {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3bb.svg\"); }\n\n.twa-watch {\n background-image: url(\"https://twemoji.maxcdn.com/svg/231a.svg\"); }\n\n.twa-watermelon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f349.svg\"); }\n\n.twa-wine-glass {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f377.svg\"); }\n\n.twa-womans-clothes {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f45a.svg\"); }\n\n.twa-womans-hat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f452.svg\"); }\n\n.twa-wrench {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f527.svg\"); }\n\n.twa-yen {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4b4.svg\"); }\n\n.twa-aerial-tramway {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6a1.svg\"); }\n\n.twa-airplane {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2708.svg\"); }\n\n.twa-ambulance {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f691.svg\"); }\n\n.twa-anchor {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2693.svg\"); }\n\n.twa-articulated-lorry {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f69b.svg\"); }\n\n.twa-atm {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3e7.svg\"); }\n\n.twa-bank {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3e6.svg\"); }\n\n.twa-barber {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f488.svg\"); }\n\n.twa-beginner {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f530.svg\"); }\n\n.twa-bike {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6b2.svg\"); }\n\n.twa-blue-car {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f699.svg\"); }\n\n.twa-boat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/26f5.svg\"); }\n\n.twa-bridge-at-night {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f309.svg\"); }\n\n.twa-bullettrain-front {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f685.svg\"); }\n\n.twa-bullettrain-side {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f684.svg\"); }\n\n.twa-bus {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f68c.svg\"); }\n\n.twa-busstop {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f68f.svg\"); }\n\n.twa-car {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f697.svg\"); }\n\n.twa-carousel-horse {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3a0.svg\"); }\n\n.twa-checkered-flag {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3c1.svg\"); }\n\n.twa-church {\n background-image: url(\"https://twemoji.maxcdn.com/svg/26ea.svg\"); }\n\n.twa-circus-tent {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3aa.svg\"); }\n\n.twa-city-sunrise {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f307.svg\"); }\n\n.twa-city-sunset {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f306.svg\"); }\n\n.twa-construction {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6a7.svg\"); }\n\n.twa-convenience-store {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3ea.svg\"); }\n\n.twa-crossed-flags {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f38c.svg\"); }\n\n.twa-department-store {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3ec.svg\"); }\n\n.twa-european-castle {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3f0.svg\"); }\n\n.twa-european-post-office {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3e4.svg\"); }\n\n.twa-factory {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3ed.svg\"); }\n\n.twa-ferris-wheel {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3a1.svg\"); }\n\n.twa-fire-engine {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f692.svg\"); }\n\n.twa-fountain {\n background-image: url(\"https://twemoji.maxcdn.com/svg/26f2.svg\"); }\n\n.twa-fuelpump {\n background-image: url(\"https://twemoji.maxcdn.com/svg/26fd.svg\"); }\n\n.twa-helicopter {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f681.svg\"); }\n\n.twa-hospital {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3e5.svg\"); }\n\n.twa-hotel {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3e8.svg\"); }\n\n.twa-hotsprings {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2668.svg\"); }\n\n.twa-house {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3e0.svg\"); }\n\n.twa-house-with-garden {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3e1.svg\"); }\n\n.twa-japan {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f5fe.svg\"); }\n\n.twa-japanese-castle {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3ef.svg\"); }\n\n.twa-light-rail {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f688.svg\"); }\n\n.twa-love-hotel {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3e9.svg\"); }\n\n.twa-minibus {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f690.svg\"); }\n\n.twa-monorail {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f69d.svg\"); }\n\n.twa-mount-fuji {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f5fb.svg\"); }\n\n.twa-mountain-cableway {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6a0.svg\"); }\n\n.twa-mountain-railway {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f69e.svg\"); }\n\n.twa-moyai {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f5ff.svg\"); }\n\n.twa-office {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3e2.svg\"); }\n\n.twa-oncoming-automobile {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f698.svg\"); }\n\n.twa-oncoming-bus {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f68d.svg\"); }\n\n.twa-oncoming-police-car {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f694.svg\"); }\n\n.twa-oncoming-taxi {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f696.svg\"); }\n\n.twa-performing-arts {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3ad.svg\"); }\n\n.twa-police-car {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f693.svg\"); }\n\n.twa-post-office {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3e3.svg\"); }\n\n.twa-railway-car {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f683.svg\"); }\n\n.twa-rainbow {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f308.svg\"); }\n\n.twa-rocket {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f680.svg\"); }\n\n.twa-roller-coaster {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3a2.svg\"); }\n\n.twa-rotating-light {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6a8.svg\"); }\n\n.twa-round-pushpin {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4cd.svg\"); }\n\n.twa-rowboat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6a3.svg\"); }\n\n.twa-school {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3eb.svg\"); }\n\n.twa-ship {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6a2.svg\"); }\n\n.twa-slot-machine {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3b0.svg\"); }\n\n.twa-speedboat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6a4.svg\"); }\n\n.twa-stars {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f303.svg\"); }\n\n.twa-station {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f689.svg\"); }\n\n.twa-statue-of-liberty {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f5fd.svg\"); }\n\n.twa-steam-locomotive {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f682.svg\"); }\n\n.twa-sunrise {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f305.svg\"); }\n\n.twa-sunrise-over-mountains {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f304.svg\"); }\n\n.twa-suspension-railway {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f69f.svg\"); }\n\n.twa-taxi {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f695.svg\"); }\n\n.twa-tent {\n background-image: url(\"https://twemoji.maxcdn.com/svg/26fa.svg\"); }\n\n.twa-ticket {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3ab.svg\"); }\n\n.twa-tokyo-tower {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f5fc.svg\"); }\n\n.twa-tractor {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f69c.svg\"); }\n\n.twa-traffic-light {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6a5.svg\"); }\n\n.twa-train2 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f686.svg\"); }\n\n.twa-tram {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f68a.svg\"); }\n\n.twa-triangular-flag-on-post {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6a9.svg\"); }\n\n.twa-trolleybus {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f68e.svg\"); }\n\n.twa-truck {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f69a.svg\"); }\n\n.twa-vertical-traffic-light {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6a6.svg\"); }\n\n.twa-warning {\n background-image: url(\"https://twemoji.maxcdn.com/svg/26a0.svg\"); }\n\n.twa-wedding {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f492.svg\"); }\n\n.twa-jp {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f1ef-1f1f5.svg\"); }\n\n.twa-kr {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f1f0-1f1f7.svg\"); }\n\n.twa-cn {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f1e8-1f1f3.svg\"); }\n\n.twa-us {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f1fa-1f1f8.svg\"); }\n\n.twa-fr {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f1eb-1f1f7.svg\"); }\n\n.twa-es {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f1ea-1f1f8.svg\"); }\n\n.twa-it {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f1ee-1f1f9.svg\"); }\n\n.twa-ru {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f1f7-1f1fa.svg\"); }\n\n.twa-gb {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f1ec-1f1e7.svg\"); }\n\n.twa-de {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f1e9-1f1ea.svg\"); }\n\n.twa-100 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4af.svg\"); }\n\n.twa-1234 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f522.svg\"); }\n\n.twa-a {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f170.svg\"); }\n\n.twa-ab {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f18e.svg\"); }\n\n.twa-abc {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f524.svg\"); }\n\n.twa-abcd {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f521.svg\"); }\n\n.twa-accept {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f251.svg\"); }\n\n.twa-aquarius {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2652.svg\"); }\n\n.twa-aries {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2648.svg\"); }\n\n.twa-arrow-backward {\n background-image: url(\"https://twemoji.maxcdn.com/svg/25c0.svg\"); }\n\n.twa-arrow-double-down {\n background-image: url(\"https://twemoji.maxcdn.com/svg/23ec.svg\"); }\n\n.twa-arrow-double-up {\n background-image: url(\"https://twemoji.maxcdn.com/svg/23eb.svg\"); }\n\n.twa-arrow-down {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2b07.svg\"); }\n\n.twa-arrow-down-small {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f53d.svg\"); }\n\n.twa-arrow-forward {\n background-image: url(\"https://twemoji.maxcdn.com/svg/25b6.svg\"); }\n\n.twa-arrow-heading-down {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2935.svg\"); }\n\n.twa-arrow-heading-up {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2934.svg\"); }\n\n.twa-arrow-left {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2b05.svg\"); }\n\n.twa-arrow-lower-left {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2199.svg\"); }\n\n.twa-arrow-lower-right {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2198.svg\"); }\n\n.twa-arrow-right {\n background-image: url(\"https://twemoji.maxcdn.com/svg/27a1.svg\"); }\n\n.twa-arrow-right-hook {\n background-image: url(\"https://twemoji.maxcdn.com/svg/21aa.svg\"); }\n\n.twa-arrow-up {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2b06.svg\"); }\n\n.twa-arrow-up-down {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2195.svg\"); }\n\n.twa-arrow-up-small {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f53c.svg\"); }\n\n.twa-arrow-upper-left {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2196.svg\"); }\n\n.twa-arrow-upper-right {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2197.svg\"); }\n\n.twa-arrows-clockwise {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f503.svg\"); }\n\n.twa-arrows-counterclockwise {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f504.svg\"); }\n\n.twa-b {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f171.svg\"); }\n\n.twa-baby-symbol {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6bc.svg\"); }\n\n.twa-baggage-claim {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6c4.svg\"); }\n\n.twa-ballot-box-with-check {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2611.svg\"); }\n\n.twa-bangbang {\n background-image: url(\"https://twemoji.maxcdn.com/svg/203c.svg\"); }\n\n.twa-black-circle {\n background-image: url(\"https://twemoji.maxcdn.com/svg/26ab.svg\"); }\n\n.twa-black-square-button {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f532.svg\"); }\n\n.twa-cancer {\n background-image: url(\"https://twemoji.maxcdn.com/svg/264b.svg\"); }\n\n.twa-capital-abcd {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f520.svg\"); }\n\n.twa-capricorn {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2651.svg\"); }\n\n.twa-chart {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4b9.svg\"); }\n\n.twa-children-crossing {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6b8.svg\"); }\n\n.twa-cinema {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f3a6.svg\"); }\n\n.twa-cl {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f191.svg\"); }\n\n.twa-clock1 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f550.svg\"); }\n\n.twa-clock10 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f559.svg\"); }\n\n.twa-clock1030 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f565.svg\"); }\n\n.twa-clock11 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f55a.svg\"); }\n\n.twa-clock1130 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f566.svg\"); }\n\n.twa-clock12 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f55b.svg\"); }\n\n.twa-clock1230 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f567.svg\"); }\n\n.twa-clock130 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f55c.svg\"); }\n\n.twa-clock2 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f551.svg\"); }\n\n.twa-clock230 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f55d.svg\"); }\n\n.twa-clock3 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f552.svg\"); }\n\n.twa-clock330 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f55e.svg\"); }\n\n.twa-clock4 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f553.svg\"); }\n\n.twa-clock430 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f55f.svg\"); }\n\n.twa-clock5 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f554.svg\"); }\n\n.twa-clock530 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f560.svg\"); }\n\n.twa-clock6 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f555.svg\"); }\n\n.twa-clock630 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f561.svg\"); }\n\n.twa-clock7 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f556.svg\"); }\n\n.twa-clock730 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f562.svg\"); }\n\n.twa-clock8 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f557.svg\"); }\n\n.twa-clock830 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f563.svg\"); }\n\n.twa-clock9 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f558.svg\"); }\n\n.twa-clock930 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f564.svg\"); }\n\n.twa-congratulations {\n background-image: url(\"https://twemoji.maxcdn.com/svg/3297.svg\"); }\n\n.twa-cool {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f192.svg\"); }\n\n.twa-copyright {\n background-image: url(\"https://twemoji.maxcdn.com/svg/a9.svg\"); }\n\n.twa-curly-loop {\n background-image: url(\"https://twemoji.maxcdn.com/svg/27b0.svg\"); }\n\n.twa-currency-exchange {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4b1.svg\"); }\n\n.twa-customs {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6c3.svg\"); }\n\n.twa-diamond-shape-with-a-dot-inside {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4a0.svg\"); }\n\n.twa-do-not-litter {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6af.svg\"); }\n\n.twa-eight {\n background-image: url(\"https://twemoji.maxcdn.com/svg/38-20e3.svg\"); }\n\n.twa-eight-pointed-black-star {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2734.svg\"); }\n\n.twa-eight-spoked-asterisk {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2733.svg\"); }\n\n.twa-end {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f51a.svg\"); }\n\n.twa-fast-forward {\n background-image: url(\"https://twemoji.maxcdn.com/svg/23e9.svg\"); }\n\n.twa-five {\n background-image: url(\"https://twemoji.maxcdn.com/svg/35-20e3.svg\"); }\n\n.twa-four {\n background-image: url(\"https://twemoji.maxcdn.com/svg/34-20e3.svg\"); }\n\n.twa-free {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f193.svg\"); }\n\n.twa-gemini {\n background-image: url(\"https://twemoji.maxcdn.com/svg/264a.svg\"); }\n\n.twa-hash {\n background-image: url(\"https://twemoji.maxcdn.com/svg/23-20e3.svg\"); }\n\n.twa-heart-decoration {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f49f.svg\"); }\n\n.twa-heavy-check-mark {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2714.svg\"); }\n\n.twa-heavy-division-sign {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2797.svg\"); }\n\n.twa-heavy-dollar-sign {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4b2.svg\"); }\n\n.twa-heavy-minus-sign {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2796.svg\"); }\n\n.twa-heavy-multiplication-x {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2716.svg\"); }\n\n.twa-heavy-plus-sign {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2795.svg\"); }\n\n.twa-id {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f194.svg\"); }\n\n.twa-ideograph-advantage {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f250.svg\"); }\n\n.twa-information-source {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2139.svg\"); }\n\n.twa-interrobang {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2049.svg\"); }\n\n.twa-keycap-ten {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f51f.svg\"); }\n\n.twa-koko {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f201.svg\"); }\n\n.twa-large-blue-circle {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f535.svg\"); }\n\n.twa-large-blue-diamond {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f537.svg\"); }\n\n.twa-large-orange-diamond {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f536.svg\"); }\n\n.twa-left-luggage {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6c5.svg\"); }\n\n.twa-left-right-arrow {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2194.svg\"); }\n\n.twa-leftwards-arrow-with-hook {\n background-image: url(\"https://twemoji.maxcdn.com/svg/21a9.svg\"); }\n\n.twa-leo {\n background-image: url(\"https://twemoji.maxcdn.com/svg/264c.svg\"); }\n\n.twa-libra {\n background-image: url(\"https://twemoji.maxcdn.com/svg/264e.svg\"); }\n\n.twa-link {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f517.svg\"); }\n\n.twa-m {\n background-image: url(\"https://twemoji.maxcdn.com/svg/24c2.svg\"); }\n\n.twa-mens {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6b9.svg\"); }\n\n.twa-metro {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f687.svg\"); }\n\n.twa-mobile-phone-off {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4f4.svg\"); }\n\n.twa-negative-squared-cross-mark {\n background-image: url(\"https://twemoji.maxcdn.com/svg/274e.svg\"); }\n\n.twa-new {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f195.svg\"); }\n\n.twa-ng {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f196.svg\"); }\n\n.twa-nine {\n background-image: url(\"https://twemoji.maxcdn.com/svg/39-20e3.svg\"); }\n\n.twa-no-bicycles {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6b3.svg\"); }\n\n.twa-no-entry {\n background-image: url(\"https://twemoji.maxcdn.com/svg/26d4.svg\"); }\n\n.twa-no-entry-sign {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6ab.svg\"); }\n\n.twa-no-mobile-phones {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4f5.svg\"); }\n\n.twa-no-pedestrians {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6b7.svg\"); }\n\n.twa-no-smoking {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6ad.svg\"); }\n\n.twa-non-potable-water {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6b1.svg\"); }\n\n.twa-o {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2b55.svg\"); }\n\n.twa-o2 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f17e.svg\"); }\n\n.twa-ok {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f197.svg\"); }\n\n.twa-on {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f51b.svg\"); }\n\n.twa-one {\n background-image: url(\"https://twemoji.maxcdn.com/svg/31-20e3.svg\"); }\n\n.twa-ophiuchus {\n background-image: url(\"https://twemoji.maxcdn.com/svg/26ce.svg\"); }\n\n.twa-parking {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f17f.svg\"); }\n\n.twa-part-alternation-mark {\n background-image: url(\"https://twemoji.maxcdn.com/svg/303d.svg\"); }\n\n.twa-passport-control {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6c2.svg\"); }\n\n.twa-pisces {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2653.svg\"); }\n\n.twa-potable-water {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6b0.svg\"); }\n\n.twa-put-litter-in-its-place {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6ae.svg\"); }\n\n.twa-radio-button {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f518.svg\"); }\n\n.twa-recycle {\n background-image: url(\"https://twemoji.maxcdn.com/svg/267b.svg\"); }\n\n.twa-red-circle {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f534.svg\"); }\n\n.twa-registered {\n background-image: url(\"https://twemoji.maxcdn.com/svg/ae.svg\"); }\n\n.twa-repeat {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f501.svg\"); }\n\n.twa-repeat-one {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f502.svg\"); }\n\n.twa-restroom {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6bb.svg\"); }\n\n.twa-rewind {\n background-image: url(\"https://twemoji.maxcdn.com/svg/23ea.svg\"); }\n\n.twa-sa {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f202.svg\"); }\n\n.twa-sagittarius {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2650.svg\"); }\n\n.twa-scorpius {\n background-image: url(\"https://twemoji.maxcdn.com/svg/264f.svg\"); }\n\n.twa-secret {\n background-image: url(\"https://twemoji.maxcdn.com/svg/3299.svg\"); }\n\n.twa-seven {\n background-image: url(\"https://twemoji.maxcdn.com/svg/37-20e3.svg\"); }\n\n.twa-signal-strength {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4f6.svg\"); }\n\n.twa-six {\n background-image: url(\"https://twemoji.maxcdn.com/svg/36-20e3.svg\"); }\n\n.twa-six-pointed-star {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f52f.svg\"); }\n\n.twa-small-blue-diamond {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f539.svg\"); }\n\n.twa-small-orange-diamond {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f538.svg\"); }\n\n.twa-small-red-triangle {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f53a.svg\"); }\n\n.twa-small-red-triangle-down {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f53b.svg\"); }\n\n.twa-soon {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f51c.svg\"); }\n\n.twa-sos {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f198.svg\"); }\n\n.twa-symbols {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f523.svg\"); }\n\n.twa-taurus {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2649.svg\"); }\n\n.twa-three {\n background-image: url(\"https://twemoji.maxcdn.com/svg/33-20e3.svg\"); }\n\n.twa-tm {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2122.svg\"); }\n\n.twa-top {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f51d.svg\"); }\n\n.twa-trident {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f531.svg\"); }\n\n.twa-twisted-rightwards-arrows {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f500.svg\"); }\n\n.twa-two {\n background-image: url(\"https://twemoji.maxcdn.com/svg/32-20e3.svg\"); }\n\n.twa-u5272 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f239.svg\"); }\n\n.twa-u5408 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f234.svg\"); }\n\n.twa-u55b6 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f23a.svg\"); }\n\n.twa-u6307 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f22f.svg\"); }\n\n.twa-u6708 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f237.svg\"); }\n\n.twa-u6709 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f236.svg\"); }\n\n.twa-u6e80 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f235.svg\"); }\n\n.twa-u7121 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f21a.svg\"); }\n\n.twa-u7533 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f238.svg\"); }\n\n.twa-u7981 {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f232.svg\"); }\n\n.twa-u7a7a {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f233.svg\"); }\n\n.twa-underage {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f51e.svg\"); }\n\n.twa-up {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f199.svg\"); }\n\n.twa-vibration-mode {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4f3.svg\"); }\n\n.twa-virgo {\n background-image: url(\"https://twemoji.maxcdn.com/svg/264d.svg\"); }\n\n.twa-vs {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f19a.svg\"); }\n\n.twa-wavy-dash {\n background-image: url(\"https://twemoji.maxcdn.com/svg/3030.svg\"); }\n\n.twa-wc {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6be.svg\"); }\n\n.twa-wheelchair {\n background-image: url(\"https://twemoji.maxcdn.com/svg/267f.svg\"); }\n\n.twa-white-check-mark {\n background-image: url(\"https://twemoji.maxcdn.com/svg/2705.svg\"); }\n\n.twa-white-circle {\n background-image: url(\"https://twemoji.maxcdn.com/svg/26aa.svg\"); }\n\n.twa-white-flower {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f4ae.svg\"); }\n\n.twa-white-square-button {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f533.svg\"); }\n\n.twa-womens {\n background-image: url(\"https://twemoji.maxcdn.com/svg/1f6ba.svg\"); }\n\n.twa-x {\n background-image: url(\"https://twemoji.maxcdn.com/svg/274c.svg\"); }\n\n.twa-zero {\n background-image: url(\"https://twemoji.maxcdn.com/svg/30-20e3.svg\"); }\n\n/*!\r\n * jQuery contextMenu - Plugin for simple contextMenu handling\r\n *\r\n * Version: v2.2.5-dev\r\n *\r\n * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF)\r\n * Web: http://swisnl.github.io/jQuery-contextMenu/\r\n *\r\n * Copyright (c) 2011-2016 SWIS BV and contributors\r\n *\r\n * Licensed under\r\n * MIT License http://www.opensource.org/licenses/mit-license\r\n *\r\n * Date: 2016-08-27T11:09:08.919Z\r\n */\n.context-menu-icon {\n display: list-item;\n font-family: inherit; }\n\n.context-menu-icon::before {\n position: absolute;\n top: 50%;\n left: 0;\n width: 2em;\n font-family: FontAwesome;\n font-size: 14px;\n font-style: normal;\n font-weight: normal;\n line-height: 1;\n color: #2196f3;\n text-align: center;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n -o-transform: translateY(-50%);\n transform: translateY(-50%);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale; }\n\n.context-menu-icon.context-menu-hover:before {\n color: #fff; }\n\n.context-menu-icon.context-menu-disabled::before {\n color: #bbb; }\n\n.context-menu-list {\n position: absolute;\n display: inline-block;\n min-width: 13em;\n max-width: 26em;\n padding: 0 0;\n margin: .3em;\n font-family: inherit;\n font-size: 14px;\n list-style-type: none;\n background: #fff;\n border: 1px solid #2196f3;\n border-radius: .2em;\n -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); }\n\n.context-menu-item {\n position: relative;\n padding: 7px 2em;\n color: #69707a;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: #fff;\n font-size: 14px;\n text-align: left; }\n\n.context-menu-separator {\n padding: 0;\n margin: .35em 0;\n border-bottom: 1px solid #e6e6e6; }\n\n.context-menu-item.context-menu-hover {\n color: #fff;\n cursor: pointer;\n background-color: #2196f3; }\n\n.context-menu-item.context-menu-disabled {\n color: #bbb;\n cursor: default;\n background-color: #fff; }\n\n.context-menu-input.context-menu-hover {\n cursor: default; }\n\n.context-menu-submenu:after {\n position: absolute;\n top: 50%;\n right: .5em;\n z-index: 1;\n width: 0;\n height: 0;\n content: '';\n border-color: transparent transparent transparent #2f2f2f;\n border-style: solid;\n border-width: .25em 0 .25em .25em;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n -o-transform: translateY(-50%);\n transform: translateY(-50%); }\n\n.context-menu-item > .context-menu-list {\n top: .3em;\n /* re-positioned by js */\n right: -.3em;\n display: none; }\n\n.context-menu-item.context-menu-visible > .context-menu-list {\n display: block; }\n\n.context-menu-accesskey {\n text-decoration: underline; }\n\n.editor-toolbar {\n z-index: 2;\n background-color: #1a237e;\n border: none;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n opacity: 1;\n position: fixed;\n top: 50px;\n left: 0;\n width: 100%; }\n .editor-toolbar:hover {\n opacity: 1; }\n .editor-toolbar a {\n color: #FFF !important;\n border: none;\n transition: background-color 0.4s ease; }\n .editor-toolbar a.active, .editor-toolbar a:hover, .editor-toolbar a:focus {\n background-color: rgba(0, 0, 0, 0.5);\n outline: none; }\n .editor-toolbar i.separator {\n margin-top: 5px;\n border-left-color: #000;\n border-right-color: #AAA; }\n\n.editor-modal-load {\n display: flex;\n align-items: center;\n opacity: 0;\n transition: opacity .5s ease; }\n .editor-modal-load span {\n font-size: 12px;\n color: #2196f3; }\n .editor-modal-load i {\n margin-left: 10px;\n width: 32px;\n height: 32px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .editor-modal-load i::before {\n content: \" \";\n width: 24px;\n height: 24px;\n border-radius: 50%;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 2px 1px 0 #2196f3;\n -webkit-animation: spin 0.5s linear infinite;\n -moz-animation: spin 0.5s linear infinite;\n -ms-animation: spin 0.5s linear infinite;\n -o-animation: spin 0.5s linear infinite;\n animation: spin 0.5s linear infinite; }\n\n@-webkit-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-moz-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-o-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n .editor-modal-load.is-active {\n opacity: 1; }\n\n#btn-editor-image-upload, #btn-editor-file-upload {\n position: relative;\n overflow: hidden; }\n #btn-editor-image-upload > label, #btn-editor-file-upload > label {\n display: block;\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer; }\n #btn-editor-image-upload > label input[type=file], #btn-editor-file-upload > label input[type=file] {\n opacity: 0;\n position: absolute;\n top: -9999px;\n left: -9999px; }\n\n.editor-modal-image-choices {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n overflow: auto;\n overflow-x: hidden; }\n .editor-modal-image-choices > em {\n display: flex;\n align-items: center;\n padding: 25px;\n color: #9e9e9e; }\n .editor-modal-image-choices > em > i {\n font-size: 32px;\n margin-right: 10px;\n color: #e0e0e0; }\n .editor-modal-image-choices > figure {\n display: flex;\n flex-direction: column;\n background-color: #FAFAFA;\n border-radius: 5px;\n padding: 5px;\n width: 160px;\n min-height: 205px;\n margin: 0 5px 10px 5px;\n cursor: pointer;\n justify-content: center;\n align-items: center;\n transition: background-color 0.4s ease; }\n .editor-modal-image-choices > figure > img {\n border: 1px solid #DDD;\n border-radius: 5px;\n padding: 2px;\n background-color: #FFF;\n margin: 0 0 5px 0; }\n .editor-modal-image-choices > figure > span {\n font-size: 12px; }\n .editor-modal-image-choices > figure > span > strong {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n width: 150px;\n text-align: center; }\n .editor-modal-image-choices > figure:hover {\n background-color: #DDD; }\n .editor-modal-image-choices > figure.is-active {\n background-color: #4caf50;\n color: #FFF; }\n .editor-modal-image-choices > figure.is-active > img {\n border-color: #3d8b40; }\n .editor-modal-image-choices > figure.is-active > span > strong {\n color: #FFF; }\n .editor-modal-image-choices > figure.is-contextopen {\n background-color: #2196f3;\n color: #FFF; }\n .editor-modal-image-choices > figure.is-contextopen > img {\n border-color: #0c7cd5; }\n .editor-modal-image-choices > figure.is-contextopen > span > strong {\n color: #FFF; }\n\n.editor-modal-file-choices {\n overflow: auto;\n overflow-x: hidden; }\n .editor-modal-file-choices > em {\n display: flex;\n align-items: center;\n padding: 25px;\n color: #9e9e9e; }\n .editor-modal-file-choices > em > i {\n font-size: 32px;\n margin-right: 10px;\n color: #e0e0e0; }\n .editor-modal-file-choices > figure {\n display: flex;\n background-color: #FAFAFA;\n border-radius: 3px;\n padding: 5px;\n height: 34px;\n margin: 0 0 5px 0;\n cursor: pointer;\n justify-content: flex-start;\n align-items: center;\n transition: background-color 0.4s ease; }\n .editor-modal-file-choices > figure > i {\n width: 16px; }\n .editor-modal-file-choices > figure > span {\n font-size: 14px;\n flex: 0 1 auto;\n padding: 0 15px;\n color: #757575; }\n .editor-modal-file-choices > figure > span:first-of-type {\n flex: 1 0 auto;\n color: #424242; }\n .editor-modal-file-choices > figure > span:last-of-type {\n width: 100px; }\n .editor-modal-file-choices > figure:hover {\n background-color: #DDD; }\n .editor-modal-file-choices > figure.is-active {\n background-color: #4caf50;\n color: #FFF; }\n .editor-modal-file-choices > figure.is-active > span, .editor-modal-file-choices > figure.is-active strong {\n color: #FFF; }\n .editor-modal-file-choices > figure.is-contextopen {\n background-color: #2196f3;\n color: #FFF; }\n .editor-modal-file-choices > figure.is-contextopen > span, .editor-modal-file-choices > figure.is-contextopen strong {\n color: #FFF; }\n\n.editor-modal-imagealign .control > span {\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #aeb1b5;\n font-size: 11px; }\n\n.editor-modal-imagealign > .is-grouped {\n display: flex;\n align-items: center;\n justify-content: center; }\n\n.editor-modal-imagealign .button > .icon {\n margin: 0; }\n\n.editor-modal-folderlist {\n height: 100%;\n overflow: auto;\n overflow-x: hidden; }\n\n.CodeMirror {\n border-left: none;\n border-right: none;\n padding-top: 52px;\n font-family: Consolas, \"Liberation Mono\", Menlo, Courier, monospace; }\n\n.CodeMirror .CodeMirror-code .cm-url {\n color: #00ACC1; }\n\n.CodeMirror .CodeMirror-code .cm-header-1 {\n color: #635c8c;\n font-size: 2em;\n font-weight: 400; }\n\n.CodeMirror .CodeMirror-code .cm-header-2 {\n color: #222324;\n font-size: 1.75em;\n font-weight: 300; }\n\n.CodeMirror .CodeMirror-code .cm-header-3 {\n color: #222324;\n font-size: 1.5em;\n font-weight: 300; }\n\n.editor-toolbar .fa {\n font-size: 14px; }\n\n.ace-container {\n position: relative; }\n\n/*.ace_scroller {\r\n\twidth: 100%;\r\n}\r\n.ace_content {\r\n\theight: 100%;\r\n}*/\n#page-type-source .ace-container {\n min-height: 95vh; }\n\n#modal-editor-codeblock .ace-container {\n display: flex;\n align-items: stretch;\n padding: 0;\n position: relative;\n width: 100%;\n height: 100%; }\n\n#source-display, #codeblock-editor {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0; }\n\n#header-container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 4; }\n\n#header {\n z-index: 5; }\n\n#notifload {\n width: 42px;\n display: flex;\n justify-content: center;\n align-items: center;\n opacity: 0;\n transition: opacity .5s ease; }\n #notifload::before {\n content: \" \";\n width: 24px;\n height: 24px;\n border-radius: 50%;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 2px 1px 0 #c5cae9;\n -webkit-animation: spin 0.5s linear infinite;\n -moz-animation: spin 0.5s linear infinite;\n -ms-animation: spin 0.5s linear infinite;\n -o-animation: spin 0.5s linear infinite;\n animation: spin 0.5s linear infinite; }\n\n@-webkit-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-moz-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-o-keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes spin {\n 100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg); } }\n #notifload.active {\n opacity: 1; }\n\n#search-input {\n max-width: 300px;\n width: 33vw; }\n\n.welcome {\n text-align: center;\n padding: 50px 0;\n color: #616161; }\n .welcome h1 {\n margin-top: 15px; }\n .welcome h2 {\n margin-top: 15px;\n margin-bottom: 50px; }\n\n/*# sourceMappingURL=app.scss.map */"); @@ -28419,30884 +28120,24999 @@ ___scope___.file("lodash.js", function(exports, require, module, __filename, __d }); return ___scope___.entry = "lodash.js"; }); -FuseBox.pkg("vue", {}, function(___scope___){ -___scope___.file("dist/vue.js", function(exports, require, module, __filename, __dirname){ - -/*! - * Vue.js v2.2.5 - * (c) 2014-2017 Evan You - * Released under the MIT License. - */ -(function (global, factory) { - typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : - typeof define === 'function' && define.amd ? define(factory) : - (global.Vue = factory()); -}(this, (function () { 'use strict'; +FuseBox.pkg("sticky-js", {}, function(___scope___){ +___scope___.file("index.js", function(exports, require, module, __filename, __dirname){ -/* */ -/** - * Convert a value to a string that is actually rendered. - */ -function _toString (val) { - return val == null - ? '' - : typeof val === 'object' - ? JSON.stringify(val, null, 2) - : String(val) -} +var Sticky = require('./dist/sticky.compile.js'); -/** - * Convert a input value to a number for persistence. - * If the conversion fails, return original string. - */ -function toNumber (val) { - var n = parseFloat(val); - return isNaN(n) ? val : n -} +module.exports = Sticky; -/** - * Make a map and return a function for checking if a key - * is in that map. - */ -function makeMap ( - str, - expectsLowerCase -) { - var map = Object.create(null); - var list = str.split(','); - for (var i = 0; i < list.length; i++) { - map[list[i]] = true; - } - return expectsLowerCase - ? function (val) { return map[val.toLowerCase()]; } - : function (val) { return map[val]; } -} +}); +___scope___.file("dist/sticky.compile.js", function(exports, require, module, __filename, __dirname){ -/** - * Check if a tag is a built-in tag. - */ -var isBuiltInTag = makeMap('slot,component', true); +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } /** - * Remove an item from an array + * Sticky.js + * Library for sticky elements written in vanilla javascript. With this library you can easily set sticky elements on your website. It's also responsive. + * + * @version 1.1.9 + * @author Rafal Galus + * @website https://rgalus.github.io/sticky-js/ + * @repo https://github.com/rgalus/sticky-js + * @license https://github.com/rgalus/sticky-js/blob/master/LICENSE */ -function remove (arr, item) { - if (arr.length) { - var index = arr.indexOf(item); - if (index > -1) { - return arr.splice(index, 1) - } - } -} -/** - * Check whether the object has the property. - */ -var hasOwnProperty = Object.prototype.hasOwnProperty; -function hasOwn (obj, key) { - return hasOwnProperty.call(obj, key) -} +var Sticky = function () { + /** + * Sticky instance constructor + * @constructor + * @param {string} selector - Selector which we can find elements + * @param {string} options - Global options for sticky elements (could be overwritten by data-{option}="" attributes) + */ + function Sticky() { + var selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; + var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; -/** - * Check if value is primitive - */ -function isPrimitive (value) { - return typeof value === 'string' || typeof value === 'number' -} + _classCallCheck(this, Sticky); -/** - * Create a cached version of a pure function. - */ -function cached (fn) { - var cache = Object.create(null); - return (function cachedFn (str) { - var hit = cache[str]; - return hit || (cache[str] = fn(str)) - }) -} + this.selector = selector; + this.elements = []; -/** - * Camelize a hyphen-delimited string. - */ -var camelizeRE = /-(\w)/g; -var camelize = cached(function (str) { - return str.replace(camelizeRE, function (_, c) { return c ? c.toUpperCase() : ''; }) -}); + this.version = '1.1.9'; -/** - * Capitalize a string. - */ -var capitalize = cached(function (str) { - return str.charAt(0).toUpperCase() + str.slice(1) -}); + this.vp = this.getViewportSize(); + this.scrollTop = this.getScrollTopPosition(); + this.body = document.querySelector('body'); -/** - * Hyphenate a camelCase string. - */ -var hyphenateRE = /([^-])([A-Z])/g; -var hyphenate = cached(function (str) { - return str - .replace(hyphenateRE, '$1-$2') - .replace(hyphenateRE, '$1-$2') - .toLowerCase() -}); + this.options = { + wrap: options.wrap || false, + marginTop: options.marginTop || 0, + stickyFor: options.stickyFor || 0, + stickyClass: options.stickyClass || null, + stickyContainer: options.stickyContainer || 'body' + }; -/** - * Simple bind, faster than native - */ -function bind (fn, ctx) { - function boundFn (a) { - var l = arguments.length; - return l - ? l > 1 - ? fn.apply(ctx, arguments) - : fn.call(ctx, a) - : fn.call(ctx) + this.run(); } - // record original fn length - boundFn._length = fn.length; - return boundFn -} -/** - * Convert an Array-like object to a real Array. - */ -function toArray (list, start) { - start = start || 0; - var i = list.length - start; - var ret = new Array(i); - while (i--) { - ret[i] = list[i + start]; - } - return ret -} + /** + * Function that waits for page to be fully loaded and then renders & activates every sticky element found with specified selector + * @function + */ -/** - * Mix properties into target object. - */ -function extend (to, _from) { - for (var key in _from) { - to[key] = _from[key]; - } - return to -} -/** - * Quick object check - this is primarily used to tell - * Objects from primitive values when we know the value - * is a JSON-compliant type. - */ -function isObject (obj) { - return obj !== null && typeof obj === 'object' -} + Sticky.prototype.run = function run() { + var _this = this; -/** - * Strict object type check. Only returns true - * for plain JavaScript objects. - */ -var toString = Object.prototype.toString; -var OBJECT_STRING = '[object Object]'; -function isPlainObject (obj) { - return toString.call(obj) === OBJECT_STRING -} + // wait for page to be fully loaded + var pageLoaded = setInterval(function () { + if (document.readyState === 'complete') { + clearInterval(pageLoaded); -/** - * Merge an Array of Objects into a single Object. - */ -function toObject (arr) { - var res = {}; - for (var i = 0; i < arr.length; i++) { - if (arr[i]) { - extend(res, arr[i]); - } - } - return res -} + var elements = document.querySelectorAll(_this.selector); + _this.forEach(elements, function (element) { + return _this.renderElement(element); + }); + } + }, 10); + }; -/** - * Perform no operation. - */ -function noop () {} + /** + * Function that assign needed variables for sticky element, that are used in future for calculations and other + * @function + * @param {node} element - Element to be rendered + */ -/** - * Always return false. - */ -var no = function () { return false; }; -/** - * Return same value - */ -var identity = function (_) { return _; }; + Sticky.prototype.renderElement = function renderElement(element) { + var _this2 = this; -/** - * Generate a static keys string from compiler modules. - */ -function genStaticKeys (modules) { - return modules.reduce(function (keys, m) { - return keys.concat(m.staticKeys || []) - }, []).join(',') -} + // create container for variables needed in future + element.sticky = {}; -/** - * Check if two values are loosely equal - that is, - * if they are plain objects, do they have the same shape? - */ -function looseEqual (a, b) { - var isObjectA = isObject(a); - var isObjectB = isObject(b); - if (isObjectA && isObjectB) { - try { - return JSON.stringify(a) === JSON.stringify(b) - } catch (e) { - // possible circular reference - return a === b - } - } else if (!isObjectA && !isObjectB) { - return String(a) === String(b) - } else { - return false - } -} + // set default variables + element.sticky.active = false; -function looseIndexOf (arr, val) { - for (var i = 0; i < arr.length; i++) { - if (looseEqual(arr[i], val)) { return i } - } - return -1 -} + element.sticky.marginTop = parseInt(element.getAttribute('data-margin-top')) || this.options.marginTop; + element.sticky.stickyFor = parseInt(element.getAttribute('data-sticky-for')) || this.options.stickyFor; + element.sticky.stickyClass = element.getAttribute('data-sticky-class') || this.options.stickyClass; + element.sticky.wrap = element.hasAttribute('data-sticky-wrap') ? true : this.options.wrap; + // @todo attribute for stickyContainer + // element.sticky.stickyContainer = element.getAttribute('data-sticky-container') || this.options.stickyContainer; + element.sticky.stickyContainer = this.options.stickyContainer; -/** - * Ensure a function is called only once. - */ -function once (fn) { - var called = false; - return function () { - if (!called) { - called = true; - fn(); + element.sticky.container = this.getStickyContainer(element); + element.sticky.container.rect = this.getRectangle(element.sticky.container); + + element.sticky.rect = this.getRectangle(element); + + // fix when element is image that has not yet loaded and width, height = 0 + if (element.tagName.toLowerCase() === 'img') { + element.onload = function () { + return element.sticky.rect = _this2.getRectangle(element); + }; } - } -} -/* */ + if (element.sticky.wrap) { + this.wrapElement(element); + } -var config = { - /** - * Option merge strategies (used in core/util/options) - */ - optionMergeStrategies: Object.create(null), + // activate rendered element + this.activate(element); + }; /** - * Whether to suppress warnings. + * Wraps element into placeholder element + * @function + * @param {node} element - Element to be wrapped */ - silent: false, - /** - * Show production mode tip message on boot? - */ - productionTip: "development" !== 'production', - /** - * Whether to enable devtools - */ - devtools: "development" !== 'production', + Sticky.prototype.wrapElement = function wrapElement(element) { + element.insertAdjacentHTML('beforebegin', ''); + element.previousSibling.appendChild(element); + }; /** - * Whether to record perf + * Function that activates element when specified conditions are met and then initalise events + * @function + * @param {node} element - Element to be activated */ - performance: false, - /** - * Error handler for watcher errors - */ - errorHandler: null, - /** - * Ignore certain custom elements - */ - ignoredElements: [], + Sticky.prototype.activate = function activate(element) { + if (element.sticky.rect.top + element.sticky.rect.height < element.sticky.container.rect.top + element.sticky.container.rect.height && element.sticky.stickyFor < this.vp.width && !element.sticky.active) { + element.sticky.active = true; + } - /** - * Custom user key aliases for v-on - */ - keyCodes: Object.create(null), + if (this.elements.indexOf(element) < 0) { + this.elements.push(element); + } - /** - * Check if a tag is reserved so that it cannot be registered as a - * component. This is platform-dependent and may be overwritten. - */ - isReservedTag: no, + if (!element.sticky.resizeEvent) { + this.initResizeEvents(element); + element.sticky.resizeEvent = true; + } - /** - * Check if a tag is an unknown element. - * Platform-dependent. - */ - isUnknownElement: no, + if (!element.sticky.scrollEvent) { + this.initScrollEvents(element); + element.sticky.scrollEvent = true; + } + + this.setPosition(element); + }; /** - * Get the namespace of an element + * Function which is adding onResizeEvents to window listener and assigns function to element as resizeListener + * @function + * @param {node} element - Element for which resize events are initialised */ - getTagNamespace: noop, + + + Sticky.prototype.initResizeEvents = function initResizeEvents(element) { + var _this3 = this; + + element.sticky.resizeListener = function () { + return _this3.onResizeEvents(element); + }; + window.addEventListener('resize', element.sticky.resizeListener); + }; /** - * Parse the real tag name for the specific platform. + * Removes element listener from resize event + * @function + * @param {node} element - Element from which listener is deleted */ - parsePlatformTagName: identity, + + + Sticky.prototype.destroyResizeEvents = function destroyResizeEvents(element) { + window.removeEventListener('resize', element.sticky.resizeListener); + }; /** - * Check if an attribute must be bound using property, e.g. value - * Platform-dependent. + * Function which is fired when user resize window. It checks if element should be activated or deactivated and then run setPosition function + * @function + * @param {node} element - Element for which event function is fired */ - mustUseProp: no, + + + Sticky.prototype.onResizeEvents = function onResizeEvents(element) { + this.vp = this.getViewportSize(); + + element.sticky.rect = this.getRectangle(element); + element.sticky.container.rect = this.getRectangle(element.sticky.container); + + if (element.sticky.rect.top + element.sticky.rect.height < element.sticky.container.rect.top + element.sticky.container.rect.height && element.sticky.stickyFor < this.vp.width && !element.sticky.active) { + element.sticky.active = true; + } else if (element.sticky.rect.top + element.sticky.rect.height >= element.sticky.container.rect.top + element.sticky.container.rect.height || element.sticky.stickyFor >= this.vp.width && element.sticky.active) { + element.sticky.active = false; + } + + this.setPosition(element); + }; /** - * List of asset types that a component can own. + * Function which is adding onScrollEvents to window listener and assigns function to element as scrollListener + * @function + * @param {node} element - Element for which scroll events are initialised */ - _assetTypes: [ - 'component', - 'directive', - 'filter' - ], + + + Sticky.prototype.initScrollEvents = function initScrollEvents(element) { + var _this4 = this; + + element.sticky.scrollListener = function () { + return _this4.onScrollEvents(element); + }; + window.addEventListener('scroll', element.sticky.scrollListener); + }; /** - * List of lifecycle hooks. + * Removes element listener from scroll event + * @function + * @param {node} element - Element from which listener is deleted */ - _lifecycleHooks: [ - 'beforeCreate', - 'created', - 'beforeMount', - 'mounted', - 'beforeUpdate', - 'updated', - 'beforeDestroy', - 'destroyed', - 'activated', - 'deactivated' - ], + + + Sticky.prototype.destroyScrollEvents = function destroyScrollEvents(element) { + window.removeEventListener('scroll', element.sticky.scrollListener); + }; /** - * Max circular updates allowed in a scheduler flush cycle. + * Function which is fired when user scroll window. If element is active, function is invoking setPosition function + * @function + * @param {node} element - Element for which event function is fired */ - _maxUpdateCount: 100 -}; -/* */ -var emptyObject = Object.freeze({}); + Sticky.prototype.onScrollEvents = function onScrollEvents(element) { + this.scrollTop = this.getScrollTopPosition(); -/** - * Check if a string starts with $ or _ - */ -function isReserved (str) { - var c = (str + '').charCodeAt(0); - return c === 0x24 || c === 0x5F -} + if (element.sticky.active) { + this.setPosition(element); + } + }; -/** - * Define a property. - */ -function def (obj, key, val, enumerable) { - Object.defineProperty(obj, key, { - value: val, - enumerable: !!enumerable, - writable: true, - configurable: true - }); -} + /** + * Main function for the library. Here are some condition calculations and css appending for sticky element when user scroll window + * @function + * @param {node} element - Element that will be positioned if it's active + */ -/** - * Parse simple path. - */ -var bailRE = /[^\w.$]/; -function parsePath (path) { - if (bailRE.test(path)) { - return - } - var segments = path.split('.'); - return function (obj) { - for (var i = 0; i < segments.length; i++) { - if (!obj) { return } - obj = obj[segments[i]]; - } - return obj - } -} -/* */ -/* globals MutationObserver */ + Sticky.prototype.setPosition = function setPosition(element) { + this.css(element, { position: '', width: '', top: '', left: '' }); -// can we use __proto__? -var hasProto = '__proto__' in {}; + if (this.vp.height < element.sticky.rect.height || !element.sticky.active) { + return; + } -// Browser environment sniffing -var inBrowser = typeof window !== 'undefined'; -var UA = inBrowser && window.navigator.userAgent.toLowerCase(); -var isIE = UA && /msie|trident/.test(UA); -var isIE9 = UA && UA.indexOf('msie 9.0') > 0; -var isEdge = UA && UA.indexOf('edge/') > 0; -var isAndroid = UA && UA.indexOf('android') > 0; -var isIOS = UA && /iphone|ipad|ipod|ios/.test(UA); -var isChrome = UA && /chrome\/\d+/.test(UA) && !isEdge; + if (!element.sticky.rect.width) { + element.sticky.rect = this.getRectangle(element); + } -// this needs to be lazy-evaled because vue may be required before -// vue-server-renderer can set VUE_ENV -var _isServer; -var isServerRendering = function () { - if (_isServer === undefined) { - /* istanbul ignore if */ - if (!inBrowser && typeof global !== 'undefined') { - // detect presence of vue-server-renderer and avoid - // Webpack shimming the process - _isServer = global['process'].env.VUE_ENV === 'server'; - } else { - _isServer = false; + if (element.sticky.wrap) { + this.css(element.parentNode, { + display: 'block', + width: element.sticky.rect.width + 'px', + height: element.sticky.rect.height + 'px' + }); } - } - return _isServer -}; -// detect devtools -var devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__; + if (element.sticky.rect.top === 0 && element.sticky.container === this.body) { + this.css(element, { + position: 'fixed', + top: element.sticky.rect.top + 'px', + left: element.sticky.rect.left + 'px', + width: element.sticky.rect.width + 'px' + }); + } else if (this.scrollTop > element.sticky.rect.top - element.sticky.marginTop) { + this.css(element, { + position: 'fixed', + width: element.sticky.rect.width + 'px', + left: element.sticky.rect.left + 'px' + }); -/* istanbul ignore next */ -function isNative (Ctor) { - return /native code/.test(Ctor.toString()) -} + if (this.scrollTop + element.sticky.rect.height + element.sticky.marginTop > element.sticky.container.rect.top + element.sticky.container.offsetHeight) { -var hasSymbol = - typeof Symbol !== 'undefined' && isNative(Symbol) && - typeof Reflect !== 'undefined' && isNative(Reflect.ownKeys); + if (element.sticky.stickyClass) { + element.classList.remove(element.sticky.stickyClass); + } -/** - * Defer a task to execute it asynchronously. - */ -var nextTick = (function () { - var callbacks = []; - var pending = false; - var timerFunc; + this.css(element, { + top: element.sticky.container.rect.top + element.sticky.container.offsetHeight - (this.scrollTop + element.sticky.rect.height) + 'px' }); + } else { + if (element.sticky.stickyClass) { + element.classList.add(element.sticky.stickyClass); + } - function nextTickHandler () { - pending = false; - var copies = callbacks.slice(0); - callbacks.length = 0; - for (var i = 0; i < copies.length; i++) { - copies[i](); + this.css(element, { top: element.sticky.marginTop + 'px' }); + } + } else { + if (element.sticky.stickyClass) { + element.classList.remove(element.sticky.stickyClass); + } + + this.css(element, { position: '', width: '', top: '', left: '' }); + + if (element.sticky.wrap) { + this.css(element.parentNode, { display: '', width: '', height: '' }); + } } - } + }; - // the nextTick behavior leverages the microtask queue, which can be accessed - // via either native Promise.then or MutationObserver. - // MutationObserver has wider support, however it is seriously bugged in - // UIWebView in iOS >= 9.3.3 when triggered in touch event handlers. It - // completely stops working after triggering a few times... so, if native - // Promise is available, we will use it: - /* istanbul ignore if */ - if (typeof Promise !== 'undefined' && isNative(Promise)) { - var p = Promise.resolve(); - var logError = function (err) { console.error(err); }; - timerFunc = function () { - p.then(nextTickHandler).catch(logError); - // in problematic UIWebViews, Promise.then doesn't completely break, but - // it can get stuck in a weird state where callbacks are pushed into the - // microtask queue but the queue isn't being flushed, until the browser - // needs to do some other work, e.g. handle a timer. Therefore we can - // "force" the microtask queue to be flushed by adding an empty timer. - if (isIOS) { setTimeout(noop); } - }; - } else if (typeof MutationObserver !== 'undefined' && ( - isNative(MutationObserver) || - // PhantomJS and iOS 7.x - MutationObserver.toString() === '[object MutationObserverConstructor]' - )) { - // use MutationObserver where native Promise is not available, - // e.g. PhantomJS IE11, iOS7, Android 4.4 - var counter = 1; - var observer = new MutationObserver(nextTickHandler); - var textNode = document.createTextNode(String(counter)); - observer.observe(textNode, { - characterData: true + /** + * Function that updates element sticky rectangle (with sticky container), then activate or deactivate element, then update position if it's active + * @function + */ + + + Sticky.prototype.update = function update() { + var _this5 = this; + + this.forEach(this.elements, function (element) { + element.sticky.rect = _this5.getRectangle(element); + element.sticky.container.rect = _this5.getRectangle(element.sticky.container); + + _this5.activate(element); + _this5.setPosition(element); }); - timerFunc = function () { - counter = (counter + 1) % 2; - textNode.data = String(counter); - }; - } else { - // fallback to setTimeout - /* istanbul ignore next */ - timerFunc = function () { - setTimeout(nextTickHandler, 0); - }; - } + }; - return function queueNextTick (cb, ctx) { - var _resolve; - callbacks.push(function () { - if (cb) { cb.call(ctx); } - if (_resolve) { _resolve(ctx); } + /** + * Destroys sticky element, remove listeners + * @function + */ + + + Sticky.prototype.destroy = function destroy() { + var _this6 = this; + + this.forEach(this.elements, function (element) { + _this6.destroyResizeEvents(element); + _this6.destroyScrollEvents(element); + delete element.sticky; }); - if (!pending) { - pending = true; - timerFunc(); - } - if (!cb && typeof Promise !== 'undefined') { - return new Promise(function (resolve) { - _resolve = resolve; - }) - } - } -})(); + }; -var _Set; -/* istanbul ignore if */ -if (typeof Set !== 'undefined' && isNative(Set)) { - // use native Set when available. - _Set = Set; -} else { - // a non-standard Set polyfill that only works with primitive keys. - _Set = (function () { - function Set () { - this.set = Object.create(null); + /** + * Function that returns container element in which sticky element is stuck (if is not specified, then it's stuck to body) + * @function + * @param {node} element - Element which sticky container are looked for + * @return {node} element - Sticky container + */ + + + Sticky.prototype.getStickyContainer = function getStickyContainer(element) { + var container = element.parentNode; + + while (!container.hasAttribute('data-sticky-container') && !container.parentNode.querySelector(element.sticky.stickyContainer) && container !== this.body) { + container = container.parentNode; } - Set.prototype.has = function has (key) { - return this.set[key] === true - }; - Set.prototype.add = function add (key) { - this.set[key] = true; - }; - Set.prototype.clear = function clear () { - this.set = Object.create(null); - }; - return Set; - }()); -} + return container; + }; -var warn = noop; -var tip = noop; -var formatComponentName; + /** + * Function that returns element rectangle & position (width, height, top, left) + * @function + * @param {node} element - Element which position & rectangle are returned + * @return {object} + */ -{ - var hasConsole = typeof console !== 'undefined'; - var classifyRE = /(?:^|[-_])(\w)/g; - var classify = function (str) { return str - .replace(classifyRE, function (c) { return c.toUpperCase(); }) - .replace(/[-_]/g, ''); }; - warn = function (msg, vm) { - if (hasConsole && (!config.silent)) { - console.error("[Vue warn]: " + msg + " " + ( - vm ? formatLocation(formatComponentName(vm)) : '' - )); - } + Sticky.prototype.getRectangle = function getRectangle(element) { + this.css(element, { position: '', width: '', top: '', left: '' }); + + var width = Math.max(element.offsetWidth, element.clientWidth, element.scrollWidth); + var height = Math.max(element.offsetHeight, element.clientHeight, element.scrollHeight); + + var top = 0; + var left = 0; + + do { + top += element.offsetTop || 0; + left += element.offsetLeft || 0; + element = element.offsetParent; + } while (element); + + return { top: top, left: left, width: width, height: height }; }; - tip = function (msg, vm) { - if (hasConsole && (!config.silent)) { - console.warn("[Vue tip]: " + msg + " " + ( - vm ? formatLocation(formatComponentName(vm)) : '' - )); - } + /** + * Function that returns viewport dimensions + * @function + * @return {object} + */ + + + Sticky.prototype.getViewportSize = function getViewportSize() { + return { + width: Math.max(document.documentElement.clientWidth, window.innerWidth || 0), + height: Math.max(document.documentElement.clientHeight, window.innerHeight || 0) + }; }; - formatComponentName = function (vm, includeFile) { - if (vm.$root === vm) { - return '' - } - var name = typeof vm === 'string' - ? vm - : typeof vm === 'function' && vm.options - ? vm.options.name - : vm._isVue - ? vm.$options.name || vm.$options._componentTag - : vm.name; + /** + * Function that returns scroll position offset from top + * @function + * @return {number} + */ - var file = vm._isVue && vm.$options.__file; - if (!name && file) { - var match = file.match(/([^/\\]+)\.vue$/); - name = match && match[1]; - } - return ( - (name ? ("<" + (classify(name)) + ">") : "") + - (file && includeFile !== false ? (" at " + file) : '') - ) + Sticky.prototype.getScrollTopPosition = function getScrollTopPosition() { + return (window.pageYOffset || document.scrollTop) - (document.clientTop || 0) || 0; }; - var formatLocation = function (str) { - if (str === "") { - str += " - use the \"name\" option for better debugging messages."; + /** + * Helper function for loops + * @helper + * @param {array} + * @param {function} callback - Callback function (no need for explanation) + */ + + + Sticky.prototype.forEach = function forEach(array, callback) { + for (var i = 0, len = array.length; i < len; i++) { + callback(array[i]); } - return ("\n(found in " + str + ")") }; -} -/* */ + /** + * Helper function to add/remove css properties for specified element. + * @helper + * @param {node} element - DOM element + * @param {object} properties - CSS properties that will be added/removed from specified element + */ -var uid$1 = 0; + Sticky.prototype.css = function css(element, properties) { + for (var property in properties) { + if (properties.hasOwnProperty(property)) { + element.style[property] = properties[property]; + } + } + }; + + return Sticky; +}(); /** - * A dep is an observable that can have multiple - * directives subscribing to it. + * Export function that supports AMD, CommonJS and Plain Browser. */ -var Dep = function Dep () { - this.id = uid$1++; - this.subs = []; -}; - -Dep.prototype.addSub = function addSub (sub) { - this.subs.push(sub); -}; -Dep.prototype.removeSub = function removeSub (sub) { - remove(this.subs, sub); -}; -Dep.prototype.depend = function depend () { - if (Dep.target) { - Dep.target.addDep(this); +(function (root, factory) { + if (typeof exports !== 'undefined') { + module.exports = factory; + } else if (typeof define === 'function' && define.amd) { + define([], factory); + } else { + root.Sticky = factory; } -}; +})(this, Sticky); +}); +return ___scope___.entry = "index.js"; +}); +FuseBox.pkg("socket.io-client", {"debug":"2.3.3","component-emitter":"1.2.1"}, function(___scope___){ +___scope___.file("lib/index.js", function(exports, require, module, __filename, __dirname){ -Dep.prototype.notify = function notify () { - // stabilize the subscriber list first - var subs = this.subs.slice(); - for (var i = 0, l = subs.length; i < l; i++) { - subs[i].update(); - } -}; -// the current target watcher being evaluated. -// this is globally unique because there could be only one -// watcher being evaluated at any time. -Dep.target = null; -var targetStack = []; +/** + * Module dependencies. + */ -function pushTarget (_target) { - if (Dep.target) { targetStack.push(Dep.target); } - Dep.target = _target; -} +var url = require('./url'); +var parser = require('socket.io-parser'); +var Manager = require('./manager'); +var debug = require('debug')('socket.io-client'); -function popTarget () { - Dep.target = targetStack.pop(); -} +/** + * Module exports. + */ -/* - * not type checking this file because flow doesn't play well with - * dynamically accessing methods on Array prototype +module.exports = exports = lookup; + +/** + * Managers cache. */ -var arrayProto = Array.prototype; -var arrayMethods = Object.create(arrayProto);[ - 'push', - 'pop', - 'shift', - 'unshift', - 'splice', - 'sort', - 'reverse' -] -.forEach(function (method) { - // cache original method - var original = arrayProto[method]; - def(arrayMethods, method, function mutator () { - var arguments$1 = arguments; +var cache = exports.managers = {}; - // avoid leaking arguments: - // http://jsperf.com/closure-with-arguments - var i = arguments.length; - var args = new Array(i); - while (i--) { - args[i] = arguments$1[i]; - } - var result = original.apply(this, args); - var ob = this.__ob__; - var inserted; - switch (method) { - case 'push': - inserted = args; - break - case 'unshift': - inserted = args; - break - case 'splice': - inserted = args.slice(2); - break - } - if (inserted) { ob.observeArray(inserted); } - // notify change - ob.dep.notify(); - return result - }); -}); +/** + * Looks up an existing `Manager` for multiplexing. + * If the user summons: + * + * `io('http://localhost/a');` + * `io('http://localhost/b');` + * + * We reuse the existing instance based on same scheme/port/host, + * and we initialize sockets for each namespace. + * + * @api public + */ -/* */ +function lookup (uri, opts) { + if (typeof uri === 'object') { + opts = uri; + uri = undefined; + } -var arrayKeys = Object.getOwnPropertyNames(arrayMethods); + opts = opts || {}; -/** - * By default, when a reactive property is set, the new value is - * also converted to become reactive. However when passing down props, - * we don't want to force conversion because the value may be a nested value - * under a frozen data structure. Converting it would defeat the optimization. - */ -var observerState = { - shouldConvert: true, - isSettingProps: false -}; + var parsed = url(uri); + var source = parsed.source; + var id = parsed.id; + var path = parsed.path; + var sameNamespace = cache[id] && path in cache[id].nsps; + var newConnection = opts.forceNew || opts['force new connection'] || + false === opts.multiplex || sameNamespace; -/** - * Observer class that are attached to each observed - * object. Once attached, the observer converts target - * object's property keys into getter/setters that - * collect dependencies and dispatches updates. - */ -var Observer = function Observer (value) { - this.value = value; - this.dep = new Dep(); - this.vmCount = 0; - def(value, '__ob__', this); - if (Array.isArray(value)) { - var augment = hasProto - ? protoAugment - : copyAugment; - augment(value, arrayMethods, arrayKeys); - this.observeArray(value); + var io; + + if (newConnection) { + debug('ignoring socket cache for %s', source); + io = Manager(source, opts); } else { - this.walk(value); + if (!cache[id]) { + debug('new io instance for %s', source); + cache[id] = Manager(source, opts); + } + io = cache[id]; } -}; - + if (parsed.query && !opts.query) { + opts.query = parsed.query; + } else if (opts && 'object' === typeof opts.query) { + opts.query = encodeQueryString(opts.query); + } + return io.socket(parsed.path, opts); +} /** - * Walk through each property and convert them into - * getter/setters. This method should only be called when - * value type is Object. + * Helper method to parse query objects to string. + * @param {object} query + * @returns {string} */ -Observer.prototype.walk = function walk (obj) { - var keys = Object.keys(obj); - for (var i = 0; i < keys.length; i++) { - defineReactive$$1(obj, keys[i], obj[keys[i]]); +function encodeQueryString (obj) { + var str = []; + for (var p in obj) { + if (obj.hasOwnProperty(p)) { + str.push(encodeURIComponent(p) + '=' + encodeURIComponent(obj[p])); + } } -}; + return str.join('&'); +} +/** + * Protocol version. + * + * @api public + */ + +exports.protocol = parser.protocol; /** - * Observe a list of Array items. + * `connect`. + * + * @param {String} uri + * @api public */ -Observer.prototype.observeArray = function observeArray (items) { - for (var i = 0, l = items.length; i < l; i++) { - observe(items[i]); - } -}; -// helpers +exports.connect = lookup; /** - * Augment an target Object or Array by intercepting - * the prototype chain using __proto__ + * Expose constructors for standalone build. + * + * @api public */ -function protoAugment (target, src) { - /* eslint-disable no-proto */ - target.__proto__ = src; - /* eslint-enable no-proto */ -} + +exports.Manager = require('./manager'); +exports.Socket = require('./socket'); + +}); +___scope___.file("lib/url.js", function(exports, require, module, __filename, __dirname){ + /** - * Augment an target Object or Array by defining - * hidden properties. + * Module dependencies. */ -/* istanbul ignore next */ -function copyAugment (target, src, keys) { - for (var i = 0, l = keys.length; i < l; i++) { - var key = keys[i]; - def(target, key, src[key]); - } -} + +var parseuri = require('parseuri'); +var debug = require('debug')('socket.io-client:url'); /** - * Attempt to create an observer instance for a value, - * returns the new observer if successfully observed, - * or the existing observer if the value already has one. + * Module exports. */ -function observe (value, asRootData) { - if (!isObject(value)) { - return - } - var ob; - if (hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) { - ob = value.__ob__; - } else if ( - observerState.shouldConvert && - !isServerRendering() && - (Array.isArray(value) || isPlainObject(value)) && - Object.isExtensible(value) && - !value._isVue - ) { - ob = new Observer(value); - } - if (asRootData && ob) { - ob.vmCount++; - } - return ob -} + +module.exports = url; /** - * Define a reactive property on an Object. + * URL parser. + * + * @param {String} url + * @param {Object} An object meant to mimic window.location. + * Defaults to window.location. + * @api public */ -function defineReactive$$1 ( - obj, - key, - val, - customSetter -) { - var dep = new Dep(); - var property = Object.getOwnPropertyDescriptor(obj, key); - if (property && property.configurable === false) { - return - } +function url (uri, loc) { + var obj = uri; - // cater for pre-defined getter/setters - var getter = property && property.get; - var setter = property && property.set; + // default to window.location + loc = loc || global.location; + if (null == uri) uri = loc.protocol + '//' + loc.host; - var childOb = observe(val); - Object.defineProperty(obj, key, { - enumerable: true, - configurable: true, - get: function reactiveGetter () { - var value = getter ? getter.call(obj) : val; - if (Dep.target) { - dep.depend(); - if (childOb) { - childOb.dep.depend(); - } - if (Array.isArray(value)) { - dependArray(value); - } - } - return value - }, - set: function reactiveSetter (newVal) { - var value = getter ? getter.call(obj) : val; - /* eslint-disable no-self-compare */ - if (newVal === value || (newVal !== newVal && value !== value)) { - return - } - /* eslint-enable no-self-compare */ - if ("development" !== 'production' && customSetter) { - customSetter(); + // relative path support + if ('string' === typeof uri) { + if ('/' === uri.charAt(0)) { + if ('/' === uri.charAt(1)) { + uri = loc.protocol + uri; + } else { + uri = loc.host + uri; } - if (setter) { - setter.call(obj, newVal); + } + + if (!/^(https?|wss?):\/\//.test(uri)) { + debug('protocol-less url %s', uri); + if ('undefined' !== typeof loc) { + uri = loc.protocol + '//' + uri; } else { - val = newVal; + uri = 'https://' + uri; } - childOb = observe(newVal); - dep.notify(); } - }); -} -/** - * Set a property on an object. Adds the new property and - * triggers change notification if the property doesn't - * already exist. - */ -function set (target, key, val) { - if (Array.isArray(target) && typeof key === 'number') { - target.length = Math.max(target.length, key); - target.splice(key, 1, val); - return val - } - if (hasOwn(target, key)) { - target[key] = val; - return val - } - var ob = (target ).__ob__; - if (target._isVue || (ob && ob.vmCount)) { - "development" !== 'production' && warn( - 'Avoid adding reactive properties to a Vue instance or its root $data ' + - 'at runtime - declare it upfront in the data option.' - ); - return val + // parse + debug('parse %s', uri); + obj = parseuri(uri); } - if (!ob) { - target[key] = val; - return val + + // make sure we treat `localhost:80` and `localhost` equally + if (!obj.port) { + if (/^(http|ws)$/.test(obj.protocol)) { + obj.port = '80'; + } else if (/^(http|ws)s$/.test(obj.protocol)) { + obj.port = '443'; + } } - defineReactive$$1(ob.value, key, val); - ob.dep.notify(); - return val + + obj.path = obj.path || '/'; + + var ipv6 = obj.host.indexOf(':') !== -1; + var host = ipv6 ? '[' + obj.host + ']' : obj.host; + + // define unique id + obj.id = obj.protocol + '://' + host + ':' + obj.port; + // define href + obj.href = obj.protocol + '://' + host + (loc && loc.port === obj.port ? '' : (':' + obj.port)); + + return obj; } +}); +___scope___.file("lib/manager.js", function(exports, require, module, __filename, __dirname){ + + /** - * Delete a property and trigger change if necessary. + * Module dependencies. */ -function del (target, key) { - if (Array.isArray(target) && typeof key === 'number') { - target.splice(key, 1); - return - } - var ob = (target ).__ob__; - if (target._isVue || (ob && ob.vmCount)) { - "development" !== 'production' && warn( - 'Avoid deleting properties on a Vue instance or its root $data ' + - '- just set it to null.' - ); - return - } - if (!hasOwn(target, key)) { - return - } - delete target[key]; - if (!ob) { - return - } - ob.dep.notify(); -} + +var eio = require('engine.io-client'); +var Socket = require('./socket'); +var Emitter = require('component-emitter'); +var parser = require('socket.io-parser'); +var on = require('./on'); +var bind = require('component-bind'); +var debug = require('debug')('socket.io-client:manager'); +var indexOf = require('indexof'); +var Backoff = require('backo2'); /** - * Collect dependencies on array elements when the array is touched, since - * we cannot intercept array element access like property getters. + * IE6+ hasOwnProperty */ -function dependArray (value) { - for (var e = (void 0), i = 0, l = value.length; i < l; i++) { - e = value[i]; - e && e.__ob__ && e.__ob__.dep.depend(); - if (Array.isArray(e)) { - dependArray(e); - } - } -} -/* */ +var has = Object.prototype.hasOwnProperty; /** - * Option overwriting strategies are functions that handle - * how to merge a parent option value and a child option - * value into the final value. + * Module exports */ -var strats = config.optionMergeStrategies; + +module.exports = Manager; /** - * Options with restrictions + * `Manager` constructor. + * + * @param {String} engine instance or engine uri/opts + * @param {Object} options + * @api public */ -{ - strats.el = strats.propsData = function (parent, child, vm, key) { - if (!vm) { - warn( - "option \"" + key + "\" can only be used during instance " + - 'creation with the `new` keyword.' - ); - } - return defaultStrat(parent, child) - }; + +function Manager (uri, opts) { + if (!(this instanceof Manager)) return new Manager(uri, opts); + if (uri && ('object' === typeof uri)) { + opts = uri; + uri = undefined; + } + opts = opts || {}; + + opts.path = opts.path || '/socket.io'; + this.nsps = {}; + this.subs = []; + this.opts = opts; + this.reconnection(opts.reconnection !== false); + this.reconnectionAttempts(opts.reconnectionAttempts || Infinity); + this.reconnectionDelay(opts.reconnectionDelay || 1000); + this.reconnectionDelayMax(opts.reconnectionDelayMax || 5000); + this.randomizationFactor(opts.randomizationFactor || 0.5); + this.backoff = new Backoff({ + min: this.reconnectionDelay(), + max: this.reconnectionDelayMax(), + jitter: this.randomizationFactor() + }); + this.timeout(null == opts.timeout ? 20000 : opts.timeout); + this.readyState = 'closed'; + this.uri = uri; + this.connecting = []; + this.lastPing = null; + this.encoding = false; + this.packetBuffer = []; + this.encoder = new parser.Encoder(); + this.decoder = new parser.Decoder(); + this.autoConnect = opts.autoConnect !== false; + if (this.autoConnect) this.open(); } /** - * Helper that recursively merges two data objects together. + * Propagate given event to sockets and emit on `this` + * + * @api private */ -function mergeData (to, from) { - if (!from) { return to } - var key, toVal, fromVal; - var keys = Object.keys(from); - for (var i = 0; i < keys.length; i++) { - key = keys[i]; - toVal = to[key]; - fromVal = from[key]; - if (!hasOwn(to, key)) { - set(to, key, fromVal); - } else if (isPlainObject(toVal) && isPlainObject(fromVal)) { - mergeData(toVal, fromVal); + +Manager.prototype.emitAll = function () { + this.emit.apply(this, arguments); + for (var nsp in this.nsps) { + if (has.call(this.nsps, nsp)) { + this.nsps[nsp].emit.apply(this.nsps[nsp], arguments); } } - return to -} +}; /** - * Data + * Update `socket.id` of all sockets + * + * @api private */ -strats.data = function ( - parentVal, - childVal, - vm -) { - if (!vm) { - // in a Vue.extend merge, both should be functions - if (!childVal) { - return parentVal - } - if (typeof childVal !== 'function') { - "development" !== 'production' && warn( - 'The "data" option should be a function ' + - 'that returns a per-instance value in component ' + - 'definitions.', - vm - ); - return parentVal - } - if (!parentVal) { - return childVal - } - // when parentVal & childVal are both present, - // we need to return a function that returns the - // merged result of both functions... no need to - // check if parentVal is a function here because - // it has to be a function to pass previous merges. - return function mergedDataFn () { - return mergeData( - childVal.call(this), - parentVal.call(this) - ) - } - } else if (parentVal || childVal) { - return function mergedInstanceDataFn () { - // instance merge - var instanceData = typeof childVal === 'function' - ? childVal.call(vm) - : childVal; - var defaultData = typeof parentVal === 'function' - ? parentVal.call(vm) - : undefined; - if (instanceData) { - return mergeData(instanceData, defaultData) - } else { - return defaultData - } + +Manager.prototype.updateSocketIds = function () { + for (var nsp in this.nsps) { + if (has.call(this.nsps, nsp)) { + this.nsps[nsp].id = this.engine.id; } } }; /** - * Hooks and props are merged as arrays. + * Mix in `Emitter`. */ -function mergeHook ( - parentVal, - childVal -) { - return childVal - ? parentVal - ? parentVal.concat(childVal) - : Array.isArray(childVal) - ? childVal - : [childVal] - : parentVal -} -config._lifecycleHooks.forEach(function (hook) { - strats[hook] = mergeHook; -}); +Emitter(Manager.prototype); /** - * Assets + * Sets the `reconnection` config. * - * When a vm is present (instance creation), we need to do - * a three-way merge between constructor options, instance - * options and parent options. + * @param {Boolean} true/false if it should automatically reconnect + * @return {Manager} self or value + * @api public */ -function mergeAssets (parentVal, childVal) { - var res = Object.create(parentVal || null); - return childVal - ? extend(res, childVal) - : res -} -config._assetTypes.forEach(function (type) { - strats[type + 's'] = mergeAssets; -}); +Manager.prototype.reconnection = function (v) { + if (!arguments.length) return this._reconnection; + this._reconnection = !!v; + return this; +}; /** - * Watchers. + * Sets the reconnection attempts config. * - * Watchers hashes should not overwrite one - * another, so we merge them as arrays. + * @param {Number} max reconnection attempts before giving up + * @return {Manager} self or value + * @api public */ -strats.watch = function (parentVal, childVal) { - /* istanbul ignore if */ - if (!childVal) { return Object.create(parentVal || null) } - if (!parentVal) { return childVal } - var ret = {}; - extend(ret, parentVal); - for (var key in childVal) { - var parent = ret[key]; - var child = childVal[key]; - if (parent && !Array.isArray(parent)) { - parent = [parent]; - } - ret[key] = parent - ? parent.concat(child) - : [child]; - } - return ret + +Manager.prototype.reconnectionAttempts = function (v) { + if (!arguments.length) return this._reconnectionAttempts; + this._reconnectionAttempts = v; + return this; }; /** - * Other object hashes. + * Sets the delay between reconnections. + * + * @param {Number} delay + * @return {Manager} self or value + * @api public */ -strats.props = -strats.methods = -strats.computed = function (parentVal, childVal) { - if (!childVal) { return Object.create(parentVal || null) } - if (!parentVal) { return childVal } - var ret = Object.create(null); - extend(ret, parentVal); - extend(ret, childVal); - return ret + +Manager.prototype.reconnectionDelay = function (v) { + if (!arguments.length) return this._reconnectionDelay; + this._reconnectionDelay = v; + this.backoff && this.backoff.setMin(v); + return this; +}; + +Manager.prototype.randomizationFactor = function (v) { + if (!arguments.length) return this._randomizationFactor; + this._randomizationFactor = v; + this.backoff && this.backoff.setJitter(v); + return this; }; /** - * Default strategy. + * Sets the maximum delay between reconnections. + * + * @param {Number} delay + * @return {Manager} self or value + * @api public */ -var defaultStrat = function (parentVal, childVal) { - return childVal === undefined - ? parentVal - : childVal + +Manager.prototype.reconnectionDelayMax = function (v) { + if (!arguments.length) return this._reconnectionDelayMax; + this._reconnectionDelayMax = v; + this.backoff && this.backoff.setMax(v); + return this; }; /** - * Validate component names + * Sets the connection timeout. `false` to disable + * + * @return {Manager} self or value + * @api public */ -function checkComponents (options) { - for (var key in options.components) { - var lower = key.toLowerCase(); - if (isBuiltInTag(lower) || config.isReservedTag(lower)) { - warn( - 'Do not use built-in or reserved HTML elements as component ' + - 'id: ' + key - ); - } - } -} + +Manager.prototype.timeout = function (v) { + if (!arguments.length) return this._timeout; + this._timeout = v; + return this; +}; /** - * Ensure all props option syntax are normalized into the - * Object-based format. + * Starts trying to reconnect if reconnection is enabled and we have not + * started reconnecting yet + * + * @api private */ -function normalizeProps (options) { - var props = options.props; - if (!props) { return } - var res = {}; - var i, val, name; - if (Array.isArray(props)) { - i = props.length; - while (i--) { - val = props[i]; - if (typeof val === 'string') { - name = camelize(val); - res[name] = { type: null }; - } else { - warn('props must be strings when using array syntax.'); - } - } - } else if (isPlainObject(props)) { - for (var key in props) { - val = props[key]; - name = camelize(key); - res[name] = isPlainObject(val) - ? val - : { type: val }; - } + +Manager.prototype.maybeReconnectOnOpen = function () { + // Only try to reconnect if it's the first time we're connecting + if (!this.reconnecting && this._reconnection && this.backoff.attempts === 0) { + // keeps reconnection from firing twice for the same reconnection loop + this.reconnect(); } - options.props = res; -} +}; /** - * Normalize raw function directives into object format. + * Sets the current transport `socket`. + * + * @param {Function} optional, callback + * @return {Manager} self + * @api public */ -function normalizeDirectives (options) { - var dirs = options.directives; - if (dirs) { - for (var key in dirs) { - var def = dirs[key]; - if (typeof def === 'function') { - dirs[key] = { bind: def, update: def }; - } + +Manager.prototype.open = +Manager.prototype.connect = function (fn, opts) { + debug('readyState %s', this.readyState); + if (~this.readyState.indexOf('open')) return this; + + debug('opening %s', this.uri); + this.engine = eio(this.uri, this.opts); + var socket = this.engine; + var self = this; + this.readyState = 'opening'; + this.skipReconnect = false; + + // emit `open` + var openSub = on(socket, 'open', function () { + self.onopen(); + fn && fn(); + }); + + // emit `connect_error` + var errorSub = on(socket, 'error', function (data) { + debug('connect_error'); + self.cleanup(); + self.readyState = 'closed'; + self.emitAll('connect_error', data); + if (fn) { + var err = new Error('Connection error'); + err.data = data; + fn(err); + } else { + // Only do this if there is no fn to handle the error + self.maybeReconnectOnOpen(); } + }); + + // emit `connect_timeout` + if (false !== this._timeout) { + var timeout = this._timeout; + debug('connect attempt will timeout after %d', timeout); + + // set timer + var timer = setTimeout(function () { + debug('connect attempt timed out after %d', timeout); + openSub.destroy(); + socket.close(); + socket.emit('error', 'timeout'); + self.emitAll('connect_timeout', timeout); + }, timeout); + + this.subs.push({ + destroy: function () { + clearTimeout(timer); + } + }); } -} + + this.subs.push(openSub); + this.subs.push(errorSub); + + return this; +}; /** - * Merge two option objects into a new one. - * Core utility used in both instantiation and inheritance. + * Called upon transport open. + * + * @api private */ -function mergeOptions ( - parent, - child, - vm -) { - { - checkComponents(child); - } - normalizeProps(child); - normalizeDirectives(child); - var extendsFrom = child.extends; - if (extendsFrom) { - parent = typeof extendsFrom === 'function' - ? mergeOptions(parent, extendsFrom.options, vm) - : mergeOptions(parent, extendsFrom, vm); - } - if (child.mixins) { - for (var i = 0, l = child.mixins.length; i < l; i++) { - var mixin = child.mixins[i]; - if (mixin.prototype instanceof Vue$3) { - mixin = mixin.options; - } - parent = mergeOptions(parent, mixin, vm); - } - } - var options = {}; - var key; - for (key in parent) { - mergeField(key); - } - for (key in child) { - if (!hasOwn(parent, key)) { - mergeField(key); - } - } - function mergeField (key) { - var strat = strats[key] || defaultStrat; - options[key] = strat(parent[key], child[key], vm, key); - } - return options -} + +Manager.prototype.onopen = function () { + debug('open'); + + // clear old subs + this.cleanup(); + + // mark as open + this.readyState = 'open'; + this.emit('open'); + + // add new subs + var socket = this.engine; + this.subs.push(on(socket, 'data', bind(this, 'ondata'))); + this.subs.push(on(socket, 'ping', bind(this, 'onping'))); + this.subs.push(on(socket, 'pong', bind(this, 'onpong'))); + this.subs.push(on(socket, 'error', bind(this, 'onerror'))); + this.subs.push(on(socket, 'close', bind(this, 'onclose'))); + this.subs.push(on(this.decoder, 'decoded', bind(this, 'ondecoded'))); +}; /** - * Resolve an asset. - * This function is used because child instances need access - * to assets defined in its ancestor chain. + * Called upon a ping. + * + * @api private */ -function resolveAsset ( - options, - type, - id, - warnMissing -) { - /* istanbul ignore if */ - if (typeof id !== 'string') { - return - } - var assets = options[type]; - // check local registration variations first - if (hasOwn(assets, id)) { return assets[id] } - var camelizedId = camelize(id); - if (hasOwn(assets, camelizedId)) { return assets[camelizedId] } - var PascalCaseId = capitalize(camelizedId); - if (hasOwn(assets, PascalCaseId)) { return assets[PascalCaseId] } - // fallback to prototype chain - var res = assets[id] || assets[camelizedId] || assets[PascalCaseId]; - if ("development" !== 'production' && warnMissing && !res) { - warn( - 'Failed to resolve ' + type.slice(0, -1) + ': ' + id, - options - ); - } - return res -} -/* */ +Manager.prototype.onping = function () { + this.lastPing = new Date(); + this.emitAll('ping'); +}; -function validateProp ( - key, - propOptions, - propsData, - vm -) { - var prop = propOptions[key]; - var absent = !hasOwn(propsData, key); - var value = propsData[key]; - // handle boolean props - if (isType(Boolean, prop.type)) { - if (absent && !hasOwn(prop, 'default')) { - value = false; - } else if (!isType(String, prop.type) && (value === '' || value === hyphenate(key))) { - value = true; - } - } - // check default value - if (value === undefined) { - value = getPropDefaultValue(vm, prop, key); - // since the default value is a fresh copy, - // make sure to observe it. - var prevShouldConvert = observerState.shouldConvert; - observerState.shouldConvert = true; - observe(value); - observerState.shouldConvert = prevShouldConvert; - } - { - assertProp(prop, key, value, vm, absent); - } - return value -} +/** + * Called upon a packet. + * + * @api private + */ + +Manager.prototype.onpong = function () { + this.emitAll('pong', new Date() - this.lastPing); +}; /** - * Get the default value of a prop. + * Called with data. + * + * @api private */ -function getPropDefaultValue (vm, prop, key) { - // no default, return undefined - if (!hasOwn(prop, 'default')) { - return undefined - } - var def = prop.default; - // warn against non-factory defaults for Object & Array - if ("development" !== 'production' && isObject(def)) { - warn( - 'Invalid default value for prop "' + key + '": ' + - 'Props with type Object/Array must use a factory function ' + - 'to return the default value.', - vm - ); - } - // the raw prop value was also undefined from previous render, - // return previous default value to avoid unnecessary watcher trigger - if (vm && vm.$options.propsData && - vm.$options.propsData[key] === undefined && - vm._props[key] !== undefined) { - return vm._props[key] - } - // call factory function for non-Function types - // a value is Function if its prototype is function even across different execution context - return typeof def === 'function' && getType(prop.type) !== 'Function' - ? def.call(vm) - : def -} + +Manager.prototype.ondata = function (data) { + this.decoder.add(data); +}; /** - * Assert whether a prop is valid. + * Called when parser fully decodes a packet. + * + * @api private */ -function assertProp ( - prop, - name, - value, - vm, - absent -) { - if (prop.required && absent) { - warn( - 'Missing required prop: "' + name + '"', - vm - ); - return - } - if (value == null && !prop.required) { - return - } - var type = prop.type; - var valid = !type || type === true; - var expectedTypes = []; - if (type) { - if (!Array.isArray(type)) { - type = [type]; - } - for (var i = 0; i < type.length && !valid; i++) { - var assertedType = assertType(value, type[i]); - expectedTypes.push(assertedType.expectedType || ''); - valid = assertedType.valid; - } - } - if (!valid) { - warn( - 'Invalid prop: type check failed for prop "' + name + '".' + - ' Expected ' + expectedTypes.map(capitalize).join(', ') + - ', got ' + Object.prototype.toString.call(value).slice(8, -1) + '.', - vm - ); - return - } - var validator = prop.validator; - if (validator) { - if (!validator(value)) { - warn( - 'Invalid prop: custom validator check failed for prop "' + name + '".', - vm - ); - } - } -} + +Manager.prototype.ondecoded = function (packet) { + this.emit('packet', packet); +}; /** - * Assert the type of a value + * Called upon socket error. + * + * @api private */ -function assertType (value, type) { - var valid; - var expectedType = getType(type); - if (expectedType === 'String') { - valid = typeof value === (expectedType = 'string'); - } else if (expectedType === 'Number') { - valid = typeof value === (expectedType = 'number'); - } else if (expectedType === 'Boolean') { - valid = typeof value === (expectedType = 'boolean'); - } else if (expectedType === 'Function') { - valid = typeof value === (expectedType = 'function'); - } else if (expectedType === 'Object') { - valid = isPlainObject(value); - } else if (expectedType === 'Array') { - valid = Array.isArray(value); - } else { - valid = value instanceof type; - } - return { - valid: valid, - expectedType: expectedType - } -} + +Manager.prototype.onerror = function (err) { + debug('error', err); + this.emitAll('error', err); +}; /** - * Use function string name to check built-in types, - * because a simple equality check will fail when running - * across different vms / iframes. + * Creates a new socket for the given `nsp`. + * + * @return {Socket} + * @api public */ -function getType (fn) { - var match = fn && fn.toString().match(/^\s*function (\w+)/); - return match && match[1] -} -function isType (type, fn) { - if (!Array.isArray(fn)) { - return getType(fn) === getType(type) - } - for (var i = 0, len = fn.length; i < len; i++) { - if (getType(fn[i]) === getType(type)) { - return true +Manager.prototype.socket = function (nsp, opts) { + var socket = this.nsps[nsp]; + if (!socket) { + socket = new Socket(this, nsp, opts); + this.nsps[nsp] = socket; + var self = this; + socket.on('connecting', onConnecting); + socket.on('connect', function () { + socket.id = self.engine.id; + }); + + if (this.autoConnect) { + // manually call here since connecting evnet is fired before listening + onConnecting(); } } - /* istanbul ignore next */ - return false -} -function handleError (err, vm, info) { - if (config.errorHandler) { - config.errorHandler.call(null, err, vm, info); - } else { - { - warn(("Error in " + info + ":"), vm); - } - /* istanbul ignore else */ - if (inBrowser && typeof console !== 'undefined') { - console.error(err); - } else { - throw err + function onConnecting () { + if (!~indexOf(self.connecting, socket)) { + self.connecting.push(socket); } } -} -/* not type checking this file because flow doesn't play well with Proxy */ + return socket; +}; -var initProxy; +/** + * Called upon a socket close. + * + * @param {Socket} socket + */ -{ - var allowedGlobals = makeMap( - 'Infinity,undefined,NaN,isFinite,isNaN,' + - 'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' + - 'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,' + - 'require' // for Webpack/Browserify - ); +Manager.prototype.destroy = function (socket) { + var index = indexOf(this.connecting, socket); + if (~index) this.connecting.splice(index, 1); + if (this.connecting.length) return; - var warnNonPresent = function (target, key) { - warn( - "Property or method \"" + key + "\" is not defined on the instance but " + - "referenced during render. Make sure to declare reactive data " + - "properties in the data option.", - target - ); - }; + this.close(); +}; - var hasProxy = - typeof Proxy !== 'undefined' && - Proxy.toString().match(/native code/); +/** + * Writes a packet. + * + * @param {Object} packet + * @api private + */ - if (hasProxy) { - var isBuiltInModifier = makeMap('stop,prevent,self,ctrl,shift,alt,meta'); - config.keyCodes = new Proxy(config.keyCodes, { - set: function set (target, key, value) { - if (isBuiltInModifier(key)) { - warn(("Avoid overwriting built-in modifier in config.keyCodes: ." + key)); - return false - } else { - target[key] = value; - return true - } +Manager.prototype.packet = function (packet) { + debug('writing packet %j', packet); + var self = this; + if (packet.query && packet.type === 0) packet.nsp += '?' + packet.query; + + if (!self.encoding) { + // encode, then write to engine with result + self.encoding = true; + this.encoder.encode(packet, function (encodedPackets) { + for (var i = 0; i < encodedPackets.length; i++) { + self.engine.write(encodedPackets[i], packet.options); } + self.encoding = false; + self.processPacketQueue(); }); + } else { // add packet to the queue + self.packetBuffer.push(packet); } +}; - var hasHandler = { - has: function has (target, key) { - var has = key in target; - var isAllowed = allowedGlobals(key) || key.charAt(0) === '_'; - if (!has && !isAllowed) { - warnNonPresent(target, key); - } - return has || !isAllowed - } - }; +/** + * If packet buffer is non-empty, begins encoding the + * next packet in line. + * + * @api private + */ - var getHandler = { - get: function get (target, key) { - if (typeof key === 'string' && !(key in target)) { - warnNonPresent(target, key); - } - return target[key] - } - }; +Manager.prototype.processPacketQueue = function () { + if (this.packetBuffer.length > 0 && !this.encoding) { + var pack = this.packetBuffer.shift(); + this.packet(pack); + } +}; - initProxy = function initProxy (vm) { - if (hasProxy) { - // determine which proxy handler to use - var options = vm.$options; - var handlers = options.render && options.render._withStripped - ? getHandler - : hasHandler; - vm._renderProxy = new Proxy(vm, handlers); - } else { - vm._renderProxy = vm; - } - }; -} +/** + * Clean up transport subscriptions and packet buffer. + * + * @api private + */ -var mark; -var measure; +Manager.prototype.cleanup = function () { + debug('cleanup'); -{ - var perf = inBrowser && window.performance; - /* istanbul ignore if */ - if ( - perf && - perf.mark && - perf.measure && - perf.clearMarks && - perf.clearMeasures - ) { - mark = function (tag) { return perf.mark(tag); }; - measure = function (name, startTag, endTag) { - perf.measure(name, startTag, endTag); - perf.clearMarks(startTag); - perf.clearMarks(endTag); - perf.clearMeasures(name); - }; + var subsLength = this.subs.length; + for (var i = 0; i < subsLength; i++) { + var sub = this.subs.shift(); + sub.destroy(); } -} -/* */ + this.packetBuffer = []; + this.encoding = false; + this.lastPing = null; -var VNode = function VNode ( - tag, - data, - children, - text, - elm, - context, - componentOptions -) { - this.tag = tag; - this.data = data; - this.children = children; - this.text = text; - this.elm = elm; - this.ns = undefined; - this.context = context; - this.functionalContext = undefined; - this.key = data && data.key; - this.componentOptions = componentOptions; - this.componentInstance = undefined; - this.parent = undefined; - this.raw = false; - this.isStatic = false; - this.isRootInsert = true; - this.isComment = false; - this.isCloned = false; - this.isOnce = false; + this.decoder.destroy(); }; -var prototypeAccessors = { child: {} }; +/** + * Close the current socket. + * + * @api private + */ -// DEPRECATED: alias for componentInstance for backwards compat. -/* istanbul ignore next */ -prototypeAccessors.child.get = function () { - return this.componentInstance +Manager.prototype.close = +Manager.prototype.disconnect = function () { + debug('disconnect'); + this.skipReconnect = true; + this.reconnecting = false; + if ('opening' === this.readyState) { + // `onclose` will not fire because + // an open event never happened + this.cleanup(); + } + this.backoff.reset(); + this.readyState = 'closed'; + if (this.engine) this.engine.close(); }; -Object.defineProperties( VNode.prototype, prototypeAccessors ); +/** + * Called upon engine close. + * + * @api private + */ -var createEmptyVNode = function () { - var node = new VNode(); - node.text = ''; - node.isComment = true; - return node +Manager.prototype.onclose = function (reason) { + debug('onclose'); + + this.cleanup(); + this.backoff.reset(); + this.readyState = 'closed'; + this.emit('close', reason); + + if (this._reconnection && !this.skipReconnect) { + this.reconnect(); + } }; -function createTextVNode (val) { - return new VNode(undefined, undefined, undefined, String(val)) -} +/** + * Attempt a reconnection. + * + * @api private + */ -// optimized shallow clone -// used for static nodes and slot nodes because they may be reused across -// multiple renders, cloning them avoids errors when DOM manipulations rely -// on their elm reference. -function cloneVNode (vnode) { - var cloned = new VNode( - vnode.tag, - vnode.data, - vnode.children, - vnode.text, - vnode.elm, - vnode.context, - vnode.componentOptions - ); - cloned.ns = vnode.ns; - cloned.isStatic = vnode.isStatic; - cloned.key = vnode.key; - cloned.isCloned = true; - return cloned -} +Manager.prototype.reconnect = function () { + if (this.reconnecting || this.skipReconnect) return this; -function cloneVNodes (vnodes) { - var len = vnodes.length; - var res = new Array(len); - for (var i = 0; i < len; i++) { - res[i] = cloneVNode(vnodes[i]); - } - return res -} + var self = this; -/* */ + if (this.backoff.attempts >= this._reconnectionAttempts) { + debug('reconnect failed'); + this.backoff.reset(); + this.emitAll('reconnect_failed'); + this.reconnecting = false; + } else { + var delay = this.backoff.duration(); + debug('will wait %dms before reconnect attempt', delay); -var normalizeEvent = cached(function (name) { - var once$$1 = name.charAt(0) === '~'; // Prefixed last, checked first - name = once$$1 ? name.slice(1) : name; - var capture = name.charAt(0) === '!'; - name = capture ? name.slice(1) : name; - return { - name: name, - once: once$$1, - capture: capture - } -}); + this.reconnecting = true; + var timer = setTimeout(function () { + if (self.skipReconnect) return; -function createFnInvoker (fns) { - function invoker () { - var arguments$1 = arguments; + debug('attempting reconnect'); + self.emitAll('reconnect_attempt', self.backoff.attempts); + self.emitAll('reconnecting', self.backoff.attempts); - var fns = invoker.fns; - if (Array.isArray(fns)) { - for (var i = 0; i < fns.length; i++) { - fns[i].apply(null, arguments$1); - } - } else { - // return handler return value for single handlers - return fns.apply(null, arguments) - } - } - invoker.fns = fns; - return invoker -} + // check again for the case socket closed in above events + if (self.skipReconnect) return; -function updateListeners ( - on, - oldOn, - add, - remove$$1, - vm -) { - var name, cur, old, event; - for (name in on) { - cur = on[name]; - old = oldOn[name]; - event = normalizeEvent(name); - if (!cur) { - "development" !== 'production' && warn( - "Invalid handler for event \"" + (event.name) + "\": got " + String(cur), - vm - ); - } else if (!old) { - if (!cur.fns) { - cur = on[name] = createFnInvoker(cur); + self.open(function (err) { + if (err) { + debug('reconnect attempt error'); + self.reconnecting = false; + self.reconnect(); + self.emitAll('reconnect_error', err.data); + } else { + debug('reconnect success'); + self.onreconnect(); + } + }); + }, delay); + + this.subs.push({ + destroy: function () { + clearTimeout(timer); } - add(event.name, cur, event.once, event.capture); - } else if (cur !== old) { - old.fns = cur; - on[name] = old; - } - } - for (name in oldOn) { - if (!on[name]) { - event = normalizeEvent(name); - remove$$1(event.name, oldOn[name], event.capture); - } + }); } -} +}; -/* */ +/** + * Called upon successful reconnect. + * + * @api private + */ -function mergeVNodeHook (def, hookKey, hook) { - var invoker; - var oldHook = def[hookKey]; +Manager.prototype.onreconnect = function () { + var attempt = this.backoff.attempts; + this.reconnecting = false; + this.backoff.reset(); + this.updateSocketIds(); + this.emitAll('reconnect', attempt); +}; - function wrappedHook () { - hook.apply(this, arguments); - // important: remove merged hook to ensure it's called only once - // and prevent memory leak - remove(invoker.fns, wrappedHook); - } +}); +___scope___.file("lib/socket.js", function(exports, require, module, __filename, __dirname){ - if (!oldHook) { - // no existing hook - invoker = createFnInvoker([wrappedHook]); - } else { - /* istanbul ignore if */ - if (oldHook.fns && oldHook.merged) { - // already a merged invoker - invoker = oldHook; - invoker.fns.push(wrappedHook); - } else { - // existing plain hook - invoker = createFnInvoker([oldHook, wrappedHook]); - } - } - invoker.merged = true; - def[hookKey] = invoker; -} +/** + * Module dependencies. + */ -/* */ +var parser = require('socket.io-parser'); +var Emitter = require('component-emitter'); +var toArray = require('to-array'); +var on = require('./on'); +var bind = require('component-bind'); +var debug = require('debug')('socket.io-client:socket'); +var hasBin = require('has-binary'); -// The template compiler attempts to minimize the need for normalization by -// statically analyzing the template at compile time. -// -// For plain HTML markup, normalization can be completely skipped because the -// generated render function is guaranteed to return Array. There are -// two cases where extra normalization is needed: +/** + * Module exports. + */ -// 1. When the children contains components - because a functional component -// may return an Array instead of a single root. In this case, just a simple -// normalization is needed - if any child is an Array, we flatten the whole -// thing with Array.prototype.concat. It is guaranteed to be only 1-level deep -// because functional components already normalize their own children. -function simpleNormalizeChildren (children) { - for (var i = 0; i < children.length; i++) { - if (Array.isArray(children[i])) { - return Array.prototype.concat.apply([], children) - } - } - return children -} +module.exports = exports = Socket; -// 2. When the children contains constructs that always generated nested Arrays, -// e.g.