├── .vscode └── settings.json ├── bundle.js.gz ├── server.js ├── .babelrc ├── src ├── types.d.ts ├── store │ ├── index.tsx │ └── google-map-reducer.tsx ├── app.tsx ├── containers │ └── google-map-container.tsx └── tsconfig.json ├── .gitignore ├── LICENSE.md ├── README.md ├── index.html ├── rollup.config.js ├── assets ├── loader-style.css └── blaze.min.css ├── package.json └── tslint.json /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "typescript.tsdk": "./node_modules/typescript/lib" 3 | } -------------------------------------------------------------------------------- /bundle.js.gz: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/piotrwitek/preact-redux-typescript-rollup-starter/HEAD/bundle.js.gz -------------------------------------------------------------------------------- /server.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | const jspmHmrServer = require('jspm-hmr'); 3 | const options = { 4 | open: true, 5 | port: 8000 6 | }; 7 | 8 | jspmHmrServer.start(options); 9 | -------------------------------------------------------------------------------- /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "plugins": [ 3 | ["module-resolver", { 4 | "alias": { 5 | "react": "preact-compat", 6 | "react-dom": "preact-compat" 7 | } 8 | }], 9 | "external-helpers", 10 | "transform-react-jsx" 11 | ], 12 | "presets": [ 13 | ["es2015", { 14 | "modules": false 15 | }] 16 | ] 17 | } -------------------------------------------------------------------------------- /src/types.d.ts: -------------------------------------------------------------------------------- 1 | declare module "preact-compat" { 2 | const lib: any; 3 | export default lib; 4 | } 5 | 6 | declare module "google-map-react" { 7 | const lib: any; 8 | export default lib; 9 | } 10 | 11 | interface FluxStandardAction { 12 | type: string; 13 | payload: PayloadType; 14 | error?: boolean; 15 | meta?: any; 16 | } 17 | -------------------------------------------------------------------------------- /src/store/index.tsx: -------------------------------------------------------------------------------- 1 | import { createStore, combineReducers } from 'redux'; 2 | 3 | import { 4 | default as googleMapReducer, IGoogleMapReducer 5 | } from './google-map-reducer'; 6 | 7 | export interface IRootReducer { 8 | googleMap: IGoogleMapReducer; 9 | } 10 | export const rootReducer = combineReducers({ 11 | googleMap: googleMapReducer 12 | }); 13 | 14 | // get last state from persistence 15 | const persistedState = {}; 16 | 17 | export const store = createStore( 18 | rootReducer, 19 | persistedState 20 | ); 21 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | # Logs 3 | logs 4 | *.log 5 | npm-debug.log* 6 | 7 | # Runtime data 8 | pids 9 | *.pid 10 | *.seed 11 | 12 | # Directory for instrumented libs generated by jscoverage/JSCover 13 | lib-cov 14 | 15 | # Coverage directory used by tools like istanbul 16 | coverage 17 | 18 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 19 | .grunt 20 | 21 | # node-waf configuration 22 | .lock-wscript 23 | 24 | # Compiled binary addons (http://nodejs.org/api/addons.html) 25 | build/Release 26 | 27 | # Dependency directory 28 | # https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git 29 | node_modules 30 | out 31 | dist 32 | bundle.js 33 | -------------------------------------------------------------------------------- /src/app.tsx: -------------------------------------------------------------------------------- 1 | import { default as React, Component } from 'react'; 2 | import { render } from 'react-dom'; 3 | import { Provider } from 'react-redux'; 4 | 5 | import { store } from './store/index'; 6 | import GoogleMapContainer from './containers/google-map-container'; 7 | 8 | interface IProps { 9 | } 10 | class App extends Component { 11 | 12 | render() { 13 | return ( 14 | 15 |
16 |

Map Example

17 | 18 | 19 | 20 |
21 |
22 |
23 | ); 24 | } 25 | } 26 | 27 | const container = document.getElementById('app-container') || document.body; 28 | container.innerHTML = ''; 29 | render(, container); 30 | -------------------------------------------------------------------------------- /src/store/google-map-reducer.tsx: -------------------------------------------------------------------------------- 1 | // Action Types - LOAD, CREATE, UPDATE, REMOVE 2 | const CHANGE_SELECTED_LOCATION = 'google-map-reducer/SELECT_LOCATION'; 3 | 4 | // Action Creators 5 | export const changeSelectedLocation = (payload: any) => ({ 6 | type: CHANGE_SELECTED_LOCATION, 7 | payload 8 | }); 9 | 10 | // Reducer 11 | export interface IGoogleMapReducer { 12 | isLoading: boolean; 13 | errorMessage: string | null; 14 | lastUpdated: Date | null; 15 | selectedLocation: any; 16 | } 17 | const initialState: IGoogleMapReducer = { 18 | isLoading: false, 19 | errorMessage: null, 20 | lastUpdated: null, 21 | selectedLocation: null 22 | }; 23 | 24 | export default function reducer(state = initialState, action: FluxStandardAction): IGoogleMapReducer { 25 | switch (action.type) { 26 | case CHANGE_SELECTED_LOCATION: 27 | return Object.assign({}, state, { 28 | selectedLocation: action.payload 29 | }); 30 | 31 | default: return state; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2016 Piotr Witek (http://piotrwitek.github.io) 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Minimal "React-like" + Redux starter 2 | ## _13KB min+gzip_ 3 | - Preact - drop-in replacement for React: https://preactjs.com/ 4 | - bundling with tree-shaking with Rollup 5 | - static typing with TypeScript 6 | - ES5 transpilation with Babel 7 | 8 | ### Demo Page: https://piotrwitek.github.io/preact-redux-typescript-rollup-starter/ 9 | 10 | ## Bundle size comparison: 11 | - preact + preact-compat + redux + react-redux ([Bundle](https://github.com/piotrwitek/preact-typescript-rollup-starter-kit/blob/master/bundle.js.gz))= 13KB!!! 12 | - preact + preact-compat + redux + react-redux + google-map-react ([Demo Page](https://piotrwitek.github.io/preact-redux-typescript-rollup-starter/)) = 27KB!!! 13 | - react + react-dom (same source code) = 138KB 14 | 15 | ## Installation 16 | ``` 17 | npm i 18 | npm run tsc && npm run build 19 | npm start 20 | ``` 21 | 22 | #### Warning: 23 | Important to use exact dependencies set in package.json, then update each dependency separately because newer preact-plugins can introduce breaking changes and stop this setup from working. 24 | 25 | --- 26 | 27 | ## The MIT License (MIT) 28 | 29 | Copyright (c) 2016 Piotr Witek (http://piotrwitek.github.io) 30 | -------------------------------------------------------------------------------- /src/containers/google-map-container.tsx: -------------------------------------------------------------------------------- 1 | import { default as React, Component } from 'react'; 2 | import { connect } from 'react-redux'; 3 | import { default as GoogleMap } from 'google-map-react'; 4 | 5 | import { IRootReducer } from '../store/index'; 6 | import * as googleMapActions from '../store/google-map-reducer'; 7 | 8 | const DEFAULT_CENTER = { lat: 59.3208006, lng: 18.0359329 }; 9 | const DEFAULT_ZOOM = 14; 10 | 11 | interface IProps { 12 | selectedLocation: any; 13 | changeSelectedLocation: (selectedLocation: any) => FluxStandardAction; 14 | } 15 | export class GoogleMapExample extends React.Component { 16 | 17 | render() { 18 | 19 | return ( 20 |
21 |
22 | 27 | 28 |
29 |
30 | ); 31 | } 32 | }; 33 | 34 | const stateToProps = (state: IRootReducer) => ({ 35 | selectedLocation: state.googleMap.selectedLocation 36 | }); 37 | const actionsToProps = Object.assign(googleMapActions); 38 | 39 | export default connect(stateToProps, actionsToProps)(GoogleMapExample); 40 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Preact POC 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 |
17 |

Map Component

18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 | 36 | 37 | 38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /rollup.config.js: -------------------------------------------------------------------------------- 1 | import replace from 'rollup-plugin-replace'; 2 | import nodeResolve from 'rollup-plugin-node-resolve'; 3 | import commonjs from 'rollup-plugin-commonjs'; 4 | import babel from 'rollup-plugin-babel'; 5 | import uglify from 'rollup-plugin-uglify'; 6 | 7 | export default { 8 | entry: 'out/app.jsx', 9 | dest: 'bundle.js', 10 | format: 'iife', 11 | moduleName: 'preact-widget', 12 | moduleId: 'preact-widget', 13 | sourceMap: false, 14 | treeshake: true, 15 | plugins: [ 16 | replace({ 17 | 'process.env.NODE_ENV': JSON.stringify('production'), 18 | }), 19 | babel({ 20 | exclude: [ 21 | 'node_modules/!(' + 22 | 'google-map-react|preact|preact-compat|react-redux' + 23 | ')/**', 24 | ] 25 | }), 26 | nodeResolve({ 27 | jsnext: true, 28 | // module: false, 29 | // browser: true, 30 | main: true, 31 | extensions: ['.js', '.jsx'], 32 | // preferBuiltins: true, 33 | }), 34 | commonjs({ 35 | include: 'node_modules/**', 36 | namedExports: { 37 | 'node_modules/preact/dist/preact.js': ['h', 'render', 'Component', 'cloneElement', 'options'], 38 | }, 39 | }), 40 | uglify({ 41 | compress: { 42 | screw_ie8: true, 43 | warnings: false 44 | }, 45 | output: { 46 | comments: false 47 | }, 48 | sourceMap: false, 49 | }), 50 | ], 51 | }; -------------------------------------------------------------------------------- /assets/loader-style.css: -------------------------------------------------------------------------------- 1 | html { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | .loader-container { 6 | text-align: center; 7 | width: 100%; 8 | } 9 | .sk-cube-grid { 10 | position: relative; 11 | width: 40px; 12 | height: 40px; 13 | margin: 45vh auto; 14 | } 15 | .sk-cube-grid .sk-cube { 16 | width: 33%; 17 | height: 33%; 18 | background-color: #333; 19 | float: left; 20 | -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 21 | animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 22 | } 23 | .sk-cube-grid .sk-cube1 { 24 | -webkit-animation-delay: 0.2s; 25 | animation-delay: 0.2s; 26 | } 27 | .sk-cube-grid .sk-cube2 { 28 | -webkit-animation-delay: 0.3s; 29 | animation-delay: 0.3s; 30 | } 31 | .sk-cube-grid .sk-cube3 { 32 | -webkit-animation-delay: 0.4s; 33 | animation-delay: 0.4s; 34 | } 35 | .sk-cube-grid .sk-cube4 { 36 | -webkit-animation-delay: 0.1s; 37 | animation-delay: 0.1s; 38 | } 39 | .sk-cube-grid .sk-cube5 { 40 | -webkit-animation-delay: 0.2s; 41 | animation-delay: 0.2s; 42 | } 43 | .sk-cube-grid .sk-cube6 { 44 | -webkit-animation-delay: 0.3s; 45 | animation-delay: 0.3s; 46 | } 47 | .sk-cube-grid .sk-cube7 { 48 | -webkit-animation-delay: 0s; 49 | animation-delay: 0s; 50 | } 51 | .sk-cube-grid .sk-cube8 { 52 | -webkit-animation-delay: 0.1s; 53 | animation-delay: 0.1s; 54 | } 55 | .sk-cube-grid .sk-cube9 { 56 | -webkit-animation-delay: 0.2s; 57 | animation-delay: 0.2s; 58 | } 59 | @-webkit-keyframes sk-cubeGridScaleDelay { 60 | 0%, 70%, 100% { 61 | -webkit-transform: scale3D(1, 1, 1); 62 | transform: scale3D(1, 1, 1); 63 | } 64 | 35% { 65 | -webkit-transform: scale3D(0, 0, 1); 66 | transform: scale3D(0, 0, 1); 67 | } 68 | } 69 | @keyframes sk-cubeGridScaleDelay { 70 | 0%, 70%, 100% { 71 | -webkit-transform: scale3D(1, 1, 1); 72 | transform: scale3D(1, 1, 1); 73 | } 74 | 35% { 75 | -webkit-transform: scale3D(0, 0, 1); 76 | transform: scale3D(0, 0, 1); 77 | } 78 | } -------------------------------------------------------------------------------- /src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "strictNullChecks": true, 4 | "noImplicitAny": true, 5 | "noImplicitThis": true, 6 | "noImplicitReturns": true, 7 | "declaration": false, 8 | "jsx": "preserve", 9 | "module": "es6", 10 | "newLine": "LF", 11 | "noEmit": false, 12 | "noEmitOnError": true, 13 | "noUnusedLocals": false, 14 | "noUnusedParameters": false, 15 | "noResolve": false, 16 | "outDir": "../out", 17 | "preserveConstEnums": true, 18 | "pretty": true, 19 | "removeComments": true, 20 | "isolatedModules": false, 21 | "sourceMap": false, 22 | "target": "es6", 23 | "experimentalDecorators": true, 24 | "emitDecoratorMetadata": true, 25 | "moduleResolution": "node", 26 | "allowUnusedLabels": false, 27 | "noFallthroughCasesInSwitch": true, 28 | "allowUnreachableCode": false, 29 | "typeRoots": ["../node_modules/@types/**/*"], 30 | "allowJs": true, 31 | "allowSyntheticDefaultImports": true, 32 | "lib": ["dom", "es6", "es2015.iterable", "es2015.promise", "es2016.array.include", "es2017.object"] 33 | }, 34 | "include": [ 35 | "**/*" 36 | ], 37 | "exclude": [ 38 | "node_modules/**/", 39 | "jspm_packages/**/" 40 | ], 41 | "compileOnSave": false, 42 | "vscode": { 43 | "rewriteTsconfig": true 44 | }, 45 | "atom": { 46 | "rewriteTsconfig": true 47 | }, 48 | "formatCodeOptions": { 49 | "indentSize": 2, 50 | "tabSize": 2, 51 | "newLineCharacter": "\r\n", 52 | "convertTabsToSpaces": true, 53 | "insertSpaceAfterCommaDelimiter": true, 54 | "insertSpaceAfterSemicolonInForStatements": true, 55 | "insertSpaceBeforeAndAfterBinaryOperators": true, 56 | "insertSpaceAfterKeywordsInControlFlowStatements": true, 57 | "insertSpaceAfterFunctionKeywordForAnonymousFunctions": false, 58 | "insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis": false, 59 | "placeOpenBraceOnNewLineForFunctions": false, 60 | "placeOpenBraceOnNewLineForControlBlocks": false 61 | } 62 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "preact-typescript-rollup-starter-kit", 3 | "version": "0.1.0", 4 | "description": "Minimal React-like + Redux starter-kit EVER - 13KB min+gzip", 5 | "author": "Piotr Witek (http://piotrwitek.github.io)", 6 | "homepage": "http://piotrwitek.github.io/preact-typescript-rollup-starter-kit/", 7 | "repository": "https://github.com/piotrwitek/preact-typescript-rollup-starter-kit", 8 | "license": "MIT", 9 | "main": "server.js", 10 | "scripts": { 11 | "start": "concurrently --kill-others \"npm run tsc:watch\" \"npm run build:watch\" \"node server.js\" --prefix \"[{name}]\" --names \"TSC,ROLLUP,SERVER\"", 12 | "watch": "tsc -p src -w", 13 | "tsc": "tsc -p src", 14 | "tsc:watch": "tsc -p src -w", 15 | "build": "rollup -c rollup.config.js", 16 | "build:watch": "rollup -c rollup.config.js -w", 17 | "test": "echo \"Error: no test specified\" && exit 1", 18 | "lint": "tslint ./src/**/*.ts[x]", 19 | "deploy": "cd dist && git checkout gh-pages && git add --all && git commit -m \"New Release\" && git push" 20 | }, 21 | "dependencies": { 22 | "google-map-react": "^0.21.0", 23 | "preact": "^6.4.0", 24 | "preact-compat": "^3.9.0", 25 | "react-redux": "^4.4.5", 26 | "redux": "^3.6.0" 27 | }, 28 | "devDependencies": { 29 | "@types/react": "^0.14.44", 30 | "@types/react-dom": "^0.14.18", 31 | "@types/react-redux": "^4.4.32", 32 | "@types/redux": "^3.6.31", 33 | "babel-plugin-external-helpers": "^6.18.0", 34 | "babel-plugin-module-resolver": "^2.2.0", 35 | "babel-plugin-transform-react-jsx": "^6.8.0", 36 | "babel-preset-es2015": "^6.18.0", 37 | "concurrently": "^3.1.0", 38 | "jspm": "^0.17.0-beta.31", 39 | "jspm-hmr": "^0.5.0", 40 | "rollup": "^0.36.3", 41 | "rollup-plugin-babel": "2.4.0", 42 | "rollup-plugin-commonjs": "^5.0.5", 43 | "rollup-plugin-node-resolve": "^2.0.0", 44 | "rollup-plugin-replace": "^1.1.1", 45 | "rollup-plugin-uglify": "^1.0.1", 46 | "rollup-watch": "^2.5.0", 47 | "tslint": "^3.15.1", 48 | "typescript": "^2.0.6" 49 | } 50 | } 51 | -------------------------------------------------------------------------------- /tslint.json: -------------------------------------------------------------------------------- 1 | { 2 | "rules": { 3 | "align": [ 4 | true, 5 | "parameters", 6 | "arguments", 7 | "statements" 8 | ], 9 | "ban": false, 10 | "class-name": true, 11 | "comment-format": [ 12 | true, 13 | "check-space" 14 | ], 15 | "curly": false, 16 | "eofline": true, 17 | "forin": true, 18 | "indent": [ 19 | true, 20 | "spaces" 21 | ], 22 | "interface-name": false, 23 | "jsdoc-format": true, 24 | "label-position": true, 25 | "label-undefined": true, 26 | "max-line-length": [ 27 | true, 28 | 140 29 | ], 30 | "member-ordering": [ 31 | true, 32 | "public-before-private", 33 | "static-before-instance", 34 | "variables-before-functions" 35 | ], 36 | "no-any": false, 37 | "no-arg": true, 38 | "no-bitwise": true, 39 | "no-console": [ 40 | true, 41 | "debug", 42 | "info", 43 | "time", 44 | "timeEnd", 45 | "trace" 46 | ], 47 | "no-construct": true, 48 | "no-constructor-vars": false, 49 | "no-debugger": true, 50 | "no-duplicate-key": true, 51 | "no-shadowed-variable": true, 52 | "no-duplicate-variable": true, 53 | "no-empty": true, 54 | "no-eval": true, 55 | "no-internal-module": true, 56 | "no-require-imports": true, 57 | "no-string-literal": true, 58 | "no-switch-case-fall-through": true, 59 | "trailing-comma": { 60 | "singleline": "never", 61 | "multiline": "always" 62 | }, 63 | "no-trailing-whitespace": true, 64 | "no-unreachable": true, 65 | "no-unused-expression": true, 66 | "no-unused-variable": [ 67 | true, 68 | "react" 69 | ], 70 | "no-use-before-declare": true, 71 | "no-var-keyword": true, 72 | "no-var-requires": false, 73 | "one-line": [ 74 | true, 75 | "check-open-brace", 76 | "check-catch", 77 | "check-else", 78 | "check-whitespace" 79 | ], 80 | "quotemark": [ 81 | true, 82 | "single", 83 | "jsx-double" 84 | ], 85 | "radix": true, 86 | "semicolon": [ 87 | true, 88 | "always" 89 | ], 90 | "switch-default": true, 91 | "triple-equals": [ 92 | true, 93 | "allow-null-check" 94 | ], 95 | "typedef": [ 96 | false, 97 | "call-signature", 98 | "parameter", 99 | "property-declaration", 100 | "member-variable-declaration" 101 | ], 102 | "typedef-whitespace": [ 103 | true, 104 | { 105 | "call-signature": "nospace", 106 | "index-signature": "nospace", 107 | "parameter": "nospace", 108 | "property-declaration": "nospace", 109 | "variable-declaration": "nospace" 110 | } 111 | ], 112 | "use-strict": [ 113 | false, 114 | "check-module", 115 | "check-function" 116 | ], 117 | "variable-name": [ 118 | true, 119 | "ban-keywords" 120 | ], 121 | "whitespace": [ 122 | true, 123 | "check-branch", 124 | "check-decl", 125 | "check-operator", 126 | "check-separator", 127 | "check-type" 128 | ] 129 | } 130 | } -------------------------------------------------------------------------------- /assets/blaze.min.css: -------------------------------------------------------------------------------- 1 | /*!v3.2.0*/@charset "UTF-8";html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0}.o-container{margin:auto}@media (min-width:20em){.o-container--xsmall\@xsmall{max-width:20em}.o-container--small\@xsmall{max-width:30em}.o-container--medium\@xsmall{max-width:48em}.o-container--large\@xsmall{max-width:64em}.o-container--xlarge\@xsmall{max-width:78em}.o-container--super\@xsmall{max-width:116em}}@media (min-width:30em){.o-container--xsmall\@small{max-width:20em}.o-container--small\@small{max-width:30em}.o-container--medium\@small{max-width:48em}.o-container--large\@small{max-width:64em}.o-container--xlarge\@small{max-width:78em}.o-container--super\@small{max-width:116em}}@media (min-width:48em){.o-container--xsmall\@medium{max-width:20em}.o-container--small\@medium{max-width:30em}.o-container--medium\@medium{max-width:48em}.o-container--large\@medium{max-width:64em}.o-container--xlarge\@medium{max-width:78em}.o-container--super\@medium{max-width:116em}}@media (min-width:64em){.o-container--xsmall\@large{max-width:20em}.o-container--small\@large{max-width:30em}.o-container--medium\@large{max-width:48em}.o-container--large\@large{max-width:64em}.o-container--xlarge\@large{max-width:78em}.o-container--super\@large{max-width:116em}}@media (min-width:78em){.o-container--xsmall\@xlarge{max-width:20em}.o-container--small\@xlarge{max-width:30em}.o-container--medium\@xlarge{max-width:48em}.o-container--large\@xlarge{max-width:64em}.o-container--xlarge\@xlarge{max-width:78em}.o-container--super\@xlarge{max-width:116em}}@media (min-width:116em){.o-container--xsmall\@super{max-width:20em}.o-container--small\@super{max-width:30em}.o-container--medium\@super{max-width:48em}.o-container--large\@super{max-width:64em}.o-container--xlarge\@super{max-width:78em}.o-container--super\@super{max-width:116em}}.o-container--xsmall{max-width:20em}.o-container--small{max-width:30em}.o-container--medium{max-width:48em}.o-container--large{max-width:64em}.o-container--xlarge{max-width:78em}.o-container--super{max-width:116em}.o-grid{display:-ms-flexbox;display:flex}.o-grid--wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.o-grid--top{-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}.o-grid--center{-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.o-grid--bottom{-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}.o-grid--no-gutter>.o-grid__cell{padding-right:0;padding-left:0}.o-grid__cell{-ms-flex:1;flex:1;padding-right:1em;padding-left:1em}.o-grid__cell--width-5{-ms-flex:0 0 5%;flex:0 0 5%;max-width:5%}.o-grid__cell--offset-5{margin-left:5%}.o-grid__cell--width-10{-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}.o-grid__cell--offset-10{margin-left:10%}.o-grid__cell--width-15{-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%}.o-grid__cell--offset-15{margin-left:15%}.o-grid__cell--width-20{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.o-grid__cell--offset-20{margin-left:20%}.o-grid__cell--width-25{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.o-grid__cell--offset-25{margin-left:25%}.o-grid__cell--width-30{-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}.o-grid__cell--offset-30{margin-left:30%}.o-grid__cell--width-33{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.o-grid__cell--offset-33{margin-left:33.33333%}.o-grid__cell--width-35{-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%}.o-grid__cell--offset-35{margin-left:35%}.o-grid__cell--width-40{-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}.o-grid__cell--offset-40{margin-left:40%}.o-grid__cell--width-45{-ms-flex:0 0 45%;flex:0 0 45%;max-width:45%}.o-grid__cell--offset-45{margin-left:45%}.o-grid__cell--width-50{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.o-grid__cell--offset-50{margin-left:50%}.o-grid__cell--width-55{-ms-flex:0 0 55%;flex:0 0 55%;max-width:55%}.o-grid__cell--offset-55{margin-left:55%}.o-grid__cell--width-60{-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%}.o-grid__cell--offset-60{margin-left:60%}.o-grid__cell--width-65{-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}.o-grid__cell--offset-65{margin-left:65%}.o-grid__cell--width-66{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.o-grid__cell--offset-66{margin-left:66.66667%}.o-grid__cell--width-70{-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%}.o-grid__cell--offset-70{margin-left:70%}.o-grid__cell--width-75{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.o-grid__cell--offset-75{margin-left:75%}.o-grid__cell--width-80{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}.o-grid__cell--offset-80{margin-left:80%}.o-grid__cell--width-85{-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%}.o-grid__cell--offset-85{margin-left:85%}.o-grid__cell--width-90{-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%}.o-grid__cell--offset-90{margin-left:90%}.o-grid__cell--width-95{-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%}.o-grid__cell--offset-95{margin-left:95%}.o-grid__cell--width-100{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.o-grid__cell--offset-100{margin-left:100%}.o-grid__cell--top{-ms-flex-item-align:start;align-self:flex-start}.o-grid__cell--center{-ms-flex-item-align:center;align-self:center}.o-grid__cell--bottom{-ms-flex-item-align:end;align-self:flex-end}.o-grid__cell--no-gutter{padding-right:0;padding-left:0}.o-grid__cell--width-fixed{-ms-flex:0 1 auto;flex:0 1 auto}.o-grid__cell--hidden{display:none}.o-grid__cell--visible{display:initial}@media (max-width:19.99em){.o-grid.o-grid--xsmall-fit>.o-grid__cell:not([class*=o-grid__cell--width]){-ms-flex:1;flex:1}.o-grid.o-grid--xsmall-full{-ms-flex-wrap:wrap;flex-wrap:wrap}.o-grid.o-grid--xsmall-full>.o-grid__cell{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-left:0}}@media (min-width:20em) and (max-width:29.99em){.o-grid.o-grid--small-fit>.o-grid__cell:not([class*=o-grid__cell--width]){-ms-flex:1;flex:1}.o-grid.o-grid--small-full{-ms-flex-wrap:wrap;flex-wrap:wrap}.o-grid.o-grid--small-full>.o-grid__cell{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-left:0}}@media (min-width:30em) and (max-width:47.99em){.o-grid.o-grid--medium-fit>.o-grid__cell:not([class*=o-grid__cell--width]){-ms-flex:1;flex:1}.o-grid.o-grid--medium-full{-ms-flex-wrap:wrap;flex-wrap:wrap}.o-grid.o-grid--medium-full>.o-grid__cell{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-left:0}}@media (min-width:48em) and (max-width:63.99em){.o-grid.o-grid--large-fit>.o-grid__cell:not([class*=o-grid__cell--width]){-ms-flex:1;flex:1}.o-grid.o-grid--large-full{-ms-flex-wrap:wrap;flex-wrap:wrap}.o-grid.o-grid--large-full>.o-grid__cell{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-left:0}}@media (min-width:64em) and (max-width:77.99em){.o-grid.o-grid--xlarge-fit>.o-grid__cell:not([class*=o-grid__cell--width]){-ms-flex:1;flex:1}.o-grid.o-grid--xlarge-full{-ms-flex-wrap:wrap;flex-wrap:wrap}.o-grid.o-grid--xlarge-full>.o-grid__cell{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-left:0}}@media (min-width:64em){.o-grid.o-grid--super-fit>.o-grid__cell:not([class*=o-grid__cell--width]){-ms-flex:1;flex:1}.o-grid.o-grid--super-full{-ms-flex-wrap:wrap;flex-wrap:wrap}.o-grid.o-grid--super-full>.o-grid__cell{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-left:0}}@media (min-width:20em){.o-grid__cell--width-5\@xsmall{-ms-flex:0 0 5%;flex:0 0 5%;max-width:5%}.o-grid__cell--offset-5\@xsmall{margin-left:5%}.o-grid__cell--width-10\@xsmall{-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}.o-grid__cell--offset-10\@xsmall{margin-left:10%}.o-grid__cell--width-15\@xsmall{-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%}.o-grid__cell--offset-15\@xsmall{margin-left:15%}.o-grid__cell--width-20\@xsmall{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.o-grid__cell--offset-20\@xsmall{margin-left:20%}.o-grid__cell--width-25\@xsmall{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.o-grid__cell--offset-25\@xsmall{margin-left:25%}.o-grid__cell--width-30\@xsmall{-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}.o-grid__cell--offset-30\@xsmall{margin-left:30%}.o-grid__cell--width-33\@xsmall{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.o-grid__cell--offset-33\@xsmall{margin-left:33.33333%}.o-grid__cell--width-35\@xsmall{-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%}.o-grid__cell--offset-35\@xsmall{margin-left:35%}.o-grid__cell--width-40\@xsmall{-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}.o-grid__cell--offset-40\@xsmall{margin-left:40%}.o-grid__cell--width-45\@xsmall{-ms-flex:0 0 45%;flex:0 0 45%;max-width:45%}.o-grid__cell--offset-45\@xsmall{margin-left:45%}.o-grid__cell--width-50\@xsmall{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.o-grid__cell--offset-50\@xsmall{margin-left:50%}.o-grid__cell--width-55\@xsmall{-ms-flex:0 0 55%;flex:0 0 55%;max-width:55%}.o-grid__cell--offset-55\@xsmall{margin-left:55%}.o-grid__cell--width-60\@xsmall{-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%}.o-grid__cell--offset-60\@xsmall{margin-left:60%}.o-grid__cell--width-65\@xsmall{-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}.o-grid__cell--offset-65\@xsmall{margin-left:65%}.o-grid__cell--width-66\@xsmall{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.o-grid__cell--offset-66\@xsmall{margin-left:66.66667%}.o-grid__cell--width-70\@xsmall{-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%}.o-grid__cell--offset-70\@xsmall{margin-left:70%}.o-grid__cell--width-75\@xsmall{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.o-grid__cell--offset-75\@xsmall{margin-left:75%}.o-grid__cell--width-80\@xsmall{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}.o-grid__cell--offset-80\@xsmall{margin-left:80%}.o-grid__cell--width-85\@xsmall{-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%}.o-grid__cell--offset-85\@xsmall{margin-left:85%}.o-grid__cell--width-90\@xsmall{-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%}.o-grid__cell--offset-90\@xsmall{margin-left:90%}.o-grid__cell--width-95\@xsmall{-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%}.o-grid__cell--offset-95\@xsmall{margin-left:95%}.o-grid__cell--hidden\@xsmall{display:none}.o-grid__cell--visible\@xsmall{display:initial}.o-grid__cell--width-100\@xsmall{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.o-grid__cell--offset-100\@xsmall{margin-left:100%}.o-grid__cell--width-fixed\@xsmall{-ms-flex:0 1 auto;flex:0 1 auto}}@media (min-width:30em){.o-grid__cell--width-5\@small{-ms-flex:0 0 5%;flex:0 0 5%;max-width:5%}.o-grid__cell--offset-5\@small{margin-left:5%}.o-grid__cell--width-10\@small{-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}.o-grid__cell--offset-10\@small{margin-left:10%}.o-grid__cell--width-15\@small{-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%}.o-grid__cell--offset-15\@small{margin-left:15%}.o-grid__cell--width-20\@small{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.o-grid__cell--offset-20\@small{margin-left:20%}.o-grid__cell--width-25\@small{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.o-grid__cell--offset-25\@small{margin-left:25%}.o-grid__cell--width-30\@small{-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}.o-grid__cell--offset-30\@small{margin-left:30%}.o-grid__cell--width-33\@small{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.o-grid__cell--offset-33\@small{margin-left:33.33333%}.o-grid__cell--width-35\@small{-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%}.o-grid__cell--offset-35\@small{margin-left:35%}.o-grid__cell--width-40\@small{-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}.o-grid__cell--offset-40\@small{margin-left:40%}.o-grid__cell--width-45\@small{-ms-flex:0 0 45%;flex:0 0 45%;max-width:45%}.o-grid__cell--offset-45\@small{margin-left:45%}.o-grid__cell--width-50\@small{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.o-grid__cell--offset-50\@small{margin-left:50%}.o-grid__cell--width-55\@small{-ms-flex:0 0 55%;flex:0 0 55%;max-width:55%}.o-grid__cell--offset-55\@small{margin-left:55%}.o-grid__cell--width-60\@small{-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%}.o-grid__cell--offset-60\@small{margin-left:60%}.o-grid__cell--width-65\@small{-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}.o-grid__cell--offset-65\@small{margin-left:65%}.o-grid__cell--width-66\@small{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.o-grid__cell--offset-66\@small{margin-left:66.66667%}.o-grid__cell--width-70\@small{-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%}.o-grid__cell--offset-70\@small{margin-left:70%}.o-grid__cell--width-75\@small{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.o-grid__cell--offset-75\@small{margin-left:75%}.o-grid__cell--width-80\@small{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}.o-grid__cell--offset-80\@small{margin-left:80%}.o-grid__cell--width-85\@small{-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%}.o-grid__cell--offset-85\@small{margin-left:85%}.o-grid__cell--width-90\@small{-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%}.o-grid__cell--offset-90\@small{margin-left:90%}.o-grid__cell--width-95\@small{-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%}.o-grid__cell--offset-95\@small{margin-left:95%}.o-grid__cell--hidden\@small{display:none}.o-grid__cell--visible\@small{display:initial}.o-grid__cell--width-100\@small{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.o-grid__cell--offset-100\@small{margin-left:100%}.o-grid__cell--width-fixed\@small{-ms-flex:0 1 auto;flex:0 1 auto}}@media (min-width:48em){.o-grid__cell--width-5\@medium{-ms-flex:0 0 5%;flex:0 0 5%;max-width:5%}.o-grid__cell--offset-5\@medium{margin-left:5%}.o-grid__cell--width-10\@medium{-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}.o-grid__cell--offset-10\@medium{margin-left:10%}.o-grid__cell--width-15\@medium{-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%}.o-grid__cell--offset-15\@medium{margin-left:15%}.o-grid__cell--width-20\@medium{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.o-grid__cell--offset-20\@medium{margin-left:20%}.o-grid__cell--width-25\@medium{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.o-grid__cell--offset-25\@medium{margin-left:25%}.o-grid__cell--width-30\@medium{-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}.o-grid__cell--offset-30\@medium{margin-left:30%}.o-grid__cell--width-33\@medium{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.o-grid__cell--offset-33\@medium{margin-left:33.33333%}.o-grid__cell--width-35\@medium{-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%}.o-grid__cell--offset-35\@medium{margin-left:35%}.o-grid__cell--width-40\@medium{-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}.o-grid__cell--offset-40\@medium{margin-left:40%}.o-grid__cell--width-45\@medium{-ms-flex:0 0 45%;flex:0 0 45%;max-width:45%}.o-grid__cell--offset-45\@medium{margin-left:45%}.o-grid__cell--width-50\@medium{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.o-grid__cell--offset-50\@medium{margin-left:50%}.o-grid__cell--width-55\@medium{-ms-flex:0 0 55%;flex:0 0 55%;max-width:55%}.o-grid__cell--offset-55\@medium{margin-left:55%}.o-grid__cell--width-60\@medium{-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%}.o-grid__cell--offset-60\@medium{margin-left:60%}.o-grid__cell--width-65\@medium{-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}.o-grid__cell--offset-65\@medium{margin-left:65%}.o-grid__cell--width-66\@medium{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.o-grid__cell--offset-66\@medium{margin-left:66.66667%}.o-grid__cell--width-70\@medium{-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%}.o-grid__cell--offset-70\@medium{margin-left:70%}.o-grid__cell--width-75\@medium{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.o-grid__cell--offset-75\@medium{margin-left:75%}.o-grid__cell--width-80\@medium{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}.o-grid__cell--offset-80\@medium{margin-left:80%}.o-grid__cell--width-85\@medium{-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%}.o-grid__cell--offset-85\@medium{margin-left:85%}.o-grid__cell--width-90\@medium{-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%}.o-grid__cell--offset-90\@medium{margin-left:90%}.o-grid__cell--width-95\@medium{-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%}.o-grid__cell--offset-95\@medium{margin-left:95%}.o-grid__cell--hidden\@medium{display:none}.o-grid__cell--visible\@medium{display:initial}.o-grid__cell--width-100\@medium{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.o-grid__cell--offset-100\@medium{margin-left:100%}.o-grid__cell--width-fixed\@medium{-ms-flex:0 1 auto;flex:0 1 auto}}@media (min-width:64em){.o-grid__cell--width-5\@large{-ms-flex:0 0 5%;flex:0 0 5%;max-width:5%}.o-grid__cell--offset-5\@large{margin-left:5%}.o-grid__cell--width-10\@large{-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}.o-grid__cell--offset-10\@large{margin-left:10%}.o-grid__cell--width-15\@large{-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%}.o-grid__cell--offset-15\@large{margin-left:15%}.o-grid__cell--width-20\@large{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.o-grid__cell--offset-20\@large{margin-left:20%}.o-grid__cell--width-25\@large{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.o-grid__cell--offset-25\@large{margin-left:25%}.o-grid__cell--width-30\@large{-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}.o-grid__cell--offset-30\@large{margin-left:30%}.o-grid__cell--width-33\@large{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.o-grid__cell--offset-33\@large{margin-left:33.33333%}.o-grid__cell--width-35\@large{-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%}.o-grid__cell--offset-35\@large{margin-left:35%}.o-grid__cell--width-40\@large{-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}.o-grid__cell--offset-40\@large{margin-left:40%}.o-grid__cell--width-45\@large{-ms-flex:0 0 45%;flex:0 0 45%;max-width:45%}.o-grid__cell--offset-45\@large{margin-left:45%}.o-grid__cell--width-50\@large{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.o-grid__cell--offset-50\@large{margin-left:50%}.o-grid__cell--width-55\@large{-ms-flex:0 0 55%;flex:0 0 55%;max-width:55%}.o-grid__cell--offset-55\@large{margin-left:55%}.o-grid__cell--width-60\@large{-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%}.o-grid__cell--offset-60\@large{margin-left:60%}.o-grid__cell--width-65\@large{-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}.o-grid__cell--offset-65\@large{margin-left:65%}.o-grid__cell--width-66\@large{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.o-grid__cell--offset-66\@large{margin-left:66.66667%}.o-grid__cell--width-70\@large{-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%}.o-grid__cell--offset-70\@large{margin-left:70%}.o-grid__cell--width-75\@large{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.o-grid__cell--offset-75\@large{margin-left:75%}.o-grid__cell--width-80\@large{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}.o-grid__cell--offset-80\@large{margin-left:80%}.o-grid__cell--width-85\@large{-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%}.o-grid__cell--offset-85\@large{margin-left:85%}.o-grid__cell--width-90\@large{-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%}.o-grid__cell--offset-90\@large{margin-left:90%}.o-grid__cell--width-95\@large{-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%}.o-grid__cell--offset-95\@large{margin-left:95%}.o-grid__cell--hidden\@large{display:none}.o-grid__cell--visible\@large{display:initial}.o-grid__cell--width-100\@large{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.o-grid__cell--offset-100\@large{margin-left:100%}.o-grid__cell--width-fixed\@large{-ms-flex:0 1 auto;flex:0 1 auto}}@media (min-width:78em){.o-grid__cell--width-5\@xlarge{-ms-flex:0 0 5%;flex:0 0 5%;max-width:5%}.o-grid__cell--offset-5\@xlarge{margin-left:5%}.o-grid__cell--width-10\@xlarge{-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}.o-grid__cell--offset-10\@xlarge{margin-left:10%}.o-grid__cell--width-15\@xlarge{-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%}.o-grid__cell--offset-15\@xlarge{margin-left:15%}.o-grid__cell--width-20\@xlarge{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.o-grid__cell--offset-20\@xlarge{margin-left:20%}.o-grid__cell--width-25\@xlarge{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.o-grid__cell--offset-25\@xlarge{margin-left:25%}.o-grid__cell--width-30\@xlarge{-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}.o-grid__cell--offset-30\@xlarge{margin-left:30%}.o-grid__cell--width-33\@xlarge{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.o-grid__cell--offset-33\@xlarge{margin-left:33.33333%}.o-grid__cell--width-35\@xlarge{-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%}.o-grid__cell--offset-35\@xlarge{margin-left:35%}.o-grid__cell--width-40\@xlarge{-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}.o-grid__cell--offset-40\@xlarge{margin-left:40%}.o-grid__cell--width-45\@xlarge{-ms-flex:0 0 45%;flex:0 0 45%;max-width:45%}.o-grid__cell--offset-45\@xlarge{margin-left:45%}.o-grid__cell--width-50\@xlarge{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.o-grid__cell--offset-50\@xlarge{margin-left:50%}.o-grid__cell--width-55\@xlarge{-ms-flex:0 0 55%;flex:0 0 55%;max-width:55%}.o-grid__cell--offset-55\@xlarge{margin-left:55%}.o-grid__cell--width-60\@xlarge{-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%}.o-grid__cell--offset-60\@xlarge{margin-left:60%}.o-grid__cell--width-65\@xlarge{-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}.o-grid__cell--offset-65\@xlarge{margin-left:65%}.o-grid__cell--width-66\@xlarge{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.o-grid__cell--offset-66\@xlarge{margin-left:66.66667%}.o-grid__cell--width-70\@xlarge{-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%}.o-grid__cell--offset-70\@xlarge{margin-left:70%}.o-grid__cell--width-75\@xlarge{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.o-grid__cell--offset-75\@xlarge{margin-left:75%}.o-grid__cell--width-80\@xlarge{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}.o-grid__cell--offset-80\@xlarge{margin-left:80%}.o-grid__cell--width-85\@xlarge{-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%}.o-grid__cell--offset-85\@xlarge{margin-left:85%}.o-grid__cell--width-90\@xlarge{-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%}.o-grid__cell--offset-90\@xlarge{margin-left:90%}.o-grid__cell--width-95\@xlarge{-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%}.o-grid__cell--offset-95\@xlarge{margin-left:95%}.o-grid__cell--hidden\@xlarge{display:none}.o-grid__cell--visible\@xlarge{display:initial}.o-grid__cell--width-100\@xlarge{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.o-grid__cell--offset-100\@xlarge{margin-left:100%}.o-grid__cell--width-fixed\@xlarge{-ms-flex:0 1 auto;flex:0 1 auto}}@media (min-width:116em){.o-grid__cell--width-5\@super{-ms-flex:0 0 5%;flex:0 0 5%;max-width:5%}.o-grid__cell--offset-5\@super{margin-left:5%}.o-grid__cell--width-10\@super{-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}.o-grid__cell--offset-10\@super{margin-left:10%}.o-grid__cell--width-15\@super{-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%}.o-grid__cell--offset-15\@super{margin-left:15%}.o-grid__cell--width-20\@super{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.o-grid__cell--offset-20\@super{margin-left:20%}.o-grid__cell--width-25\@super{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.o-grid__cell--offset-25\@super{margin-left:25%}.o-grid__cell--width-30\@super{-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}.o-grid__cell--offset-30\@super{margin-left:30%}.o-grid__cell--width-33\@super{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.o-grid__cell--offset-33\@super{margin-left:33.33333%}.o-grid__cell--width-35\@super{-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%}.o-grid__cell--offset-35\@super{margin-left:35%}.o-grid__cell--width-40\@super{-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}.o-grid__cell--offset-40\@super{margin-left:40%}.o-grid__cell--width-45\@super{-ms-flex:0 0 45%;flex:0 0 45%;max-width:45%}.o-grid__cell--offset-45\@super{margin-left:45%}.o-grid__cell--width-50\@super{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.o-grid__cell--offset-50\@super{margin-left:50%}.o-grid__cell--width-55\@super{-ms-flex:0 0 55%;flex:0 0 55%;max-width:55%}.o-grid__cell--offset-55\@super{margin-left:55%}.o-grid__cell--width-60\@super{-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%}.o-grid__cell--offset-60\@super{margin-left:60%}.o-grid__cell--width-65\@super{-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}.o-grid__cell--offset-65\@super{margin-left:65%}.o-grid__cell--width-66\@super{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.o-grid__cell--offset-66\@super{margin-left:66.66667%}.o-grid__cell--width-70\@super{-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%}.o-grid__cell--offset-70\@super{margin-left:70%}.o-grid__cell--width-75\@super{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.o-grid__cell--offset-75\@super{margin-left:75%}.o-grid__cell--width-80\@super{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}.o-grid__cell--offset-80\@super{margin-left:80%}.o-grid__cell--width-85\@super{-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%}.o-grid__cell--offset-85\@super{margin-left:85%}.o-grid__cell--width-90\@super{-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%}.o-grid__cell--offset-90\@super{margin-left:90%}.o-grid__cell--width-95\@super{-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%}.o-grid__cell--offset-95\@super{margin-left:95%}.o-grid__cell--hidden\@super{display:none}.o-grid__cell--visible\@super{display:initial}.o-grid__cell--width-100\@super{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.o-grid__cell--offset-100\@super{margin-left:100%}.o-grid__cell--width-fixed\@super{-ms-flex:0 1 auto;flex:0 1 auto}}.o-image{display:block;max-width:100%;height:auto}.o-panel-container{position:relative}.o-panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;-webkit-overflow-scrolling:touch}.o-panel--nav-top{top:3.55em}.o-panel--nav-bottom{bottom:3.55em}.c-card__body .o-panel{padding:.5em}.o-media{display:-ms-flexbox;display:flex}.o-media .c-heading{padding:0}.o-media__body,.o-media__image{-ms-flex:1;flex:1;padding-right:1em;padding-left:1em;padding-right:0;padding-left:0}.o-media__body--top,.o-media__image--top{-ms-flex-item-align:start;align-self:flex-start}.o-media__body--center,.o-media__image--center{-ms-flex-item-align:center;align-self:center}.o-media__body--bottom,.o-media__image--bottom{-ms-flex-item-align:end;align-self:flex-end}.o-media__image{-ms-flex:0 1 auto;flex:0 1 auto;width:3em}.o-media__body{margin-left:.5em}.o-fieldset,.o-fieldset.c-list{display:block;width:100%;margin:.5em 0;padding:0;border:0}.o-fieldset__legend{display:block;width:100%;padding:1em 0;cursor:pointer;padding:.25em 0}.o-form-element{position:relative;padding:1em 0}.o-form-element .c-label:first-child{padding:0 0 .5em}.o-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:80%;border:0 solid #96a8b2;border-radius:4px;background-color:#fff;overflow:hidden;z-index:5}.o-modal .c-card{background-color:transparent;box-shadow:none}.o-modal .c-card__body{position:relative}.o-modal--ghost{background-color:transparent;color:#fff}.o-modal--ghost .c-heading{color:#fff}.o-modal--full{top:1em;left:1em;width:calc(100% - 2em);height:calc(100% - 2em);transform:none}.o-modal--full .c-card__body{position:absolute;top:2.5em;bottom:3.5em;width:100%;overflow-x:hidden;overflow-y:auto}.o-modal--full .c-card__footer{position:absolute;bottom:0;width:100%}.o-drawer{position:absolute;background-color:#fff;color:#111;z-index:5;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.o-drawer .c-card{background-color:transparent;box-shadow:none}.o-drawer .c-card--menu{display:block;margin:0;border-right:0;border-left:0;border-radius:0}.o-drawer--bottom,.o-drawer--top{left:0;width:80%;height:auto;margin-left:10%;transform:translate(0)}.o-drawer--bottom{top:100%;border-radius:4px 4px 0 0}.o-drawer--bottom.o-drawer--visible{transform:translateY(-99%)}.o-drawer--top{bottom:100%;border-radius:0 0 4px 4px}.o-drawer--top.o-drawer--visible{transform:translateY(99%)}.o-drawer--left,.o-drawer--right{top:0;width:260px;height:100%}.o-drawer--left .c-card__footer--block,.o-drawer--right .c-card__footer--block{position:absolute;bottom:0;width:100%}.o-drawer--left .c-card__footer--block .c-button,.o-drawer--right .c-card__footer--block .c-button{border-radius:0}.o-drawer--left{left:0;transform:translateX(-100%)}.o-drawer--left.o-drawer--visible{transform:translateX(-1%)}.o-drawer--right{left:100%;transform:translate(0)}.o-drawer--right.o-drawer--visible{transform:translateX(-99%)}.c-text{color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.55}.c-text--mono{font-family:Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace}.c-text--highlight{margin:-.125em;padding:.25em .25em .125em;background-color:#ffeb3b;color:#111}.c-text--quiet{color:#96a8b2}.c-text--loud{font-weight:700}.c-text--help[title]{border-bottom:1px dashed #96a8b2;cursor:help}.c-pre{margin:0}.c-code{margin:-.125em;padding:.25em .25em .125em;background-color:#e5eaec;color:#111;display:inline;font-family:Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;font-weight:400}.c-code--multiline{display:block;padding:.5em 1em;border-radius:4px;white-space:pre;overflow-x:auto}.c-kbd{margin:-.125em;padding:.25em .25em .125em;background-color:#96a8b2;color:#fff;display:inline;font-family:Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;font-weight:400;border-bottom:2px solid #7b929e;border-radius:4px}.c-blockquote{border-left:5px solid #96a8b2;display:block;margin:0;padding:1em 1.5em;font-family:Georgia,Cambria,Times New Roman,Times,serif}.c-blockquote--brand{border-left:5px solid #2c3e50}.c-blockquote--info{border-left:5px solid #2196f3}.c-blockquote--warning{border-left:5px solid #ff9800}.c-blockquote--success{border-left:5px solid #4caf50}.c-blockquote--error{border-left:5px solid #f44336}.c-blockquote__body{display:block;margin:0;padding:.5em 0;font-size:1.17em}.c-blockquote__footer{color:#96a8b2;font-style:italic}.c-blockquote__footer,.c-paragraph{display:block;margin:0;padding:.5em 0}.c-badge{border:1px solid #96a8b2;background-color:#96a8b2;color:#fff;display:inline-block;margin:0;padding:.25em .5em;border-radius:4px;font-size:.8em;font-weight:700;line-height:1.2}.c-badge.c-badge--ghost{border:1px solid #96a8b2;background-color:transparent;color:#96a8b2}.c-badge--rounded{border-radius:30em}.c-badge--brand{border:1px solid #2c3e50;background-color:#2c3e50;color:#fff}.c-badge--brand.c-badge--ghost{border:1px solid #2c3e50;background-color:transparent;color:#2c3e50}.c-badge--info{border:1px solid #2196f3;background-color:#2196f3;color:#fff}.c-badge--info.c-badge--ghost{border:1px solid #2196f3;background-color:transparent;color:#2196f3}.c-badge--warning{border:1px solid #ff9800;background-color:#ff9800;color:#fff}.c-badge--warning.c-badge--ghost{border:1px solid #ff9800;background-color:transparent;color:#ff9800}.c-badge--success{border:1px solid #4caf50;background-color:#4caf50;color:#fff}.c-badge--success.c-badge--ghost{border:1px solid #4caf50;background-color:transparent;color:#4caf50}.c-badge--error{border:1px solid #f44336;background-color:#f44336;color:#fff}.c-badge--error.c-badge--ghost{border:1px solid #f44336;background-color:transparent;color:#f44336}.c-heading,.c-heading__sub{margin:0;padding:1em 0 .5em;font-weight:400}.c-heading__sub{padding:0;font-size:.8em;opacity:.6}h1.c-heading{font-size:2em}h2.c-heading{font-size:1.5em}h3.c-heading{font-size:1.17em}h4.c-heading{font-size:1em}h5.c-heading{font-size:.83em}h6.c-heading{font-size:.67em}.c-address{display:block;margin:0;padding:.5em 0;font-style:normal}.c-address__heading{display:block;font-weight:700}.c-table{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;margin:0;padding:0;border:0;border-collapse:collapse;border-spacing:0}.c-table__caption{margin-left:0;padding:.5em 0;color:#96a8b2;font-size:.83em;text-align:left}.c-table__body,.c-table__caption,.c-table__head,.c-table__row{display:-ms-flexbox;display:flex;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.c-table__body,.c-table__head,.c-table__row{-ms-flex-wrap:wrap;flex-wrap:wrap}.c-table--striped :not(.c-table__row--heading).c-table__row:nth-of-type(odd){background-color:#e5eaec;color:initial}.c-table__cell{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:.5em;text-align:left;overflow:auto}.c-table__row--heading .c-table__cell{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;border-bottom:1px solid #b0bec5;background-color:#cad4d8;color:initial;font-size:1em;font-weight:700}.c-table--striped .c-table__row--heading .c-table__cell{background-color:#fff;color:initial}.c-table--clickable :not(.c-table__row--heading).c-table__row:hover .c-table__cell,.c-table__row--clickable:hover .c-table__cell{background-color:initial;color:#0c7fda;cursor:pointer}.c-table__row--disabled{background-color:initial;color:#96a8b2;cursor:default}.c-table--clickable :not(.c-table__row--heading).c-table__row--disabled:hover .c-table__cell,.c-table__row--disabled:hover .c-table__cell{background-color:initial;color:#96a8b2;cursor:not-allowed}.c-table--condensed{font-size:.83em}.c-table--condensed .c-table__cell{padding:.25em}.c-card{padding:0;list-style:none;display:block;border-radius:4px;background-color:#fff;box-shadow:0 0 1px hsla(0,0%,7%,.6);overflow:hidden}.c-card>.o-image:not(:first-child){padding:1em 0 0}.c-card+.c-card{margin:.5em 0 0}.c-card__header{padding:.5em .5em 0}.c-card__header .c-heading{padding:0}.c-card__body,.c-card__footer,.c-card__item{padding:.5em}.c-card__item+.c-card__footer--block{padding:0}.c-card__footer--block{padding:.5em 0 0}.c-card__footer--block .c-input-group .c-button:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.c-card__footer--block .c-input-group .c-button:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.c-card__item:not(:last-child){border-bottom:1px solid rgba(202,212,216,.5)}.c-card--accordion label.c-card__item{display:block;position:relative;width:100%;padding-left:2em;cursor:pointer}.c-card--accordion label.c-card__item:before{position:absolute;left:.75em;content:"+"}.c-card--accordion>input,.c-card--accordion>input+.c-card__item+.c-card__item{display:none}.c-card--accordion>input:checked+.c-card__item+.c-card__item{display:block}.c-card--accordion>input:checked+.c-card__item:before{transform:rotate(45deg)}.c-card--menu{display:block;width:100%;max-height:280px;margin:.5em 0 0;z-index:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.c-card--grouped .c-card__item:not(:last-child){border-bottom:0}.c-card__divider{height:1px;background-color:#96a8b2;overflow:hidden}.c-card__item--divider{background-color:#96a8b2;color:#fff;font-weight:700}.c-card__item--brand{background-color:#2c3e50;color:#fff}.c-card__item--info{background-color:#2196f3;color:#fff}.c-card__item--warning{background-color:#ff9800;color:#fff}.c-card__item--success{background-color:#4caf50;color:#fff}.c-card__item--error{background-color:#f44336;color:#fff}.c-card__item--disabled{cursor:not-allowed;opacity:.6}.c-card--accordion label.c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover,.c-card--menu .c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover{background-color:#e5eaec;cursor:pointer}.c-card--accordion label.c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--brand,.c-card--menu .c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--brand{background-color:#3c556e}.c-card--accordion label.c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--info,.c-card--menu .c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--info{background-color:#4dabf5}.c-card--accordion label.c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--warning,.c-card--menu .c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--warning{background-color:#ffab2e}.c-card--accordion label.c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--success,.c-card--menu .c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--success{background-color:#6abe6e}.c-card--accordion label.c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--error,.c-card--menu .c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--error{background-color:#f66c62}.c-card--accordion>input:checked+.c-card__item,.c-card__item--active{background-color:rgba(202,212,216,.5);font-weight:700}.c-card--accordion>input:checked+.c-card__item.c-card__item--brand,.c-card__item--active.c-card__item--brand{background-color:#1c2732}.c-card--accordion>input:checked+.c-card__item.c-card__item--info,.c-card__item--active.c-card__item--info{background-color:#0c7fda}.c-card--accordion>input:checked+.c-card__item.c-card__item--warning,.c-card__item--active.c-card__item--warning{background-color:#d17d00}.c-card--accordion>input:checked+.c-card__item.c-card__item--success,.c-card__item--active.c-card__item--success{background-color:#3e8f41}.c-card--accordion>input:checked+.c-card__item.c-card__item--error,.c-card__item--active.c-card__item--error{background-color:#ef1d0d}.c-button{border:1px solid transparent;background-color:#96a8b2;color:#fff;display:inline;max-width:100%;margin:0;padding:.5em;border-radius:4px;outline:0;font-family:inherit;font-size:1em;line-height:normal;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-button.c-button--active{background-color:#7b929e}.c-button:not(:disabled):hover{background-color:#b0bec5}.c-button:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button:not(:disabled):active{background-color:#7b929e}.c-button:disabled{cursor:not-allowed;opacity:.5}.c-button--close{border:1px solid transparent;color:inherit;position:absolute;right:.5em;padding:0;outline:0;font-size:1.4em;font-weight:700;line-height:1}.c-button--close,.c-button--close.c-button--active{background-color:transparent}.c-button--close:not(:disabled):hover{background-color:hsla(0,0%,9%,0)}.c-button--close:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--close:not(:disabled):active{background-color:transparent}.c-button--block{display:inline-block;width:100%}.c-button--rounded{border-radius:30em}.c-button--brand{border:1px solid transparent;background-color:#2c3e50;color:#fff}.c-button--brand.c-button--active{background-color:#1c2732}.c-button--brand:not(:disabled):hover{background-color:#3c556e}.c-button--brand:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--brand:not(:disabled):active{background-color:#1c2732}.c-button--info{border:1px solid transparent;background-color:#2196f3;color:#fff}.c-button--info.c-button--active{background-color:#0c7fda}.c-button--info:not(:disabled):hover{background-color:#4dabf5}.c-button--info:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--info:not(:disabled):active{background-color:#0c7fda}.c-button--warning{border:1px solid transparent;background-color:#ff9800;color:#fff}.c-button--warning.c-button--active{background-color:#d17d00}.c-button--warning:not(:disabled):hover{background-color:#ffab2e}.c-button--warning:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--warning:not(:disabled):active{background-color:#d17d00}.c-button--success{border:1px solid transparent;background-color:#4caf50;color:#fff}.c-button--success.c-button--active{background-color:#3e8f41}.c-button--success:not(:disabled):hover{background-color:#6abe6e}.c-button--success:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--success:not(:disabled):active{background-color:#3e8f41}.c-button--error{border:1px solid transparent;background-color:#f44336;color:#fff}.c-button--error.c-button--active{background-color:#ef1d0d}.c-button--error:not(:disabled):hover{background-color:#f66c62}.c-button--error:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--error:not(:disabled):active{background-color:#ef1d0d}.c-button--ghost{border:1px solid #96a8b2;background-color:transparent;color:#96a8b2}.c-button--ghost.c-button--active{border-color:#7b929e;background-color:#7b929e;color:#fff}.c-button--ghost:not(:disabled):hover{background-color:#96a8b2;color:#fff}.c-button--ghost:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--ghost:not(:disabled):active{border-color:#7b929e;background-color:#7b929e;color:#fff}.c-button--ghost-brand{border:1px solid #2c3e50;background-color:transparent;color:#2c3e50}.c-button--ghost-brand.c-button--active{border-color:#1c2732;background-color:#1c2732;color:#fff}.c-button--ghost-brand:not(:disabled):hover{background-color:#2c3e50;color:#fff}.c-button--ghost-brand:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--ghost-brand:not(:disabled):active{border-color:#1c2732;background-color:#1c2732;color:#fff}.c-button--ghost-info{border:1px solid #2196f3;background-color:transparent;color:#2196f3}.c-button--ghost-info.c-button--active{border-color:#0c7fda;background-color:#0c7fda;color:#fff}.c-button--ghost-info:not(:disabled):hover{background-color:#2196f3;color:#fff}.c-button--ghost-info:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--ghost-info:not(:disabled):active{border-color:#0c7fda;background-color:#0c7fda;color:#fff}.c-button--ghost-warning{border:1px solid #ff9800;background-color:transparent;color:#ff9800}.c-button--ghost-warning.c-button--active{border-color:#d17d00;background-color:#d17d00;color:#fff}.c-button--ghost-warning:not(:disabled):hover{background-color:#ff9800;color:#fff}.c-button--ghost-warning:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--ghost-warning:not(:disabled):active{border-color:#d17d00;background-color:#d17d00;color:#fff}.c-button--ghost-success{border:1px solid #4caf50;background-color:transparent;color:#4caf50}.c-button--ghost-success.c-button--active{border-color:#3e8f41;background-color:#3e8f41;color:#fff}.c-button--ghost-success:not(:disabled):hover{background-color:#4caf50;color:#fff}.c-button--ghost-success:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--ghost-success:not(:disabled):active{border-color:#3e8f41;background-color:#3e8f41;color:#fff}.c-button--ghost-error{border:1px solid #f44336;background-color:transparent;color:#f44336}.c-button--ghost-error.c-button--active{border-color:#ef1d0d;background-color:#ef1d0d;color:#fff}.c-button--ghost-error:not(:disabled):hover{background-color:#f44336;color:#fff}.c-button--ghost-error:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--ghost-error:not(:disabled):active{border-color:#ef1d0d;background-color:#ef1d0d;color:#fff}.c-button__icon-left{padding-right:.5em}.c-button__icon-right{padding-left:.5em}.c-link{background-color:transparent;color:#0c7fda;text-decoration:none;cursor:pointer}.c-link:not(:disabled):visited{color:#0966af}.c-link:not(:disabled):active,.c-link:not(:disabled):hover{background-color:transparent;color:#2196f3}.c-link:hover{text-decoration:underline}.c-link--brand{background-color:transparent;color:#2c3e50}.c-link--brand:not(:disabled):visited{color:#1c2732}.c-link--brand:not(:disabled):active,.c-link--brand:not(:disabled):hover{background-color:transparent;color:#3c556e}.c-link--info{background-color:transparent;color:#2196f3}.c-link--info:not(:disabled):visited{color:#0c7fda}.c-link--info:not(:disabled):active,.c-link--info:not(:disabled):hover{background-color:transparent;color:#4dabf5}.c-link--warning{background-color:transparent;color:#ff9800}.c-link--warning:not(:disabled):visited{color:#d17d00}.c-link--warning:not(:disabled):active,.c-link--warning:not(:disabled):hover{background-color:transparent;color:#ffab2e}.c-link--success{background-color:transparent;color:#4caf50}.c-link--success:not(:disabled):visited{color:#3e8f41}.c-link--success:not(:disabled):active,.c-link--success:not(:disabled):hover{background-color:transparent;color:#6abe6e}.c-link--error{background-color:transparent;color:#f44336}.c-link--error:not(:disabled):visited{color:#ef1d0d}.c-link--error:not(:disabled):active,.c-link--error:not(:disabled):hover{background-color:transparent;color:#f66c62}.c-list{display:block;margin:0;list-style-position:outside}.c-list,.c-list .c-list{padding:0 0 0 1em}.c-list__item{padding:0}.c-list__item--unstyled{list-style:none}.c-list--ordered,.c-list--unstyled{padding:0;list-style:none}.c-list--ordered{counter-reset:a}.c-list--ordered .c-list__item:before{padding:0 .5em 0 0;content:counters(a,".") " ";counter-increment:a}.c-list--inline,.c-list--inline .c-list--inline{padding:0}.c-list--inline .c-list__item{display:inline-block;width:auto;padding-right:1em}.c-list--inline:not(.c-list--unstyled) .c-list__item:before{padding:0 .5em 0 0;content:"•"}.c-breadcrumbs{display:block;margin:0;padding:0;list-style:none}.c-breadcrumbs__crumb{display:inline-block;width:auto;padding:0}.c-breadcrumbs__crumb:not(:last-child):after{padding:0 .5em;color:#96a8b2;content:"/"}.c-tree{display:block;margin:0;padding:0;list-style:none}.c-tree .c-tree{padding:0 0 0 1em}.c-tree__item{padding:0}.c-tree__item:before{display:inline-block;padding:0 .5em 0 0;transform-origin:30% 50%;color:#cad4d8;content:"–"}.c-tree__item--expandable:before{color:#b0bec5;content:"\276F"}.c-tree__item--expanded:before{transform:rotate(90deg);color:#7b929e;content:"\276F"}.c-tabs{display:block}.c-tabs__headings{display:-ms-flexbox;display:flex;text-align:center;cursor:pointer}.c-tab-heading{-ms-flex:1;flex:1;margin:0;padding:1em;box-shadow:inset 0 -.2em 0 0 #e5eaec}.c-tab-heading--active{box-shadow:inset 0 -.2em 0 0 #96a8b2}.c-tabs--brand .c-tab-heading--active{box-shadow:inset 0 -.2em 0 0 #2c3e50}.c-tabs--info .c-tab-heading--active{box-shadow:inset 0 -.2em 0 0 #2196f3}.c-tabs--warning .c-tab-heading--active{box-shadow:inset 0 -.2em 0 0 #ff9800}.c-tabs--success .c-tab-heading--active{box-shadow:inset 0 -.2em 0 0 #4caf50}.c-tabs--error .c-tab-heading--active{box-shadow:inset 0 -.2em 0 0 #f44336}.c-tab-heading--disabled{background-color:initial;color:#96a8b2;cursor:not-allowed}.c-tabs__tab{display:none;padding:1em}.c-tabs__tab--active{display:block}.o-field{position:relative}.o-field .c-field--success~.c-icon{color:#4caf50}.o-field .c-field--error~.c-icon{color:#f44336}.o-field .c-field:disabled~.c-icon{color:#96a8b2}.o-field .c-icon{position:absolute;top:50%;transform:translateY(-50%);color:#96a8b2}.o-field--icon-right .c-field+.c-icon{right:.5em}.o-field--icon-right .c-field{padding-right:2em}.o-field--icon-left .c-icon:first-child{left:.5em}.o-field--icon-left .c-field{padding-left:2em}.c-fieldset,.c-fieldset.c-list{display:block;width:100%;margin:.5em 0;padding:0;border:0}.c-fieldset__legend{padding:1em 0;padding:.25em 0}.c-fieldset__legend,.c-label{display:block;width:100%;cursor:pointer}.c-label{padding:1em 0}.c-field{display:block;width:100%;margin:0;padding:.5em;border:1px solid #96a8b2;border-radius:4px;outline:0;background-color:#fff;font-family:inherit;font-size:1em;font-weight:400;resize:vertical;-webkit-appearance:none;-moz-appearance:none;appearance:none}.c-field:focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}select.c-field{cursor:pointer}select.c-field:not([multiple]){padding-right:1em;background:url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 99% 50%}.c-field input{margin-right:.125em;outline:0;font-size:1em}.c-field--label{margin:.5em 0 0}.c-field--error{border-color:#f44336;color:#f44336}.c-field--success{border-color:#4caf50;color:inherit}.c-field--choice{border:0;border-radius:0;background-color:transparent}.c-field--disabled,.c-field:disabled,.c-fieldset--disabled .c-field,.c-fieldset:disabled .c-field{color:#96a8b2;cursor:not-allowed;border-color:#96a8b2;background-color:#e5eaec}.c-field--disabled.c-field--choice,.c-field:disabled.c-field--choice,.c-fieldset--disabled .c-field.c-field--choice,.c-fieldset:disabled .c-field.c-field--choice{background-color:transparent}.c-field input:disabled{color:#96a8b2;cursor:not-allowed}.c-input-group{display:-ms-flexbox;display:flex}.c-input-group .c-button{border-radius:0}.c-input-group .c-button:not(:first-child){border-left-width:0}.c-input-group .c-button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.c-input-group .c-button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.c-input-group .o-field{-ms-flex:1;flex:1}.c-input-group .o-field .c-field{border-radius:0}.c-input-group .o-field:not(:first-child) .c-field{border-left-width:0}.c-input-group .o-field:first-child .c-field{border-top-left-radius:4px;border-bottom-left-radius:4px}.c-input-group .o-field:last-child .c-field{border-top-right-radius:4px;border-bottom-right-radius:4px}.c-input-group .o-field--fixed{-ms-flex:0 1 auto;flex:0 1 auto}.c-input-group--rounded .c-button:first-child{border-top-left-radius:30em;border-bottom-left-radius:30em}.c-input-group--rounded .c-button:last-child{border-top-right-radius:30em;border-bottom-right-radius:30em}.c-input-group--rounded .o-field:first-child .c-field{border-top-left-radius:30em;border-bottom-left-radius:30em}.c-input-group--rounded .o-field:last-child .c-field{border-top-right-radius:30em;border-bottom-right-radius:30em}.c-input-group--rounded-left .c-button:first-child,.c-input-group--rounded-left .o-field:first-child .c-field{border-top-left-radius:30em;border-bottom-left-radius:30em}.c-input-group--rounded-right .c-button:last-child,.c-input-group--rounded-right .o-field:last-child .c-field{border-top-right-radius:30em;border-bottom-right-radius:30em}.c-input-group--stacked{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.c-input-group--stacked .c-button:not(:first-child),.c-input-group--stacked .o-field:not(:first-child) .c-field{border-left-width:1px}.c-input-group--stacked .c-button,.c-input-group--stacked .o-field{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-left:0}.c-input-group--stacked .c-button:not(:first-child){border-top:0}.c-input-group--stacked .c-button:not(:first-child):not(:last-child){border-radius:0}.c-input-group--stacked .c-button:first-child{border-radius:4px 4px 0 0}.c-input-group--stacked .c-button:last-child{border-radius:0 0 4px 4px}.c-input-group--stacked .o-field:not(:first-child) .c-field{border-top:0}.c-input-group--stacked .o-field:not(:first-child):not(:last-child) .c-field{border-radius:0}.c-input-group--stacked .o-field:first-child .c-field{border-radius:4px 4px 0 0}.c-input-group--stacked .o-field:last-child .c-field{border-radius:0 0 4px 4px}.c-hint{position:absolute;padding:0 .5em;transform:scale(.8);transform-origin:top left;color:#7b929e;font-size:1em;opacity:0;pointer-events:none}.c-field:focus~.c-hint,.c-hint--static,.c-label__field:focus~.c-hint{transform:scale(.9);opacity:1}.c-hint--success{color:#4caf50}.c-hint--error{color:#f44336}.c-toggle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-toggle input:not(:checked)+.c-toggle__track{background-color:#e5eaec}.c-toggle input:not(:checked)+.c-toggle__track .c-toggle__handle{transform:translateZ(0)}.c-toggle input:disabled+.c-toggle__track,.c-toggle input:disabled+.c-toggle__track .c-toggle__handle{background-color:#e5eaec;cursor:not-allowed}.c-toggle--brand .c-toggle__track{background-color:#2c3e50}.c-toggle--info .c-toggle__track{background-color:#2196f3}.c-toggle--warning .c-toggle__track{background-color:#ff9800}.c-toggle--success .c-toggle__track{background-color:#4caf50}.c-toggle--error .c-toggle__track{background-color:#f44336}.c-toggle input{display:none}.c-toggle__track{-ms-flex:1;flex:1;padding-right:1em;padding-left:1em;-ms-flex:0 1 auto;flex:0 1 auto;background-color:#96a8b2;position:relative;width:1em;height:.5em;margin:0 .5em;border-radius:30em}.c-toggle__handle{position:absolute;top:-.25em;left:0;width:1em;height:1em;transform:translateX(100%);border-radius:30em;background-color:#fff;box-shadow:0 1px 4px -1px #111}.c-tags{position:relative;width:100%;text-align:left}.c-tags .c-card--menu{position:absolute;width:100%}.c-tags__container{padding-right:.25em}.c-tag,.c-tags__container{display:inline-block;max-width:70%}.c-tag{position:relative;margin:.125em;padding:.5em 1.5em .5em .5em}.c-tag__close{position:absolute;top:7px;right:5px;color:#e5eaec;font-weight:700}.c-tags__field-container{display:inline-block;position:absolute;width:30%;margin:.125em;cursor:pointer}.c-range{width:100%;padding:.5em 0;outline:0;-webkit-appearance:none}.c-range:not(:disabled)::-webkit-slider-runnable-track{background-color:#96a8b2}.c-range:not(:disabled)::-moz-range-track{background-color:#96a8b2}.c-range:not(:disabled)::-ms-track{background-color:#96a8b2}.c-range--brand:not(:disabled)::-webkit-slider-runnable-track{background-color:#2c3e50}.c-range--brand:not(:disabled)::-moz-range-track{background-color:#2c3e50}.c-range--brand:not(:disabled)::-ms-track{background-color:#2c3e50}.c-range--info:not(:disabled)::-webkit-slider-runnable-track{background-color:#2196f3}.c-range--info:not(:disabled)::-moz-range-track{background-color:#2196f3}.c-range--info:not(:disabled)::-ms-track{background-color:#2196f3}.c-range--warning:not(:disabled)::-webkit-slider-runnable-track{background-color:#ff9800}.c-range--warning:not(:disabled)::-moz-range-track{background-color:#ff9800}.c-range--warning:not(:disabled)::-ms-track{background-color:#ff9800}.c-range--success:not(:disabled)::-webkit-slider-runnable-track{background-color:#4caf50}.c-range--success:not(:disabled)::-moz-range-track{background-color:#4caf50}.c-range--success:not(:disabled)::-ms-track{background-color:#4caf50}.c-range--error:not(:disabled)::-webkit-slider-runnable-track{background-color:#f44336}.c-range--error:not(:disabled)::-moz-range-track{background-color:#f44336}.c-range--error:not(:disabled)::-ms-track{background-color:#f44336}.c-range::-webkit-slider-runnable-track{width:100%;height:10px;border:0;border-radius:30em;box-shadow:none;cursor:pointer}.c-range::-webkit-slider-thumb{width:20px;height:20px;margin:-5px 0 0;border:0;border-radius:30em;background-color:#fff;box-shadow:0 1px 4px -1px #111;cursor:pointer;-webkit-appearance:none}.c-range::-moz-range-track{width:100%;height:10px;border:0;border-radius:30em;box-shadow:none;cursor:pointer}.c-range::-moz-range-thumb{width:20px;height:20px;margin:-5px 0 0;border:0;border-radius:30em;background-color:#fff;box-shadow:0 1px 4px -1px #111;cursor:pointer}.c-range::-ms-track{width:100%;height:10px;border:0;border-radius:30em;box-shadow:none;cursor:pointer;border-color:transparent;background-color:transparent;color:transparent}.c-range::-ms-fill-lower,.c-range::-ms-fill-upper{border:0;border-radius:30em;background-color:#96a8b2;box-shadow:none}.c-range::-ms-thumb{width:20px;height:20px;margin:-5px 0 0;border:0;border-radius:30em;background-color:#fff;box-shadow:0 1px 4px -1px #111;cursor:pointer}.c-range:not(:disabled):active::-webkit-slider-thumb{transform:scale(1.4)}.c-range:not(:disabled):active::-moz-range-thumb{transform:scale(1.4)}.c-range:not(:disabled):active::-ms-thumb{transform:scale(1.4)}.c-range:focus::-webkit-slider-thumb{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-range:focus::-moz-range-thumb{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-range:focus::-ms-thumb{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-range:disabled::-webkit-slider-runnable-track,.c-range:disabled::-webkit-slider-thumb{background-color:#e5eaec;cursor:not-allowed}.c-range:disabled::-moz-range-thumb,.c-range:disabled::-moz-range-track{background-color:#e5eaec;cursor:not-allowed}.c-range:disabled::-ms-thumb,.c-range:disabled::-ms-track{background-color:#e5eaec;cursor:not-allowed}.c-pagination{display:block;width:100%;padding:1em;font-size:.83em;text-align:center}.c-pagination__controls{display:inline-block;text-align:center}.c-pagination__controls--backward{float:left;text-align:left}.c-pagination__controls--forward{float:right;text-align:right}.c-pagination__control,.c-pagination__page{border:1px solid transparent;background-color:#96a8b2;color:#fff;display:inline;max-width:100%;margin:0;padding:.5em;border-radius:4px;outline:0;font-family:inherit;font-size:1em;line-height:normal;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #2c3e50;background-color:transparent;color:#2c3e50;min-width:2.4em;border-radius:30em}.c-pagination__control.c-button--active,.c-pagination__page.c-button--active{background-color:#7b929e}.c-pagination__control:not(:disabled):hover,.c-pagination__page:not(:disabled):hover{background-color:#b0bec5}.c-pagination__control:not(:disabled):active,.c-pagination__page:not(:disabled):active{background-color:#7b929e}.c-pagination__control:disabled,.c-pagination__page:disabled{cursor:not-allowed;opacity:.5}.c-pagination__control.c-button--active,.c-pagination__page.c-button--active{border-color:#1c2732;background-color:#1c2732;color:#fff}.c-pagination__control:not(:disabled):hover,.c-pagination__page:not(:disabled):hover{background-color:#2c3e50;color:#fff}.c-pagination__control:not(:disabled):focus,.c-pagination__page:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-pagination__control:not(:disabled):active,.c-pagination__page:not(:disabled):active{border-color:#1c2732;background-color:#1c2732;color:#fff}.c-pagination__page--current{background-color:#2c3e50;color:#fff}.c-pagination__ellipsis{padding:0 1em}.c-overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,7%,.4);z-index:4}.c-overlay--fullpage{position:fixed}.c-overlay--transparent{background-color:transparent}.c-overlay--dismissable{cursor:pointer}.c-bubble{display:inline-block;position:relative;padding:1em;border-radius:4px;background-color:#111;color:#fff;text-align:center;white-space:nowrap}.c-bubble:after{display:block;position:absolute;width:0;height:0;border:10px solid transparent;content:""}.c-bubble--top:after{bottom:-20px;left:50%;transform:translateX(-50%);border-top-color:#111}.c-bubble--right:after{top:50%;left:-20px;transform:translateY(-50%);border-right-color:#111}.c-bubble--bottom:after{top:-20px;left:50%;transform:translateX(-50%);border-bottom-color:#111}.c-bubble--left:after{top:50%;right:-20px;transform:translateY(-50%);border-left-color:#111}.c-tooltip{position:relative;overflow:visible}.c-tooltip:after,.c-tooltip:before{visibility:hidden;z-index:3}.c-tooltip:before{position:absolute;border:.6em solid transparent;content:""}.c-tooltip:after{position:absolute;padding:.25em .5em;border:1px solid #111;border-radius:4px;background-color:#111;color:#fff;line-height:1.45;white-space:nowrap;content:attr(aria-label);visibility:hidden}.c-tooltip:hover:after,.c-tooltip:hover:before{visibility:visible}.c-tooltip--top:before{top:0;left:50%;transform:translate(-50%,-1em);border-top-color:#111}.c-tooltip--top:after{top:0;left:50%;transform:translate(-50%,-3em)}.c-tooltip--right:before{top:50%;left:100%;transform:translateY(-50%);border-right-color:#111}.c-tooltip--right:after{top:50%;left:100%;transform:translate(1em,-50%)}.c-tooltip--bottom:before{bottom:0;left:50%;transform:translate(-50%,1em);border-bottom-color:#111}.c-tooltip--bottom:after{bottom:0;left:50%;transform:translate(-50%,3em)}.c-tooltip--left:before{top:50%;right:100%;transform:translateY(-50%);border-left-color:#111}.c-tooltip--left:after{top:50%;right:100%;transform:translate(-1em,-50%)}.c-alerts{display:block;position:absolute;width:250px;max-height:100%;background-color:transparent;z-index:3;overflow-y:auto}.c-alerts--topleft{top:1em;left:1em}.c-alerts--topright{top:1em;right:1em}.c-alerts--bottomleft{bottom:0;left:1em}.c-alerts--bottomright{right:1em;bottom:0}.c-alert{background-color:#96a8b2;color:#fff;position:relative;margin:0 0 1em;padding:1em 3em 1em 1em;border-radius:4px}.c-alert--brand{background-color:#2c3e50;color:#fff}.c-alert--info{background-color:#2196f3;color:#fff}.c-alert--warning{background-color:#ff9800;color:#fff}.c-alert--success{background-color:#4caf50;color:#fff}.c-alert--error{background-color:#f44336;color:#fff}.c-calendar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;padding-right:0;padding-left:0;max-width:400px;padding:.25em;border:1px solid #96a8b2;border-radius:4px;background-color:#fff;text-align:center;z-index:2}.c-calendar__control,.c-calendar__date{background-color:#fff;color:#96a8b2;display:inline;-ms-flex:0 0 14.28%;flex:0 0 14.28%;max-width:14.28%;margin:0;padding:1em .5em;border:1px solid transparent;border-radius:4px;outline:0;font-size:1em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-calendar__control.c-button--active,.c-calendar__date.c-button--active{background-color:#e8e8e8}.c-calendar__control:not(:disabled):hover,.c-calendar__date:not(:disabled):hover{background-color:#fff}.c-calendar__control:not(:disabled):focus,.c-calendar__date:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-calendar__control:not(:disabled):active,.c-calendar__date:not(:disabled):active{background-color:#e8e8e8}.c-calendar__header{-ms-flex:1;flex:1;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%}.c-calendar__day,.c-calendar__header{padding-right:1em;padding-left:1em;padding-right:0;padding-left:0;padding:.5em 0}.c-calendar__day{-ms-flex:1;flex:1;-ms-flex:0 0 14.28%;flex:0 0 14.28%;max-width:14.28%;font-weight:700}.c-calendar__date:hover{border:1px solid #96a8b2}.c-calendar__date--in-month{color:#111}.c-calendar__date--today{border-color:#cad4d8}.c-calendar__date--selected,.c-calendar__date--selected:hover{border:1px solid transparent;background-color:#2c3e50;color:#fff;border-color:#2c3e50}.c-calendar__date--selected.c-button--active,.c-calendar__date--selected:hover.c-button--active{background-color:#1c2732}.c-calendar__date--selected:hover:not(:disabled):hover,.c-calendar__date--selected:not(:disabled):hover{background-color:#3c556e}.c-calendar__date--selected:hover:not(:disabled):focus,.c-calendar__date--selected:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-calendar__date--selected:hover:not(:disabled):active,.c-calendar__date--selected:not(:disabled):active{background-color:#1c2732}.c-nav{background-color:#111;color:#fff;width:100%;margin:0;padding:0;z-index:3}.c-nav__content,.c-nav__item{display:block;height:3.5em;padding:0 1em;color:inherit;line-height:3.5em;vertical-align:middle}.c-nav__content .o-image,.c-nav__item .o-image{height:100%}.c-nav__item{text-decoration:none;cursor:pointer}.c-nav__item:not(:disabled):hover{background-color:#7b929e;color:#fff}.c-nav__item:not(:disabled):focus{box-shadow:inset 0 0 0 2px #4dabf5}.c-nav__item:not(:disabled):active{background-color:#647c88;color:#fff}.c-nav--inline .c-nav__content,.c-nav--inline .c-nav__item{display:inline-block}.c-nav--inline .c-nav__content--right,.c-nav--inline .c-nav__item--right{float:right}.c-nav--light{background-color:#f2f2ea;color:#3f2d26}.c-nav--top{top:0;bottom:auto}.c-nav--bottom,.c-nav--top{position:absolute;right:0;left:0}.c-nav--bottom{top:auto;bottom:0}.c-nav--left{right:auto;left:0}.c-nav--left,.c-nav--right{position:absolute;top:0;bottom:0}.c-nav--right{right:0;left:auto}.c-nav--fixed{position:fixed}.c-nav__item--active{background-color:#7b929e;color:#fff}.c-nav__item--brand:not(:disabled):hover{background-color:#2c3e50;color:#fff}.c-nav__item--brand:not(:disabled):focus{box-shadow:inset 0 0 0 2px #4dabf5}.c-nav__item--brand:not(:disabled):active{background-color:#1c2732;color:#fff}.c-nav__item--brand.c-nav__item--active{background-color:#2c3e50;color:#fff}.c-nav__item--info:not(:disabled):hover{background-color:#2196f3;color:#fff}.c-nav__item--info:not(:disabled):focus{box-shadow:inset 0 0 0 2px #4dabf5}.c-nav__item--info:not(:disabled):active{background-color:#0c7fda;color:#fff}.c-nav__item--info.c-nav__item--active{background-color:#2196f3;color:#fff}.c-nav__item--warning:not(:disabled):hover{background-color:#ff9800;color:#fff}.c-nav__item--warning:not(:disabled):focus{box-shadow:inset 0 0 0 2px #4dabf5}.c-nav__item--warning:not(:disabled):active{background-color:#d17d00;color:#fff}.c-nav__item--warning.c-nav__item--active{background-color:#ff9800;color:#fff}.c-nav__item--success:not(:disabled):hover{background-color:#4caf50;color:#fff}.c-nav__item--success:not(:disabled):focus{box-shadow:inset 0 0 0 2px #4dabf5}.c-nav__item--success:not(:disabled):active{background-color:#3e8f41;color:#fff}.c-nav__item--success.c-nav__item--active{background-color:#4caf50;color:#fff}.c-nav__item--error:not(:disabled):hover{background-color:#f44336;color:#fff}.c-nav__item--error:not(:disabled):focus{box-shadow:inset 0 0 0 2px #4dabf5}.c-nav__item--error:not(:disabled):active{background-color:#ef1d0d;color:#fff}.c-nav__item--error.c-nav__item--active{background-color:#f44336;color:#fff}.c-progress{display:block;border:0;border-radius:4px;background-color:#e5eaec;color:#fff;text-align:center;overflow:hidden}.c-progress--rounded{border-radius:30em}.c-progress__bar{display:block;height:100%;float:left;border-radius:0;background-color:#96a8b2;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c-progress__bar:after{color:transparent!important;content:"-"}.c-progress__bar--brand{background-color:#2c3e50}.c-progress__bar--info{background-color:#2196f3}.c-progress__bar--warning{background-color:#ff9800}.c-progress__bar--success{background-color:#4caf50}.c-progress__bar--error{background-color:#f44336}.c-avatar{display:inline-block;position:relative;width:3em;height:3em;margin:0;border-radius:30em;background-color:#2c3e50;color:#fff}.c-avatar[data-text]:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:attr(data-text)}.c-avatar__img{display:block;width:100%;height:100%;border-radius:30em;overflow:hidden}.c-avatar__img+.c-avatar__img{position:absolute;right:0;bottom:0;width:50%;height:50%}.u-centered{text-align:center}.u-center-block{position:relative}.u-absolute-center,.u-center-block__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.u-center-block__content--vertical{left:auto;transform:translateY(-50%)}.u-center-block__content--horizontal{top:auto;transform:translateX(-50%)}.u-no-overflow{overflow:hidden}.u-letter-box--super{padding-top:3em;padding-bottom:3em}.u-letter-box--xlarge{padding-top:2em;padding-bottom:2em}.u-letter-box--large{padding-top:1.5em;padding-bottom:1.5em}.u-letter-box--medium{padding-top:1em;padding-bottom:1em}.u-letter-box--small{padding-top:.5em;padding-bottom:.5em}.u-letter-box--xsmall{padding-top:.25em;padding-bottom:.25em}.u-letter-box--tiny{padding-top:.125em;padding-bottom:.125em}.u-letter-box--none{padding-top:0;padding-bottom:0}.u-pillar-box--super{padding-right:3em;padding-left:3em}.u-pillar-box--xlarge{padding-right:2em;padding-left:2em}.u-pillar-box--large{padding-right:1.5em;padding-left:1.5em}.u-pillar-box--medium{padding-right:1em;padding-left:1em}.u-pillar-box--small{padding-right:.5em;padding-left:.5em}.u-pillar-box--xsmall{padding-right:.25em;padding-left:.25em}.u-pillar-box--tiny{padding-right:.125em;padding-left:.125em}.u-pillar-box--none{padding-right:0;padding-left:0}.u-window-box--super{padding:3em}.u-window-box--xlarge{padding:2em}.u-window-box--large{padding:1.5em}.u-window-box--medium{padding:1em}.u-window-box--small{padding:.5em}.u-window-box--xsmall{padding:.25em}.u-window-box--tiny{padding:.125em}.u-window-box--none{padding:0}.u-high,.u-higher,.u-highest{border:0}.u-high{box-shadow:0 0 1px hsla(0,0%,7%,.6),0 5px 10px -3px hsla(0,0%,7%,.4)}.u-higher{box-shadow:0 0 1px hsla(0,0%,7%,.6),0 10px 25px -4px hsla(0,0%,7%,.4)}.u-highest{box-shadow:0 0 1px hsla(0,0%,7%,.6),0 20px 55px -8px hsla(0,0%,7%,.4)}.u-super{font-size:2em}.u-xlarge{font-size:1.5em}.u-large{font-size:1.17em}.u-medium{font-size:1em}.u-small{font-size:.83em}.u-xsmall{font-size:.67em} --------------------------------------------------------------------------------