├── src
    ├── index.css
    ├── index.js
    ├── mysql_response.pegjs
    ├── App.js
    ├── components
    │   ├── Bar.js
    │   ├── ExplainTable.js
    │   └── ExampleQueriesBar.js
    ├── toolbox
    │   ├── theme.js
    │   └── theme.css
    └── mysql_response.js
├── .gitignore
├── package.json
├── README.md
└── public
    └── index.html


/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 |   margin: 0px;
3 | }
4 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/ignore-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | 
 6 | # testing
 7 | /coverage
 8 | 
 9 | # production
10 | /build
11 | 
12 | # misc
13 | .DS_Store
14 | .env
15 | npm-debug.log*
16 | yarn-debug.log*
17 | yarn-error.log*
18 | 
19 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { render } from 'react-snapshot'
 3 | import App from './App'
 4 | import './index.css'
 5 | 
 6 | const rootEl = document.getElementById('root')
 7 | render(<App />, rootEl)
 8 | 
 9 | if (module.hot) {
10 |   module.hot.accept('./App', () => {
11 |     const NextApp = require('./App').default
12 |     render(<NextApp />, rootEl)
13 |   })
14 | }
15 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "explain-you-mysql",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "homepage": "https://stereobooster.github.io/explain-you-mysql",
 6 |   "dependencies": {
 7 |     "gh-pages": "^0.12.0",
 8 |     "pegjs": "^0.10.0",
 9 |     "react": "^15.5.4",
10 |     "react-snapshot": "^1.0.4",
11 |     "react-toolbox": "^2.0.0-beta.8",
12 |     "react-toolbox-themr": "^1.0.2"
13 |   },
14 |   "devDependencies": {
15 |     "react-scripts": "0.9.5"
16 |   },
17 |   "scripts": {
18 |     "start": "react-scripts start",
19 |     "build": "react-scripts build && react-snapshot",
20 |     "test": "react-scripts test --env=jsdom",
21 |     "eject": "react-scripts eject",
22 |     "predeploy": "npm run build",
23 |     "deploy": "gh-pages -d build",
24 |     "toolbox": "react-toolbox-themr"
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/src/mysql_response.pegjs:
--------------------------------------------------------------------------------
 1 | QueryOutput
 2 |   = empty QueryRow* FinalRow? empty
 3 | 
 4 | FinalRow
 5 |   = rows:Integer " row" [s]? " in set" ", "? warnings:Integer? " warning"? [s]? " (" [0-9.]* " sec)" nl? { return {rows: rows, warnings: warnings} }
 6 | 
 7 | Identifier
 8 |   = res: [A-Za-z_0-9]* { return res.join("") }
 9 | 
10 | Value
11 |   = res: [A-Za-z0-9_,.();<> ]* { return res.join("") }
12 | 
13 | InfoRow
14 |   = _* id:Identifier ":" _? val:Value? nl? {return [id, val] }
15 | 
16 | InfoRows
17 |   = rows:InfoRow* { var res ={}; for (var i in rows) { var row = rows[i]; res[row[0]] = row[1]; } return res }
18 | 
19 | Header
20 |   = "*"+ _ rowNumber:Integer ". row" _ "*"+ nl { return {number: rowNumber}; }
21 | 
22 | QueryRow
23 |   = header:Header rows:InfoRows  { rows.number = header.number; return rows }
24 | 
25 | Integer "integer"
26 |   = [0-9]+ { return parseInt(text(), 10); }
27 | 
28 | _ "whitespace"
29 |   = [ \t]
30 | 
31 | nl "newline"
32 |   = _*[\n\r]
33 | 
34 | empty
35 |   = [ \t\n\r]* { return null }
36 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Explain you MySQL
 2 | 
 3 | Generate paraser:
 4 | 
 5 | ```
 6 | yarn run pegjs src/mysql_response.pegjs
 7 | ```
 8 | 
 9 | Deploy:
10 | 
11 | ```sh
12 | yarn deploy
13 | ```
14 | 
15 | ### Explain
16 | - http://explainshell.com/
17 | - http://tatiyants.com/postgres-query-plan-visualization/
18 | - http://showthedocs.com/
19 | 
20 | ### Lint
21 | - http://www.shellcheck.net/
22 | - https://github.com/yandex/gixy
23 | - http://eslint.org/
24 | - https://github.com/bbatsov/rubocop
25 | 
26 | ### Autoformat
27 | - https://github.com/prettier/prettier
28 | 
29 | ### MySQL docs
30 | - https://dev.mysql.com/doc/refman/5.7/en/show-warnings.html
31 | - https://dev.mysql.com/doc/refman/5.6/en/explain-output.html#explain-output-columns
32 | - http://use-the-index-luke.com/sql/explain-plan/mysql/operations
33 | - https://www.slideshare.net/ronaldbradford/capturing-analyzing-and-optimizing-mysql
34 | - https://www.sitepoint.com/using-explain-to-write-better-mysql-queries/
35 | 
36 | ### TODO
37 | - Fix CSS
38 | - Description, title (Helmet?)
39 | - Key length note http://stackoverflow.com/questions/16568128/max-size-of-unique-index-in-mysql
40 | - visualy group subqueries by id
41 | 
42 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 6 |     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 7 |     <!--
 8 |       Notice the use of %PUBLIC_URL% in the tag above.
 9 |       It will be replaced with the URL of the `public` folder during the build.
10 |       Only files inside the `public` folder can be referenced from the HTML.
11 | 
12 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
13 |       work correctly both with client-side routing and a non-root public URL.
14 |       Learn how to configure a non-root public URL by running `npm run build`.
15 |     -->
16 |     <title>Explain you MySQL</title>
17 |   </head>
18 |   <body>
19 |     <div id="root"></div>
20 |     <!--
21 |       This HTML file is a template.
22 |       If you open it directly in the browser, you will see an empty page.
23 | 
24 |       You can add webfonts, meta tags, or analytics to this file.
25 |       The build step will place the bundled scripts into the <body> tag.
26 | 
27 |       To begin the development, run `npm start`.
28 |       To create a production bundle, use `npm run build`.
29 |     -->
30 |   </body>
31 | </html>
32 | 


--------------------------------------------------------------------------------
/src/App.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react'
 2 | 
 3 | import ThemeProvider from 'react-toolbox/lib/ThemeProvider'
 4 | import theme from './toolbox/theme.js'
 5 | import './toolbox/theme.css'
 6 | 
 7 | import Layout from 'react-toolbox/lib/layout/Layout';
 8 | import Panel from 'react-toolbox/lib/layout/Panel';
 9 | import Input from 'react-toolbox/lib/input/Input';
10 | import Card from 'react-toolbox/lib/card/Card';
11 | 
12 | import Bar from './components/Bar'
13 | import ExplainTable from './components/ExplainTable'
14 | import ExampleQueriesBar from './components/ExampleQueriesBar'
15 | 
16 | class App extends Component {
17 |   state = { sql: '' };
18 | 
19 |   handleChange = (value) => {
20 |     this.setState({...this.state, sql: value});
21 |   };
22 | 
23 |   render () {
24 |     return (
25 |       <ThemeProvider theme={theme}>
26 |         <Layout>
27 |           <Panel>
28 |             <Bar />
29 |             <Card>
30 |               <ExampleQueriesBar onChange={this.handleChange.bind(this)} />
31 |               <ExplainTable sql={this.state.sql} />
32 |               <Input type='text' multiline label='Result of SQL explain' value={this.state.sql} onChange={this.handleChange.bind(this)} />
33 |             </Card>
34 |           </Panel>
35 |         </Layout>
36 |       </ThemeProvider>
37 |     )
38 |   }
39 | }
40 | 
41 | export default App
42 | 


--------------------------------------------------------------------------------
/src/components/Bar.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react'
 2 | import AppBar from 'react-toolbox/lib/app_bar/AppBar';
 3 | import Navigation from 'react-toolbox/lib/navigation/Navigation';
 4 | import Button from 'react-toolbox/lib/button/Button'
 5 | 
 6 | const GithubIcon = () => (
 7 |   <svg viewBox="0 0 284 277">
 8 |     <g><path d="M141.888675,0.0234927555 C63.5359948,0.0234927555 0,63.5477395 0,141.912168 C0,204.6023 40.6554239,257.788232 97.0321356,276.549924 C104.12328,277.86336 106.726656,273.471926 106.726656,269.724287 C106.726656,266.340838 106.595077,255.16371 106.533987,243.307542 C67.0604204,251.890693 58.7310279,226.56652 58.7310279,226.56652 C52.2766299,210.166193 42.9768456,205.805304 42.9768456,205.805304 C30.1032937,196.998939 43.9472374,197.17986 43.9472374,197.17986 C58.1953153,198.180797 65.6976425,211.801527 65.6976425,211.801527 C78.35268,233.493192 98.8906827,227.222064 106.987463,223.596605 C108.260955,214.426049 111.938106,208.166669 115.995895,204.623447 C84.4804813,201.035582 51.3508808,188.869264 51.3508808,134.501475 C51.3508808,119.01045 56.8936274,106.353063 65.9701981,96.4165325 C64.4969882,92.842765 59.6403297,78.411417 67.3447241,58.8673023 C67.3447241,58.8673023 79.2596322,55.0538738 106.374213,73.4114319 C117.692318,70.2676443 129.83044,68.6910512 141.888675,68.63701 C153.94691,68.6910512 166.09443,70.2676443 177.433682,73.4114319 C204.515368,55.0538738 216.413829,58.8673023 216.413829,58.8673023 C224.13702,78.411417 219.278012,92.842765 217.804802,96.4165325 C226.902519,106.353063 232.407672,119.01045 232.407672,134.501475 C232.407672,188.998493 199.214632,200.997988 167.619331,204.510665 C172.708602,208.913848 177.243363,217.54869 177.243363,230.786433 C177.243363,249.771339 177.078889,265.050898 177.078889,269.724287 C177.078889,273.500121 179.632923,277.92445 186.825101,276.531127 C243.171268,257.748288 283.775,204.581154 283.775,141.912168 C283.775,63.5477395 220.248404,0.0234927555 141.888675,0.0234927555" /></g>
 9 |   </svg>
10 | )
11 | 
12 | const Bar = () => (
13 |   <AppBar title="Explain you MySQL">
14 |     <Navigation type="horizontal">
15 |       <Button href="https://github.com/stereobooster/explain-you-mysql" target='_blank' raised>
16 |         <GithubIcon /> Github
17 |       </Button>
18 |     </Navigation>
19 |   </AppBar>
20 | )
21 | 
22 | export default Bar
23 | 


--------------------------------------------------------------------------------
/src/toolbox/theme.js:
--------------------------------------------------------------------------------
1 | module.exports={"RTAppBar":{"appBar":"_3Py1Z","scrollHide":"PyOfn","flat":"_1J9he","fixed":"_2dwFx","inner":"lGWLJ","title":"_37vtt","leftIcon":"_30BcY","rightIcon":"_1hv3P"},"RTButton":{"button":"_2Agdx","rippleWrapper":"_3AVBi","squared":"_2GH_L","icon":"_3aBSX","solid":"_1ZxqC","raised":"_221ic _2Agdx _2GH_L _1ZxqC","flat":"_1jWAQ _2Agdx _2GH_L","floating":"_3IRMZ _2Agdx _1ZxqC","mini":"_2DCN-","toggle":"hC5Z2 _2Agdx","primary":"_3tTAW","accent":"_2wp6F","neutral":"_2CPs4","inverse":"_2SPZr"},"RTRipple":{"rippleWrapper":"_16N7o","ripple":"_3SV_u","rippleRestarting":"_2OZWa","rippleActive":"_3O2Ue"},"RTAutocomplete":{"autocomplete":"_07g5","focus":"_3qQkg","suggestions":"_3-Nb6","values":"_14fVf","value":"cBUoJ","up":"_3rmye","suggestion":"_1erPE","active":"kDY3Z","input":"_1ryxc"},"RTChip":{"chip":"_3Iv9P","avatar":"_2o8mD","deletable":"_2hlBs","delete":"_3nnfj","deleteIcon":"_2sopz","deleteX":"_10NaZ"},"RTAvatar":{"avatar":"_3OjJz","image":"_2Ueo9","letter":"_26GdB"},"RTInput":{"input":"lFVgC","withIcon":"_1nKdf","icon":"_3ga1V","inputElement":"_4bZUj","bar":"_3FySS","label":"_34120","fixed":"GRQEP","required":"_2G0aY","hint":"bMyi_","filled":"_34NWn","error":"_2k5Jz","counter":"_1oTuT","disabled":"_3ZfJq","errored":"_2s74E","hidden":"_2gAMv"},"RTCard":{"card":"_8pay8","raised":"_1AHwB","cardMedia":"_3Yc6z","wide":"_35NNe","square":"_1HBxg","content":"ewAVM","contentOverlay":"_1bBKz","cardTitle":"_1dU3o","cardActions":"ZoLIG","cardText":"K_kzH","title":"_3qCP3","subtitle":"_3p3mO","large":"_2iwOK","small":"_1RHxe"},"RTCheckbox":{"field":"_3Tq32","ripple":"_2NWrZ","text":"dXU7C","input":"_271V1","check":"_1CXAo","checked":"nSz7s","checkmark-expand":"_3GU9D","disabled":"_2jVLS"},"RTDatePicker":{"input":"_2ISvI","disabled":"Cf3yF","inputElement":"x7MhN","header":"_2vLUd","year":"_1VWY-","date":"_3K2Ws","calendarWrapper":"_1t-4v","yearsDisplay":"_2OzvT","monthsDisplay":"_2DDdC","dialog":"_3fCV6","button":"_2hL6u","calendar":"_1X9ls","prev":"Nv9Bc","next":"_3iPkS","title":"_2ESpD","years":"zEdgW","active":"_1pjXb","week":"PcByv","days":"_1qh3T","day":"_2qF_L","month":"_1hSm5","slideRightEnter":"Rk89h","slideRightLeave":"_1nam4","slideRightEnterActive":"m5B3T","slideRightLeaveActive":"_2bZap","slideLeftEnter":"bGml_","slideLeftLeave":"_2WGqM","slideLeftEnterActive":"_3Ghls","slideLeftLeaveActive":"_2WLHG"},"RTDialog":{"wrapper":"_3nrqp","dialog":"_3lw90","active":"_3ea_1","small":"_38VTT","normal":"_1K3iz","large":"_10LcP","fullscreen":"_3tLXQ","title":"_2J-aP","body":"_1Ivuq","navigation":"wgwdj","button":"_22_c6"},"RTOverlay":{"overlay":"_2LA9x","active":"_1mb5R"},"RTDrawer":{"wrapper":"_3eRY8","drawer":"_1sAOY","active":"EWFXC","right":"_2-4-H","left":"FKhpR"},"RTDropdown":{"dropdown":"ZzBNK","active":"_1DQ-E","values":"_2767w","label":"_2KjGM","value":"_6c1D5","up":"_1OA-G","disabled":"_1skVH","field":"d5bru","errored":"_3dZUG","templateValue":"_6dCtT","required":"_1j4LX","error":"fySw3","selected":"_3uiEo"},"RTLayout":{"layout":"wiKya","panel":"_3aW3s","bodyScroll":"_2uzOU","sidebarDrawer":"_2kCN0","navDrawerDrawer":"Cte92","pinned":"qf0ha","clipped":"_1y5eh","appbarInner":"_1S9wz","appbarFixed":"_2Q-xL","appbarAppBar":"F9Fy2","navDrawerPinned":"_2eOy5","appbarLeftIcon":"fZ13o","navDrawerClipped":"_2kROG","navDrawerWrapper":"_2gpOZ","sidebarPinned":"_3yo9c","sidebarClipped":"_1paQt","sidebarWrapper":"_1TUxm","sidebarWidth1":"_1EWpa","sidebarWidth2":"_37z5O","sidebarWidth3":"_24Dtc","sidebarWidth4":"_28mqi","sidebarWidth5":"K39iB","sidebarWidth6":"_2PjBX","sidebarWidth7":"_16Oxc","sidebarWidth8":"_3fr9v","sidebarWidth9":"iF_4K","sidebarWidth10":"_3mnwI","sidebarWidth11":"_2uccf","sidebarWidth12":"_1pU-9","sidebarWidth25":"_10h-v","sidebarWidth33":"BYRr2","sidebarWidth50":"_2L3ft","sidebarWidth66":"_31jol","sidebarWidth75":"_2Xvmh","sidebarWidth100":"_3T7B6"},"RTLink":{"icon":"_1-mD4","link":"_1Od3D","active":"_3blKB"},"RTList":{"list":"caNNQ","divider":"_2Jg3-","subheader":"q2l8C","inset":"_1HHo_","listItem":"ni6RH","ripple":"_2mi0Y","item":"_2GtDw","selectable":"_1OoR-","disabled":"_38DD6","checkboxItem":"OVyge","checkbox":"_3SG-0","left":"bHOJq","right":"OQ3Je","itemAction":"VB7pN","itemContentRoot":"_2FBCh","large":"EO5bo","itemText":"_12FqV","primary":"_3SxNr"},"RTMenu":{"iconMenu":"_2aMxm","icon":"_1b8Ml","menu":"_1gvr5","topLeft":"SYeW8","outline":"_2PdTB","topRight":"DFQvY","bottomLeft":"_3i7lA","bottomRight":"_3q-zB","static":"_2xf5n","menuInner":"_2t8UE","rippled":"_3o1JI","active":"_2Cekp","menuItem":"lyzBJ","disabled":"zGTpA","selected":"_2-j_P","ripple":"_2m_Cl","caption":"_3MsfE","shortcut":"_1anRY","menuDivider":"VX5Lv"},"RTNavigation":{"horizontal":"_1MJ9B","vertical":"xUlwz"},"RTProgressBar":{"linear":"_3vxHj","linear-indeterminate-bar":"_1cU21","indeterminate":"_1gPzb","value":"I0PhY","buffer":"SzbNd","circular":"_2j3vC","circular-indeterminate-bar-rotate":"zfZzh","circular-indeterminate-bar-dash":"_3DSlU","colors":"Z_PDt","circle":"DlWjM","path":"_1xZSU","multicolor":"_3XHT8"},"RTRadio":{"radio":"_1vWJb","ripple":"_78FVB","radioChecked":"_210O6 _1vWJb","field":"_36UDg","text":"_3guDD","input":"_2CPDD","disabled":"_39I6g _36UDg"},"RTSlider":{"container":"_-dLk","knob":"kq8Om","innerknob":"_8VjZ5","snaps":"_2x5j_","snap":"_12aGJ","input":"_2JHGy","progress":"_2R4jW","innerprogress":"_3p0mR","slider":"_3-BtZ","editable":"hkAL6","pinned":"_28Oo0","pressed":"_292qK","ring":"_2Oh5L"},"RTSnackbar":{"snackbar":"zDi3X","accept":"_2Y0Cy","button":"_2pCxU","warning":"_2li3o","cancel":"_3731C","active":"_38CsO","label":"_1JIbY"},"RTSwitch":{"field":"_1T2D0","text":"rxx-p","thumb":"_1pMry","ripple":"_1I9tv","on":"p92Yp","off":"_25ui_","input":"_3BTU_","switch-on":"_2Bwve","switch-off":"_1ZBFp","disabled":"_1CQ_q _1T2D0"},"RTTable":{"table":"_2xofu","head":"_1eF5Z","row":"_1qppP","selected":"_1H1dU","rowCell":"_18bqN","headCell":"gfcPv","numeric":"_3suRQ","checkboxCell":"_2yhwA","sorted":"_2r5OG","sortIcon":"_3NJs5","asc":"wZHUA"},"RTTabs":{"tabs":"_2EaQV","navigation":"_3e55Z","navigationContainer":"_3oZmF","arrow":"wPL4g","arrowContainer":"i_TGW","label":"_1yb8L","rippleWrapper":"_3c0W3","active":"_2LZ7Z","disabled":"_2gi1s","hidden":"_3kq1J","withIcon":"_1OFOx","withText":"_1Yf4A","icon":"_1LUZH","pointer":"_1xgdB","tab":"_26SP9","fixed":"_3bROj","inverse":"_33mT_"},"RTTooltip":{"tooltip":"_1v8bI","tooltipActive":"_2xWjx","tooltipTop":"_1PfOK","tooltipLeft":"_3uj3d","tooltipRight":"_3UQWj","tooltipInner":"_9q2WH"},"RTTimePicker":{"input":"_2APuy","disabled":"_2Vc_4","inputElement":"_2Z4kT","header":"_2u1sB","hours":"_3Kl2E","minutes":"_3Bp7w","separator":"_1c2VQ","ampm":"_1vAVQ","am":"_14hQA","pm":"aU9C9","dialog":"_1YlHq","button":"_1Kf0L","hoursDisplay":"_2JeOG","minutesDisplay":"_3UMNx","amFormat":"_26MJk","pmFormat":"_3H_-m","clock":"_2CwF0","placeholder":"zCpyM","clockWrapper":"_3paoD","face":"_3ui0r","number":"qr9pw","active":"_30yS_","hand":"_1rtAF","small":"_3eEHh","knob":"VqPQb","zoomInEnter":"_3DTnI","zoomInLeave":"_1tgJ3","zoomInEnterActive":"_1Fr4_","zoomInLeaveActive":"_1EUpH","zoomOutEnter":"_1Lb15","zoomOutLeave":"_3LDEu","zoomOutEnterActive":"_3y67C","zoomOutLeaveActive":"_18Ean"}}


--------------------------------------------------------------------------------
/src/components/ExplainTable.js:
--------------------------------------------------------------------------------
  1 | import React, { Component } from 'react'
  2 | import { Table, TableHead, TableRow, TableCell } from 'react-toolbox/lib/table'
  3 | import Tooltip from 'react-toolbox/lib/tooltip';
  4 | import { SyntaxError, parse } from '../mysql_response'
  5 | import FontIcon from 'react-toolbox/lib/font_icon';
  6 | // import IconButton from 'react-toolbox/lib/button';
  7 | // <IconButton icon='warning'/>
  8 | 
  9 | const TooltipCell = Tooltip(TableCell)
 10 | const TooltipIcon = Tooltip(FontIcon)
 11 | 
 12 | const ExplainModel = {
 13 |   id: {type: Number},
 14 |   select_type: {type: String}
 15 | };
 16 | 
 17 | const explainSelectType = {
 18 |   "SIMPLE":  "Simple SELECT (not using UNION or subqueries)",
 19 |   "PRIMARY": "Outermost SELECT",
 20 |   "UNION": "Second or later SELECT statement in a UNION",
 21 |   "DEPENDENT UNION": "Second or later SELECT statement in a UNION, dependent on outer query",
 22 |   "UNION RESULT":  "Result of a UNION.",
 23 |   "SUBQUERY":  "First SELECT in subquery",
 24 |   "DEPENDENT SUBQUERY":  "First SELECT in subquery, dependent on outer query",
 25 |   "DERIVED": "Derived table SELECT (subquery in FROM clause)",
 26 |   "MATERIALIZED":  "Materialized subquery",
 27 |   "UNCACHEABLE SUBQUERY":  "A subquery for which the result cannot be cached and must be re-evaluated for each row of the outer query",
 28 |   "UNCACHEABLE UNION": "The second or later select in a UNION that belongs to an uncacheable subquery (see UNCACHEABLE SUBQUERY)"
 29 | }
 30 | 
 31 | const explainJoinTypes = {
 32 |   "system": "The table has only one row (= system table). This is a special case of the const join type.",
 33 |   "const": "The table has at most one matching row, which is read at the start of the query. Because there is only one row, values from the column in this row can be regarded as constants by the rest of the optimizer. const tables are very fast because they are read only once.",
 34 |   "eq_ref": "One row is read from this table for each combination of rows from the previous tables. Other than the system and const types, this is the best possible join type. It is used when all parts of an index are used by the join and the index is a PRIMARY KEY or UNIQUE NOT NULL index.",
 35 |   "ref": "All rows with matching index values are read from this table for each combination of rows from the previous tables. ref is used if the join uses only a leftmost prefix of the key or if the key is not a PRIMARY KEY or UNIQUE index (in other words, if the join cannot select a single row based on the key value). If the key that is used matches only a few rows, this is a good join type.",
 36 |   "fulltext": "The join is performed using a FULLTEXT index.",
 37 |   "ref_or_null": "This join type is like ref, but with the addition that MySQL does an extra search for rows that contain NULL values. This join type optimization is used most often in resolving subqueries.",
 38 |   "index_merge": "This join type indicates that the Index Merge optimization is used. In this case, the key column in the output row contains a list of indexes used, and key_len contains a list of the longest key parts for the indexes used.",
 39 |   "unique_subquery": "unique_subquery is just an index lookup function that replaces the subquery completely for better efficiency.",
 40 |   "index_subquery": "This join type is similar to unique_subquery. It replaces IN subqueries, but it works for nonunique indexes",
 41 |   "range": "Only rows that are in a given range are retrieved, using an index to select the rows. The key column in the output row indicates which index is used. The key_len contains the longest key part that was used. The ref column is NULL for this type.",
 42 |   "index": "The index join type is the same as ALL, except that the index tree is scanned.",
 43 |   "ALL": "A full table scan is done for each combination of rows from the previous tables. This is normally not good if the table is the first table not marked const, and usually very bad in all other cases. Normally, you can avoid ALL by adding indexes that enable row retrieval from the table based on constant values or column values from earlier tables."
 44 | }
 45 | 
 46 | const warn = <FontIcon value='warning' />
 47 | 
 48 | const analyzeFiltered = (item) => (
 49 |   item.filtered < 80 ? <TooltipIcon value="warning" tooltip="Try to filter more rows"/> : null
 50 | )
 51 | 
 52 | const analyzeKey = (item) => (
 53 |   item.key == 'NULL' ? <TooltipIcon value="warning" tooltip="No index is used"/> : null
 54 | )
 55 | 
 56 | const analyzePossibleKeys = (item) => (
 57 |   item.possible_keys == 'NULL' ? <TooltipIcon value="warning" tooltip="No potential indexes, add some"/> : null
 58 | )
 59 | 
 60 | const analyzeJoinType = (item) => (
 61 |   item.type == 'ALL' ? warn : null
 62 | )
 63 | 
 64 | export default function ExplainTable(props) {
 65 |   try {
 66 |     if (props.sql === "") {
 67 |       return <div>Paste explain query results ("EXPLAIN your_query\G") to see table</div>
 68 |     }
 69 | 
 70 |     let source = parse(props.sql).filter(x => x != null)
 71 |     let rows = source[0]
 72 |     let extra = source[1]
 73 |     let warnings = extra && extra.warnings
 74 | 
 75 |     return <div>
 76 |       {warnings ? (<div>{warn} You have warnings use "SHOW WARNINGS\G" command to explore</div>) : null}
 77 |       <Table selectable={false}>
 78 |         <TableHead>
 79 |           <TableCell numeric>id</TableCell>
 80 |           <TooltipCell tooltip="The SELECT identifier">select_type</TooltipCell>
 81 |           <TooltipCell tooltip="The table for the output row">table</TooltipCell>
 82 |           <TooltipCell tooltip="The SELECT type">type</TooltipCell>
 83 |           <TooltipCell tooltip="The possible indexes to choose">possible_keys</TooltipCell>
 84 |           <TooltipCell tooltip="The index actually chosen">key</TooltipCell>
 85 |           <TooltipCell tooltip="The length of the chosen key">key_len</TooltipCell>
 86 |           <TooltipCell tooltip="The columns compared to the index">ref</TooltipCell>
 87 |           <TooltipCell tooltip="Estimate of rows to be examined" numeric>rows</TooltipCell>
 88 |           <TooltipCell tooltip="Percentage of rows filtered by table condition" numeric>filtered</TooltipCell>
 89 |           <TooltipCell tooltip="Additional information">Extra</TooltipCell>
 90 |         </TableHead>
 91 |         {rows.map((item, idx) => (
 92 |           <TableRow key={idx}>
 93 |             <TableCell numeric>{item.id}</TableCell>
 94 |             <TooltipCell tooltip={explainSelectType[item.select_type]}>{item.select_type}</TooltipCell>
 95 |             <TableCell>{item.table}</TableCell>
 96 |             <TooltipCell tooltip={explainJoinTypes[item.type]}>{item.type}{analyzeJoinType(item)}</TooltipCell>
 97 |             <TableCell>{item.possible_keys}{analyzePossibleKeys(item)}</TableCell>
 98 |             <TableCell>{item.key}{analyzeKey(item)}</TableCell>
 99 |             <TableCell>{item.key_len}</TableCell>
100 |             <TableCell>{item.ref}</TableCell>
101 |             <TableCell numeric>{item.rows}</TableCell>
102 |             <TableCell numeric>{item.filtered}{analyzeFiltered(item)}</TableCell>
103 |             <TableCell>{item.Extra}</TableCell>
104 |           </TableRow>
105 |         ))}
106 |       </Table>
107 |     </div>
108 |   } catch (e) {
109 |     // console.log(e)
110 |     return <div>{warn} Parse error: {e.message} At {e.location.start.line}:{e.location.start.column}</div>
111 |   }
112 | 
113 | }
114 | 


--------------------------------------------------------------------------------
/src/components/ExampleQueriesBar.js:
--------------------------------------------------------------------------------
  1 | import React, { Component } from 'react'
  2 | import Navigation from 'react-toolbox/lib/navigation/Navigation';
  3 | import Button from 'react-toolbox/lib/button/Button'
  4 | 
  5 | const sql1 = `*************************** 1. row ***************************
  6 |            id: 1
  7 |   select_type: SIMPLE
  8 |         table: some_table
  9 |    partitions: NULL
 10 |          type: index_merge
 11 | possible_keys: a,b
 12 |           key: a,b
 13 |       key_len: 60,60
 14 |           ref: NULL
 15 |          rows: 169
 16 |      filtered: 100.00
 17 |         Extra: Using sort_union(a, b); Using where
 18 | 1 row in set, 1 warning (0.01 sec)`
 19 | 
 20 | const sql2 = `********************** 1. row **********************
 21 |            id: 1
 22 |   select_type: SIMPLE
 23 |         table: Country
 24 |          type: const
 25 | possible_keys: PRIMARY
 26 |           key: PRIMARY
 27 |       key_len: 3
 28 |           ref: const
 29 |          rows: 1
 30 |      filtered: 100.00
 31 |         Extra:
 32 | ********************** 2. row **********************
 33 |            id: 1
 34 |   select_type: SIMPLE
 35 |         table: City
 36 |          type: ALL
 37 | possible_keys: NULL
 38 |           key: NULL
 39 |       key_len: NULL
 40 |           ref: NULL
 41 |          rows: 4079
 42 |      filtered: 100.00
 43 |         Extra: Using where
 44 | 2 rows in set, 1 warning (0.00 sec)`
 45 | 
 46 | const sql3 = `********************** 1. row **********************
 47 |            id: 1
 48 |   select_type: SIMPLE
 49 |         table: l
 50 |          type: ALL
 51 | possible_keys: NULL
 52 |           key: NULL
 53 |       key_len: NULL
 54 |           ref: NULL
 55 |          rows: 7
 56 |         Extra:
 57 | ********************** 2. row **********************
 58 |            id: 1
 59 |   select_type: SIMPLE
 60 |         table: p
 61 |          type: ALL
 62 | possible_keys: NULL
 63 |           key: NULL
 64 |       key_len: NULL
 65 |           ref: NULL
 66 |          rows: 110
 67 |         Extra: Using where; Using join buffer
 68 | ********************** 3. row **********************
 69 |            id: 1
 70 |   select_type: SIMPLE
 71 |         table: c
 72 |          type: ALL
 73 | possible_keys: NULL
 74 |           key: NULL
 75 |       key_len: NULL
 76 |           ref: NULL
 77 |          rows: 122
 78 |         Extra: Using join buffer
 79 | ********************** 4. row **********************
 80 |            id: 1
 81 |   select_type: SIMPLE
 82 |         table: o
 83 |          type: ALL
 84 | possible_keys: NULL
 85 |           key: NULL
 86 |       key_len: NULL
 87 |           ref: NULL
 88 |          rows: 326
 89 |         Extra: Using where; Using join buffer
 90 | ********************** 5. row **********************
 91 |            id: 1
 92 |   select_type: SIMPLE
 93 |         table: d
 94 |          type: ALL
 95 | possible_keys: NULL
 96 |           key: NULL
 97 |       key_len: NULL
 98 |           ref: NULL
 99 |          rows: 2996
100 |         Extra: Using where; Using join buffer
101 | 5 rows in set (0.00 sec)`
102 | 
103 | const sql4 = `********************** 1. row **********************
104 |            id: 1
105 |   select_type: SIMPLE
106 |         table: o
107 |          type: const
108 | possible_keys: PRIMARY,customerNumber
109 |           key: PRIMARY
110 |       key_len: 4
111 |           ref: const
112 |          rows: 1
113 |         Extra:
114 | ********************** 2. row **********************
115 |            id: 1
116 |   select_type: SIMPLE
117 |         table: c
118 |          type: const
119 | possible_keys: PRIMARY
120 |           key: PRIMARY
121 |       key_len: 4
122 |           ref: const
123 |          rows: 1
124 |         Extra:
125 | ********************** 3. row **********************
126 |            id: 1
127 |   select_type: SIMPLE
128 |         table: d
129 |          type: ref
130 | possible_keys: PRIMARY
131 |           key: PRIMARY
132 |       key_len: 4
133 |           ref: const
134 |          rows: 4
135 |         Extra:
136 | ********************** 4. row **********************
137 |            id: 1
138 |   select_type: SIMPLE
139 |         table: p
140 |          type: eq_ref
141 | possible_keys: PRIMARY,productLine
142 |           key: PRIMARY
143 |       key_len: 17
144 |           ref: classicmodels.d.productCode
145 |          rows: 1
146 |         Extra:
147 | ********************** 5. row **********************
148 |            id: 1
149 |   select_type: SIMPLE
150 |         table: l
151 |          type: eq_ref
152 | possible_keys: PRIMARY
153 |           key: PRIMARY
154 |       key_len: 52
155 |           ref: classicmodels.p.productLine
156 |          rows: 1
157 |         Extra:
158 | 5 rows in set (0.00 sec)`
159 | 
160 | const sql5 = `********************** 1. row **********************
161 |            id: 1
162 |   select_type: PRIMARY
163 |         table: <derived2>
164 |          type: ALL
165 | possible_keys: NULL
166 |           key: NULL
167 |       key_len: NULL
168 |           ref: NULL
169 |          rows: 219
170 |         Extra: Using where
171 | ********************** 2. row **********************
172 |            id: 2
173 |   select_type: DERIVED
174 |         table: p
175 |          type: ALL
176 | possible_keys: NULL
177 |           key: NULL
178 |       key_len: NULL
179 |           ref: NULL
180 |          rows: 110
181 |         Extra:
182 | ********************** 3. row **********************
183 |            id: 2
184 |   select_type: DERIVED
185 |         table: l
186 |          type: eq_ref
187 | possible_keys: PRIMARY
188 |           key: PRIMARY
189 |       key_len: 52
190 |           ref: classicmodels.p.productLine
191 |          rows: 1
192 |         Extra:
193 | ********************** 4. row **********************
194 |            id: 3
195 |   select_type: UNION
196 |         table: v
197 |          type: ALL
198 | possible_keys: NULL
199 |           key: NULL
200 |       key_len: NULL
201 |           ref: NULL
202 |          rows: 109
203 |         Extra:
204 | ********************** 5. row **********************
205 |            id: 3
206 |   select_type: UNION
207 |         table: p
208 |          type: eq_ref
209 | possible_keys: PRIMARY
210 |           key: PRIMARY
211 |       key_len: 17
212 |           ref: classicmodels.v.productCode
213 |          rows: 1
214 |         Extra:
215 | ********************** 6. row **********************
216 |            id: 3
217 |   select_type: UNION
218 |         table: l
219 |          type: eq_ref
220 | possible_keys: PRIMARY
221 |           key: PRIMARY
222 |       key_len: 52
223 |           ref: classicmodels.p.productLine
224 |          rows: 1
225 |         Extra:
226 | ********************** 7. row **********************
227 |            id: NULL
228 |   select_type: UNION RESULT
229 |         table: <union2,3>
230 |          type: ALL
231 | possible_keys: NULL
232 |           key: NULL
233 |       key_len: NULL
234 |           ref: NULL
235 |          rows: NULL
236 |         Extra:
237 | 7 rows in set (0.01 sec)`
238 | 
239 | const sql6 = `********************** 1. row **********************
240 |           id: 1
241 |   select_type: PRIMARY
242 |         table: <derived2>
243 |          type: ALL
244 | possible_keys: NULL
245 |           key: NULL
246 |       key_len: NULL
247 |           ref: NULL
248 |          rows: 12
249 |         Extra:
250 | ********************** 2. row **********************
251 |            id: 2
252 |   select_type: DERIVED
253 |         table: p
254 |          type: range
255 | possible_keys: idx_buyPrice,idx_productLine
256 |           key: idx_buyPrice
257 |       key_len: 8
258 |           ref: NULL
259 |          rows: 23
260 |         Extra: Using where
261 | ********************** 3. row **********************
262 |            id: 2
263 |   select_type: DERIVED
264 |         table: l
265 |          type: eq_ref
266 | possible_keys: PRIMARY
267 |           key: PRIMARY
268 |       key_len: 52
269 |           ref: classicmodels.p.productLine
270 |          rows: 1
271 |         Extra: Using where
272 | ********************** 4. row **********************
273 |            id: 3
274 |   select_type: UNION
275 |         table: v
276 |          type: range
277 | possible_keys: idx_buyPrice,idx_productCode
278 |           key: idx_buyPrice
279 |       key_len: 9
280 |           ref: NULL
281 |          rows: 1
282 |         Extra: Using where
283 | ********************** 5. row **********************
284 |            id: 3
285 |   select_type: UNION
286 |         table: p
287 |          type: eq_ref
288 | possible_keys: PRIMARY,idx_productLine
289 |           key: PRIMARY
290 |       key_len: 17
291 |           ref: classicmodels.v.productCode
292 |          rows: 1
293 |         Extra: Using where
294 | ********************** 6. row **********************
295 |            id: 3
296 |   select_type: UNION
297 |         table: l
298 |          type: eq_ref
299 | possible_keys: PRIMARY
300 |           key: PRIMARY
301 |       key_len: 52
302 |           ref: classicmodels.p.productLine
303 |          rows: 1
304 |         Extra: Using where
305 | ********************** 7. row **********************
306 |            id: NULL
307 |   select_type: UNION RESULT
308 |         table: <union2,3>
309 |          type: ALL
310 | possible_keys: NULL
311 |           key: NULL
312 |       key_len: NULL
313 |           ref: NULL
314 |          rows: NULL
315 |         Extra:
316 | 7 rows in set (0.01 sec)`
317 | 
318 | const ExampleQueriesBar = (props) => {
319 |   let cb = props.onChange
320 | 
321 |   return (<Navigation>
322 |     Try some exmaples:
323 |     <Button label='1' onClick={()=>cb(sql1)} />
324 |     <Button label='2' onClick={()=>cb(sql2)} />
325 |     <Button label='3' onClick={()=>cb(sql3)} />
326 |     <Button label='4' onClick={()=>cb(sql4)} />
327 |     <Button label='5' onClick={()=>cb(sql5)} />
328 |     <Button label='6' onClick={()=>cb(sql6)} />
329 |   </Navigation>)
330 | }
331 | 
332 | export default ExampleQueriesBar
333 | 


--------------------------------------------------------------------------------
/src/mysql_response.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Generated by PEG.js 0.10.0.
  3 |  *
  4 |  * http://pegjs.org/
  5 |  */
  6 | 
  7 | "use strict";
  8 | 
  9 | function peg$subclass(child, parent) {
 10 |   function ctor() { this.constructor = child; }
 11 |   ctor.prototype = parent.prototype;
 12 |   child.prototype = new ctor();
 13 | }
 14 | 
 15 | function peg$SyntaxError(message, expected, found, location) {
 16 |   this.message  = message;
 17 |   this.expected = expected;
 18 |   this.found    = found;
 19 |   this.location = location;
 20 |   this.name     = "SyntaxError";
 21 | 
 22 |   if (typeof Error.captureStackTrace === "function") {
 23 |     Error.captureStackTrace(this, peg$SyntaxError);
 24 |   }
 25 | }
 26 | 
 27 | peg$subclass(peg$SyntaxError, Error);
 28 | 
 29 | peg$SyntaxError.buildMessage = function(expected, found) {
 30 |   var DESCRIBE_EXPECTATION_FNS = {
 31 |         literal: function(expectation) {
 32 |           return "\"" + literalEscape(expectation.text) + "\"";
 33 |         },
 34 | 
 35 |         "class": function(expectation) {
 36 |           var escapedParts = "",
 37 |               i;
 38 | 
 39 |           for (i = 0; i < expectation.parts.length; i++) {
 40 |             escapedParts += expectation.parts[i] instanceof Array
 41 |               ? classEscape(expectation.parts[i][0]) + "-" + classEscape(expectation.parts[i][1])
 42 |               : classEscape(expectation.parts[i]);
 43 |           }
 44 | 
 45 |           return "[" + (expectation.inverted ? "^" : "") + escapedParts + "]";
 46 |         },
 47 | 
 48 |         any: function(expectation) {
 49 |           return "any character";
 50 |         },
 51 | 
 52 |         end: function(expectation) {
 53 |           return "end of input";
 54 |         },
 55 | 
 56 |         other: function(expectation) {
 57 |           return expectation.description;
 58 |         }
 59 |       };
 60 | 
 61 |   function hex(ch) {
 62 |     return ch.charCodeAt(0).toString(16).toUpperCase();
 63 |   }
 64 | 
 65 |   function literalEscape(s) {
 66 |     return s
 67 |       .replace(/\\/g, '\\\\')
 68 |       .replace(/"/g,  '\\"')
 69 |       .replace(/\0/g, '\\0')
 70 |       .replace(/\t/g, '\\t')
 71 |       .replace(/\n/g, '\\n')
 72 |       .replace(/\r/g, '\\r')
 73 |       .replace(/[\x00-\x0F]/g,          function(ch) { return '\\x0' + hex(ch); })
 74 |       .replace(/[\x10-\x1F\x7F-\x9F]/g, function(ch) { return '\\x'  + hex(ch); });
 75 |   }
 76 | 
 77 |   function classEscape(s) {
 78 |     return s
 79 |       .replace(/\\/g, '\\\\')
 80 |       .replace(/\]/g, '\\]')
 81 |       .replace(/\^/g, '\\^')
 82 |       .replace(/-/g,  '\\-')
 83 |       .replace(/\0/g, '\\0')
 84 |       .replace(/\t/g, '\\t')
 85 |       .replace(/\n/g, '\\n')
 86 |       .replace(/\r/g, '\\r')
 87 |       .replace(/[\x00-\x0F]/g,          function(ch) { return '\\x0' + hex(ch); })
 88 |       .replace(/[\x10-\x1F\x7F-\x9F]/g, function(ch) { return '\\x'  + hex(ch); });
 89 |   }
 90 | 
 91 |   function describeExpectation(expectation) {
 92 |     return DESCRIBE_EXPECTATION_FNS[expectation.type](expectation);
 93 |   }
 94 | 
 95 |   function describeExpected(expected) {
 96 |     var descriptions = new Array(expected.length),
 97 |         i, j;
 98 | 
 99 |     for (i = 0; i < expected.length; i++) {
100 |       descriptions[i] = describeExpectation(expected[i]);
101 |     }
102 | 
103 |     descriptions.sort();
104 | 
105 |     if (descriptions.length > 0) {
106 |       for (i = 1, j = 1; i < descriptions.length; i++) {
107 |         if (descriptions[i - 1] !== descriptions[i]) {
108 |           descriptions[j] = descriptions[i];
109 |           j++;
110 |         }
111 |       }
112 |       descriptions.length = j;
113 |     }
114 | 
115 |     switch (descriptions.length) {
116 |       case 1:
117 |         return descriptions[0];
118 | 
119 |       case 2:
120 |         return descriptions[0] + " or " + descriptions[1];
121 | 
122 |       default:
123 |         return descriptions.slice(0, -1).join(", ")
124 |           + ", or "
125 |           + descriptions[descriptions.length - 1];
126 |     }
127 |   }
128 | 
129 |   function describeFound(found) {
130 |     return found ? "\"" + literalEscape(found) + "\"" : "end of input";
131 |   }
132 | 
133 |   return "Expected " + describeExpected(expected) + " but " + describeFound(found) + " found.";
134 | };
135 | 
136 | function peg$parse(input, options) {
137 |   options = options !== void 0 ? options : {};
138 | 
139 |   var peg$FAILED = {},
140 | 
141 |       peg$startRuleFunctions = { QueryOutput: peg$parseQueryOutput },
142 |       peg$startRuleFunction  = peg$parseQueryOutput,
143 | 
144 |       peg$c0 = " row",
145 |       peg$c1 = peg$literalExpectation(" row", false),
146 |       peg$c2 = /^[s]/,
147 |       peg$c3 = peg$classExpectation(["s"], false, false),
148 |       peg$c4 = " in set",
149 |       peg$c5 = peg$literalExpectation(" in set", false),
150 |       peg$c6 = ", ",
151 |       peg$c7 = peg$literalExpectation(", ", false),
152 |       peg$c8 = " warning",
153 |       peg$c9 = peg$literalExpectation(" warning", false),
154 |       peg$c10 = " (",
155 |       peg$c11 = peg$literalExpectation(" (", false),
156 |       peg$c12 = /^[0-9.]/,
157 |       peg$c13 = peg$classExpectation([["0", "9"], "."], false, false),
158 |       peg$c14 = " sec)",
159 |       peg$c15 = peg$literalExpectation(" sec)", false),
160 |       peg$c16 = function(rows, warnings) { return {rows: rows, warnings: warnings} },
161 |       peg$c17 = /^[A-Za-z_0-9]/,
162 |       peg$c18 = peg$classExpectation([["A", "Z"], ["a", "z"], "_", ["0", "9"]], false, false),
163 |       peg$c19 = function(res) { return res.join("") },
164 |       peg$c20 = /^[A-Za-z0-9_,.();<> ]/,
165 |       peg$c21 = peg$classExpectation([["A", "Z"], ["a", "z"], ["0", "9"], "_", ",", ".", "(", ")", ";", "<", ">", " "], false, false),
166 |       peg$c22 = ":",
167 |       peg$c23 = peg$literalExpectation(":", false),
168 |       peg$c24 = function(id, val) {return [id, val] },
169 |       peg$c25 = function(rows) { var res ={}; for (var i in rows) { var row = rows[i]; res[row[0]] = row[1]; } return res },
170 |       peg$c26 = "*",
171 |       peg$c27 = peg$literalExpectation("*", false),
172 |       peg$c28 = ". row",
173 |       peg$c29 = peg$literalExpectation(". row", false),
174 |       peg$c30 = function(rowNumber) { return {number: rowNumber}; },
175 |       peg$c31 = function(header, rows) { rows.number = header.number; return rows },
176 |       peg$c32 = peg$otherExpectation("integer"),
177 |       peg$c33 = /^[0-9]/,
178 |       peg$c34 = peg$classExpectation([["0", "9"]], false, false),
179 |       peg$c35 = function() { return parseInt(text(), 10); },
180 |       peg$c36 = peg$otherExpectation("whitespace"),
181 |       peg$c37 = /^[ \t]/,
182 |       peg$c38 = peg$classExpectation([" ", "\t"], false, false),
183 |       peg$c39 = peg$otherExpectation("newline"),
184 |       peg$c40 = /^[\n\r]/,
185 |       peg$c41 = peg$classExpectation(["\n", "\r"], false, false),
186 |       peg$c42 = /^[ \t\n\r]/,
187 |       peg$c43 = peg$classExpectation([" ", "\t", "\n", "\r"], false, false),
188 |       peg$c44 = function() { return null },
189 | 
190 |       peg$currPos          = 0,
191 |       peg$savedPos         = 0,
192 |       peg$posDetailsCache  = [{ line: 1, column: 1 }],
193 |       peg$maxFailPos       = 0,
194 |       peg$maxFailExpected  = [],
195 |       peg$silentFails      = 0,
196 | 
197 |       peg$result;
198 | 
199 |   if ("startRule" in options) {
200 |     if (!(options.startRule in peg$startRuleFunctions)) {
201 |       throw new Error("Can't start parsing from rule \"" + options.startRule + "\".");
202 |     }
203 | 
204 |     peg$startRuleFunction = peg$startRuleFunctions[options.startRule];
205 |   }
206 | 
207 |   function text() {
208 |     return input.substring(peg$savedPos, peg$currPos);
209 |   }
210 | 
211 |   function location() {
212 |     return peg$computeLocation(peg$savedPos, peg$currPos);
213 |   }
214 | 
215 |   function expected(description, location) {
216 |     location = location !== void 0 ? location : peg$computeLocation(peg$savedPos, peg$currPos)
217 | 
218 |     throw peg$buildStructuredError(
219 |       [peg$otherExpectation(description)],
220 |       input.substring(peg$savedPos, peg$currPos),
221 |       location
222 |     );
223 |   }
224 | 
225 |   function error(message, location) {
226 |     location = location !== void 0 ? location : peg$computeLocation(peg$savedPos, peg$currPos)
227 | 
228 |     throw peg$buildSimpleError(message, location);
229 |   }
230 | 
231 |   function peg$literalExpectation(text, ignoreCase) {
232 |     return { type: "literal", text: text, ignoreCase: ignoreCase };
233 |   }
234 | 
235 |   function peg$classExpectation(parts, inverted, ignoreCase) {
236 |     return { type: "class", parts: parts, inverted: inverted, ignoreCase: ignoreCase };
237 |   }
238 | 
239 |   function peg$anyExpectation() {
240 |     return { type: "any" };
241 |   }
242 | 
243 |   function peg$endExpectation() {
244 |     return { type: "end" };
245 |   }
246 | 
247 |   function peg$otherExpectation(description) {
248 |     return { type: "other", description: description };
249 |   }
250 | 
251 |   function peg$computePosDetails(pos) {
252 |     var details = peg$posDetailsCache[pos], p;
253 | 
254 |     if (details) {
255 |       return details;
256 |     } else {
257 |       p = pos - 1;
258 |       while (!peg$posDetailsCache[p]) {
259 |         p--;
260 |       }
261 | 
262 |       details = peg$posDetailsCache[p];
263 |       details = {
264 |         line:   details.line,
265 |         column: details.column
266 |       };
267 | 
268 |       while (p < pos) {
269 |         if (input.charCodeAt(p) === 10) {
270 |           details.line++;
271 |           details.column = 1;
272 |         } else {
273 |           details.column++;
274 |         }
275 | 
276 |         p++;
277 |       }
278 | 
279 |       peg$posDetailsCache[pos] = details;
280 |       return details;
281 |     }
282 |   }
283 | 
284 |   function peg$computeLocation(startPos, endPos) {
285 |     var startPosDetails = peg$computePosDetails(startPos),
286 |         endPosDetails   = peg$computePosDetails(endPos);
287 | 
288 |     return {
289 |       start: {
290 |         offset: startPos,
291 |         line:   startPosDetails.line,
292 |         column: startPosDetails.column
293 |       },
294 |       end: {
295 |         offset: endPos,
296 |         line:   endPosDetails.line,
297 |         column: endPosDetails.column
298 |       }
299 |     };
300 |   }
301 | 
302 |   function peg$fail(expected) {
303 |     if (peg$currPos < peg$maxFailPos) { return; }
304 | 
305 |     if (peg$currPos > peg$maxFailPos) {
306 |       peg$maxFailPos = peg$currPos;
307 |       peg$maxFailExpected = [];
308 |     }
309 | 
310 |     peg$maxFailExpected.push(expected);
311 |   }
312 | 
313 |   function peg$buildSimpleError(message, location) {
314 |     return new peg$SyntaxError(message, null, null, location);
315 |   }
316 | 
317 |   function peg$buildStructuredError(expected, found, location) {
318 |     return new peg$SyntaxError(
319 |       peg$SyntaxError.buildMessage(expected, found),
320 |       expected,
321 |       found,
322 |       location
323 |     );
324 |   }
325 | 
326 |   function peg$parseQueryOutput() {
327 |     var s0, s1, s2, s3, s4;
328 | 
329 |     s0 = peg$currPos;
330 |     s1 = peg$parseempty();
331 |     if (s1 !== peg$FAILED) {
332 |       s2 = [];
333 |       s3 = peg$parseQueryRow();
334 |       while (s3 !== peg$FAILED) {
335 |         s2.push(s3);
336 |         s3 = peg$parseQueryRow();
337 |       }
338 |       if (s2 !== peg$FAILED) {
339 |         s3 = peg$parseFinalRow();
340 |         if (s3 === peg$FAILED) {
341 |           s3 = null;
342 |         }
343 |         if (s3 !== peg$FAILED) {
344 |           s4 = peg$parseempty();
345 |           if (s4 !== peg$FAILED) {
346 |             s1 = [s1, s2, s3, s4];
347 |             s0 = s1;
348 |           } else {
349 |             peg$currPos = s0;
350 |             s0 = peg$FAILED;
351 |           }
352 |         } else {
353 |           peg$currPos = s0;
354 |           s0 = peg$FAILED;
355 |         }
356 |       } else {
357 |         peg$currPos = s0;
358 |         s0 = peg$FAILED;
359 |       }
360 |     } else {
361 |       peg$currPos = s0;
362 |       s0 = peg$FAILED;
363 |     }
364 | 
365 |     return s0;
366 |   }
367 | 
368 |   function peg$parseFinalRow() {
369 |     var s0, s1, s2, s3, s4, s5, s6, s7, s8, s9, s10, s11, s12;
370 | 
371 |     s0 = peg$currPos;
372 |     s1 = peg$parseInteger();
373 |     if (s1 !== peg$FAILED) {
374 |       if (input.substr(peg$currPos, 4) === peg$c0) {
375 |         s2 = peg$c0;
376 |         peg$currPos += 4;
377 |       } else {
378 |         s2 = peg$FAILED;
379 |         if (peg$silentFails === 0) { peg$fail(peg$c1); }
380 |       }
381 |       if (s2 !== peg$FAILED) {
382 |         if (peg$c2.test(input.charAt(peg$currPos))) {
383 |           s3 = input.charAt(peg$currPos);
384 |           peg$currPos++;
385 |         } else {
386 |           s3 = peg$FAILED;
387 |           if (peg$silentFails === 0) { peg$fail(peg$c3); }
388 |         }
389 |         if (s3 === peg$FAILED) {
390 |           s3 = null;
391 |         }
392 |         if (s3 !== peg$FAILED) {
393 |           if (input.substr(peg$currPos, 7) === peg$c4) {
394 |             s4 = peg$c4;
395 |             peg$currPos += 7;
396 |           } else {
397 |             s4 = peg$FAILED;
398 |             if (peg$silentFails === 0) { peg$fail(peg$c5); }
399 |           }
400 |           if (s4 !== peg$FAILED) {
401 |             if (input.substr(peg$currPos, 2) === peg$c6) {
402 |               s5 = peg$c6;
403 |               peg$currPos += 2;
404 |             } else {
405 |               s5 = peg$FAILED;
406 |               if (peg$silentFails === 0) { peg$fail(peg$c7); }
407 |             }
408 |             if (s5 === peg$FAILED) {
409 |               s5 = null;
410 |             }
411 |             if (s5 !== peg$FAILED) {
412 |               s6 = peg$parseInteger();
413 |               if (s6 === peg$FAILED) {
414 |                 s6 = null;
415 |               }
416 |               if (s6 !== peg$FAILED) {
417 |                 if (input.substr(peg$currPos, 8) === peg$c8) {
418 |                   s7 = peg$c8;
419 |                   peg$currPos += 8;
420 |                 } else {
421 |                   s7 = peg$FAILED;
422 |                   if (peg$silentFails === 0) { peg$fail(peg$c9); }
423 |                 }
424 |                 if (s7 === peg$FAILED) {
425 |                   s7 = null;
426 |                 }
427 |                 if (s7 !== peg$FAILED) {
428 |                   if (peg$c2.test(input.charAt(peg$currPos))) {
429 |                     s8 = input.charAt(peg$currPos);
430 |                     peg$currPos++;
431 |                   } else {
432 |                     s8 = peg$FAILED;
433 |                     if (peg$silentFails === 0) { peg$fail(peg$c3); }
434 |                   }
435 |                   if (s8 === peg$FAILED) {
436 |                     s8 = null;
437 |                   }
438 |                   if (s8 !== peg$FAILED) {
439 |                     if (input.substr(peg$currPos, 2) === peg$c10) {
440 |                       s9 = peg$c10;
441 |                       peg$currPos += 2;
442 |                     } else {
443 |                       s9 = peg$FAILED;
444 |                       if (peg$silentFails === 0) { peg$fail(peg$c11); }
445 |                     }
446 |                     if (s9 !== peg$FAILED) {
447 |                       s10 = [];
448 |                       if (peg$c12.test(input.charAt(peg$currPos))) {
449 |                         s11 = input.charAt(peg$currPos);
450 |                         peg$currPos++;
451 |                       } else {
452 |                         s11 = peg$FAILED;
453 |                         if (peg$silentFails === 0) { peg$fail(peg$c13); }
454 |                       }
455 |                       while (s11 !== peg$FAILED) {
456 |                         s10.push(s11);
457 |                         if (peg$c12.test(input.charAt(peg$currPos))) {
458 |                           s11 = input.charAt(peg$currPos);
459 |                           peg$currPos++;
460 |                         } else {
461 |                           s11 = peg$FAILED;
462 |                           if (peg$silentFails === 0) { peg$fail(peg$c13); }
463 |                         }
464 |                       }
465 |                       if (s10 !== peg$FAILED) {
466 |                         if (input.substr(peg$currPos, 5) === peg$c14) {
467 |                           s11 = peg$c14;
468 |                           peg$currPos += 5;
469 |                         } else {
470 |                           s11 = peg$FAILED;
471 |                           if (peg$silentFails === 0) { peg$fail(peg$c15); }
472 |                         }
473 |                         if (s11 !== peg$FAILED) {
474 |                           s12 = peg$parsenl();
475 |                           if (s12 === peg$FAILED) {
476 |                             s12 = null;
477 |                           }
478 |                           if (s12 !== peg$FAILED) {
479 |                             peg$savedPos = s0;
480 |                             s1 = peg$c16(s1, s6);
481 |                             s0 = s1;
482 |                           } else {
483 |                             peg$currPos = s0;
484 |                             s0 = peg$FAILED;
485 |                           }
486 |                         } else {
487 |                           peg$currPos = s0;
488 |                           s0 = peg$FAILED;
489 |                         }
490 |                       } else {
491 |                         peg$currPos = s0;
492 |                         s0 = peg$FAILED;
493 |                       }
494 |                     } else {
495 |                       peg$currPos = s0;
496 |                       s0 = peg$FAILED;
497 |                     }
498 |                   } else {
499 |                     peg$currPos = s0;
500 |                     s0 = peg$FAILED;
501 |                   }
502 |                 } else {
503 |                   peg$currPos = s0;
504 |                   s0 = peg$FAILED;
505 |                 }
506 |               } else {
507 |                 peg$currPos = s0;
508 |                 s0 = peg$FAILED;
509 |               }
510 |             } else {
511 |               peg$currPos = s0;
512 |               s0 = peg$FAILED;
513 |             }
514 |           } else {
515 |             peg$currPos = s0;
516 |             s0 = peg$FAILED;
517 |           }
518 |         } else {
519 |           peg$currPos = s0;
520 |           s0 = peg$FAILED;
521 |         }
522 |       } else {
523 |         peg$currPos = s0;
524 |         s0 = peg$FAILED;
525 |       }
526 |     } else {
527 |       peg$currPos = s0;
528 |       s0 = peg$FAILED;
529 |     }
530 | 
531 |     return s0;
532 |   }
533 | 
534 |   function peg$parseIdentifier() {
535 |     var s0, s1, s2;
536 | 
537 |     s0 = peg$currPos;
538 |     s1 = [];
539 |     if (peg$c17.test(input.charAt(peg$currPos))) {
540 |       s2 = input.charAt(peg$currPos);
541 |       peg$currPos++;
542 |     } else {
543 |       s2 = peg$FAILED;
544 |       if (peg$silentFails === 0) { peg$fail(peg$c18); }
545 |     }
546 |     while (s2 !== peg$FAILED) {
547 |       s1.push(s2);
548 |       if (peg$c17.test(input.charAt(peg$currPos))) {
549 |         s2 = input.charAt(peg$currPos);
550 |         peg$currPos++;
551 |       } else {
552 |         s2 = peg$FAILED;
553 |         if (peg$silentFails === 0) { peg$fail(peg$c18); }
554 |       }
555 |     }
556 |     if (s1 !== peg$FAILED) {
557 |       peg$savedPos = s0;
558 |       s1 = peg$c19(s1);
559 |     }
560 |     s0 = s1;
561 | 
562 |     return s0;
563 |   }
564 | 
565 |   function peg$parseValue() {
566 |     var s0, s1, s2;
567 | 
568 |     s0 = peg$currPos;
569 |     s1 = [];
570 |     if (peg$c20.test(input.charAt(peg$currPos))) {
571 |       s2 = input.charAt(peg$currPos);
572 |       peg$currPos++;
573 |     } else {
574 |       s2 = peg$FAILED;
575 |       if (peg$silentFails === 0) { peg$fail(peg$c21); }
576 |     }
577 |     while (s2 !== peg$FAILED) {
578 |       s1.push(s2);
579 |       if (peg$c20.test(input.charAt(peg$currPos))) {
580 |         s2 = input.charAt(peg$currPos);
581 |         peg$currPos++;
582 |       } else {
583 |         s2 = peg$FAILED;
584 |         if (peg$silentFails === 0) { peg$fail(peg$c21); }
585 |       }
586 |     }
587 |     if (s1 !== peg$FAILED) {
588 |       peg$savedPos = s0;
589 |       s1 = peg$c19(s1);
590 |     }
591 |     s0 = s1;
592 | 
593 |     return s0;
594 |   }
595 | 
596 |   function peg$parseInfoRow() {
597 |     var s0, s1, s2, s3, s4, s5, s6;
598 | 
599 |     s0 = peg$currPos;
600 |     s1 = [];
601 |     s2 = peg$parse_();
602 |     while (s2 !== peg$FAILED) {
603 |       s1.push(s2);
604 |       s2 = peg$parse_();
605 |     }
606 |     if (s1 !== peg$FAILED) {
607 |       s2 = peg$parseIdentifier();
608 |       if (s2 !== peg$FAILED) {
609 |         if (input.charCodeAt(peg$currPos) === 58) {
610 |           s3 = peg$c22;
611 |           peg$currPos++;
612 |         } else {
613 |           s3 = peg$FAILED;
614 |           if (peg$silentFails === 0) { peg$fail(peg$c23); }
615 |         }
616 |         if (s3 !== peg$FAILED) {
617 |           s4 = peg$parse_();
618 |           if (s4 === peg$FAILED) {
619 |             s4 = null;
620 |           }
621 |           if (s4 !== peg$FAILED) {
622 |             s5 = peg$parseValue();
623 |             if (s5 === peg$FAILED) {
624 |               s5 = null;
625 |             }
626 |             if (s5 !== peg$FAILED) {
627 |               s6 = peg$parsenl();
628 |               if (s6 === peg$FAILED) {
629 |                 s6 = null;
630 |               }
631 |               if (s6 !== peg$FAILED) {
632 |                 peg$savedPos = s0;
633 |                 s1 = peg$c24(s2, s5);
634 |                 s0 = s1;
635 |               } else {
636 |                 peg$currPos = s0;
637 |                 s0 = peg$FAILED;
638 |               }
639 |             } else {
640 |               peg$currPos = s0;
641 |               s0 = peg$FAILED;
642 |             }
643 |           } else {
644 |             peg$currPos = s0;
645 |             s0 = peg$FAILED;
646 |           }
647 |         } else {
648 |           peg$currPos = s0;
649 |           s0 = peg$FAILED;
650 |         }
651 |       } else {
652 |         peg$currPos = s0;
653 |         s0 = peg$FAILED;
654 |       }
655 |     } else {
656 |       peg$currPos = s0;
657 |       s0 = peg$FAILED;
658 |     }
659 | 
660 |     return s0;
661 |   }
662 | 
663 |   function peg$parseInfoRows() {
664 |     var s0, s1, s2;
665 | 
666 |     s0 = peg$currPos;
667 |     s1 = [];
668 |     s2 = peg$parseInfoRow();
669 |     while (s2 !== peg$FAILED) {
670 |       s1.push(s2);
671 |       s2 = peg$parseInfoRow();
672 |     }
673 |     if (s1 !== peg$FAILED) {
674 |       peg$savedPos = s0;
675 |       s1 = peg$c25(s1);
676 |     }
677 |     s0 = s1;
678 | 
679 |     return s0;
680 |   }
681 | 
682 |   function peg$parseHeader() {
683 |     var s0, s1, s2, s3, s4, s5, s6, s7;
684 | 
685 |     s0 = peg$currPos;
686 |     s1 = [];
687 |     if (input.charCodeAt(peg$currPos) === 42) {
688 |       s2 = peg$c26;
689 |       peg$currPos++;
690 |     } else {
691 |       s2 = peg$FAILED;
692 |       if (peg$silentFails === 0) { peg$fail(peg$c27); }
693 |     }
694 |     if (s2 !== peg$FAILED) {
695 |       while (s2 !== peg$FAILED) {
696 |         s1.push(s2);
697 |         if (input.charCodeAt(peg$currPos) === 42) {
698 |           s2 = peg$c26;
699 |           peg$currPos++;
700 |         } else {
701 |           s2 = peg$FAILED;
702 |           if (peg$silentFails === 0) { peg$fail(peg$c27); }
703 |         }
704 |       }
705 |     } else {
706 |       s1 = peg$FAILED;
707 |     }
708 |     if (s1 !== peg$FAILED) {
709 |       s2 = peg$parse_();
710 |       if (s2 !== peg$FAILED) {
711 |         s3 = peg$parseInteger();
712 |         if (s3 !== peg$FAILED) {
713 |           if (input.substr(peg$currPos, 5) === peg$c28) {
714 |             s4 = peg$c28;
715 |             peg$currPos += 5;
716 |           } else {
717 |             s4 = peg$FAILED;
718 |             if (peg$silentFails === 0) { peg$fail(peg$c29); }
719 |           }
720 |           if (s4 !== peg$FAILED) {
721 |             s5 = peg$parse_();
722 |             if (s5 !== peg$FAILED) {
723 |               s6 = [];
724 |               if (input.charCodeAt(peg$currPos) === 42) {
725 |                 s7 = peg$c26;
726 |                 peg$currPos++;
727 |               } else {
728 |                 s7 = peg$FAILED;
729 |                 if (peg$silentFails === 0) { peg$fail(peg$c27); }
730 |               }
731 |               if (s7 !== peg$FAILED) {
732 |                 while (s7 !== peg$FAILED) {
733 |                   s6.push(s7);
734 |                   if (input.charCodeAt(peg$currPos) === 42) {
735 |                     s7 = peg$c26;
736 |                     peg$currPos++;
737 |                   } else {
738 |                     s7 = peg$FAILED;
739 |                     if (peg$silentFails === 0) { peg$fail(peg$c27); }
740 |                   }
741 |                 }
742 |               } else {
743 |                 s6 = peg$FAILED;
744 |               }
745 |               if (s6 !== peg$FAILED) {
746 |                 s7 = peg$parsenl();
747 |                 if (s7 !== peg$FAILED) {
748 |                   peg$savedPos = s0;
749 |                   s1 = peg$c30(s3);
750 |                   s0 = s1;
751 |                 } else {
752 |                   peg$currPos = s0;
753 |                   s0 = peg$FAILED;
754 |                 }
755 |               } else {
756 |                 peg$currPos = s0;
757 |                 s0 = peg$FAILED;
758 |               }
759 |             } else {
760 |               peg$currPos = s0;
761 |               s0 = peg$FAILED;
762 |             }
763 |           } else {
764 |             peg$currPos = s0;
765 |             s0 = peg$FAILED;
766 |           }
767 |         } else {
768 |           peg$currPos = s0;
769 |           s0 = peg$FAILED;
770 |         }
771 |       } else {
772 |         peg$currPos = s0;
773 |         s0 = peg$FAILED;
774 |       }
775 |     } else {
776 |       peg$currPos = s0;
777 |       s0 = peg$FAILED;
778 |     }
779 | 
780 |     return s0;
781 |   }
782 | 
783 |   function peg$parseQueryRow() {
784 |     var s0, s1, s2;
785 | 
786 |     s0 = peg$currPos;
787 |     s1 = peg$parseHeader();
788 |     if (s1 !== peg$FAILED) {
789 |       s2 = peg$parseInfoRows();
790 |       if (s2 !== peg$FAILED) {
791 |         peg$savedPos = s0;
792 |         s1 = peg$c31(s1, s2);
793 |         s0 = s1;
794 |       } else {
795 |         peg$currPos = s0;
796 |         s0 = peg$FAILED;
797 |       }
798 |     } else {
799 |       peg$currPos = s0;
800 |       s0 = peg$FAILED;
801 |     }
802 | 
803 |     return s0;
804 |   }
805 | 
806 |   function peg$parseInteger() {
807 |     var s0, s1, s2;
808 | 
809 |     peg$silentFails++;
810 |     s0 = peg$currPos;
811 |     s1 = [];
812 |     if (peg$c33.test(input.charAt(peg$currPos))) {
813 |       s2 = input.charAt(peg$currPos);
814 |       peg$currPos++;
815 |     } else {
816 |       s2 = peg$FAILED;
817 |       if (peg$silentFails === 0) { peg$fail(peg$c34); }
818 |     }
819 |     if (s2 !== peg$FAILED) {
820 |       while (s2 !== peg$FAILED) {
821 |         s1.push(s2);
822 |         if (peg$c33.test(input.charAt(peg$currPos))) {
823 |           s2 = input.charAt(peg$currPos);
824 |           peg$currPos++;
825 |         } else {
826 |           s2 = peg$FAILED;
827 |           if (peg$silentFails === 0) { peg$fail(peg$c34); }
828 |         }
829 |       }
830 |     } else {
831 |       s1 = peg$FAILED;
832 |     }
833 |     if (s1 !== peg$FAILED) {
834 |       peg$savedPos = s0;
835 |       s1 = peg$c35();
836 |     }
837 |     s0 = s1;
838 |     peg$silentFails--;
839 |     if (s0 === peg$FAILED) {
840 |       s1 = peg$FAILED;
841 |       if (peg$silentFails === 0) { peg$fail(peg$c32); }
842 |     }
843 | 
844 |     return s0;
845 |   }
846 | 
847 |   function peg$parse_() {
848 |     var s0, s1;
849 | 
850 |     peg$silentFails++;
851 |     if (peg$c37.test(input.charAt(peg$currPos))) {
852 |       s0 = input.charAt(peg$currPos);
853 |       peg$currPos++;
854 |     } else {
855 |       s0 = peg$FAILED;
856 |       if (peg$silentFails === 0) { peg$fail(peg$c38); }
857 |     }
858 |     peg$silentFails--;
859 |     if (s0 === peg$FAILED) {
860 |       s1 = peg$FAILED;
861 |       if (peg$silentFails === 0) { peg$fail(peg$c36); }
862 |     }
863 | 
864 |     return s0;
865 |   }
866 | 
867 |   function peg$parsenl() {
868 |     var s0, s1, s2;
869 | 
870 |     peg$silentFails++;
871 |     s0 = peg$currPos;
872 |     s1 = [];
873 |     s2 = peg$parse_();
874 |     while (s2 !== peg$FAILED) {
875 |       s1.push(s2);
876 |       s2 = peg$parse_();
877 |     }
878 |     if (s1 !== peg$FAILED) {
879 |       if (peg$c40.test(input.charAt(peg$currPos))) {
880 |         s2 = input.charAt(peg$currPos);
881 |         peg$currPos++;
882 |       } else {
883 |         s2 = peg$FAILED;
884 |         if (peg$silentFails === 0) { peg$fail(peg$c41); }
885 |       }
886 |       if (s2 !== peg$FAILED) {
887 |         s1 = [s1, s2];
888 |         s0 = s1;
889 |       } else {
890 |         peg$currPos = s0;
891 |         s0 = peg$FAILED;
892 |       }
893 |     } else {
894 |       peg$currPos = s0;
895 |       s0 = peg$FAILED;
896 |     }
897 |     peg$silentFails--;
898 |     if (s0 === peg$FAILED) {
899 |       s1 = peg$FAILED;
900 |       if (peg$silentFails === 0) { peg$fail(peg$c39); }
901 |     }
902 | 
903 |     return s0;
904 |   }
905 | 
906 |   function peg$parseempty() {
907 |     var s0, s1, s2;
908 | 
909 |     s0 = peg$currPos;
910 |     s1 = [];
911 |     if (peg$c42.test(input.charAt(peg$currPos))) {
912 |       s2 = input.charAt(peg$currPos);
913 |       peg$currPos++;
914 |     } else {
915 |       s2 = peg$FAILED;
916 |       if (peg$silentFails === 0) { peg$fail(peg$c43); }
917 |     }
918 |     while (s2 !== peg$FAILED) {
919 |       s1.push(s2);
920 |       if (peg$c42.test(input.charAt(peg$currPos))) {
921 |         s2 = input.charAt(peg$currPos);
922 |         peg$currPos++;
923 |       } else {
924 |         s2 = peg$FAILED;
925 |         if (peg$silentFails === 0) { peg$fail(peg$c43); }
926 |       }
927 |     }
928 |     if (s1 !== peg$FAILED) {
929 |       peg$savedPos = s0;
930 |       s1 = peg$c44();
931 |     }
932 |     s0 = s1;
933 | 
934 |     return s0;
935 |   }
936 | 
937 |   peg$result = peg$startRuleFunction();
938 | 
939 |   if (peg$result !== peg$FAILED && peg$currPos === input.length) {
940 |     return peg$result;
941 |   } else {
942 |     if (peg$result !== peg$FAILED && peg$currPos < input.length) {
943 |       peg$fail(peg$endExpectation());
944 |     }
945 | 
946 |     throw peg$buildStructuredError(
947 |       peg$maxFailExpected,
948 |       peg$maxFailPos < input.length ? input.charAt(peg$maxFailPos) : null,
949 |       peg$maxFailPos < input.length
950 |         ? peg$computeLocation(peg$maxFailPos, peg$maxFailPos + 1)
951 |         : peg$computeLocation(peg$maxFailPos, peg$maxFailPos)
952 |     );
953 |   }
954 | }
955 | 
956 | module.exports = {
957 |   SyntaxError: peg$SyntaxError,
958 |   parse:       peg$parse
959 | };
960 | 


--------------------------------------------------------------------------------
/src/toolbox/theme.css:
--------------------------------------------------------------------------------
1 | ._3Py1Z{background:#303f9f;color:#fff;font-family:Roboto,Helvetica,Arial,sans-serif;height:64px;padding:0 24px;transition-duration:.5s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:cubic-bezier(.215,.61,.355,1);box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._3Py1Z *,._3Py1Z ::after,._3Py1Z ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._3Py1Z.PyOfn{-webkit-transform:translateY(-100%);transform:translateY(-100%)}._3Py1Z:not(._1J9he){box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)}._3Py1Z._2dwFx{left:0;position:fixed;right:0;top:0;z-index:300}._3Py1Z .lGWLJ{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:relative;width:100%}._3Py1Z a{color:#fff}@media screen and (max-width:480px) and (orientation:portrait){._3Py1Z{height:56px}}@media screen and (max-width:600px) and (orientation:landscape){._3Py1Z{height:48px}}._37vtt{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:18px;font-weight:700;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}._37vtt>small{font-size:18px;font-weight:400}._30BcY{margin-left:-12px}._1hv3P{margin-left:auto;margin-right:-12px}._2Agdx{-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;cursor:pointer;display:inline-block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:14px;font-weight:500;height:36px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:0;line-height:36px;outline:0;padding:0;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._2Agdx *,._2Agdx ::after,._2Agdx ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._2Agdx>input{height:.1px;margin:0;opacity:0;overflow:hidden;padding:0;position:absolute;width:.1px;z-index:0}._2Agdx::-moz-focus-inner{border:0}._2Agdx>span:not([data-react-toolbox=tooltip]){display:inline-block;line-height:36px;vertical-align:middle}._2Agdx>svg{display:inline-block;fill:currentColor;font-size:120%;height:36px;vertical-align:top;width:1em}._2Agdx>*{pointer-events:none}._2Agdx>._3AVBi{overflow:hidden}._2Agdx[disabled]{color:rgba(0,0,0,.26);cursor:auto;pointer-events:none}._2GH_L{border-radius:2px;min-width:90px;padding:0 12px}._2GH_L ._3aBSX{font-size:120%;margin-right:6px;vertical-align:middle}._2GH_L>svg{margin-right:5px}._1ZxqC[disabled]{background-color:rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}._1ZxqC:active{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}._1ZxqC:focus:not(:active){box-shadow:0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36)}._221ic{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}._1jWAQ{background:0 0}._3IRMZ{border-radius:50%;box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);font-size:24px;height:56px;width:56px}._3IRMZ ._3aBSX:not([data-react-toolbox=tooltip]){line-height:56px}._3IRMZ>._3AVBi{border-radius:50%}._3IRMZ._2DCN-{font-size:17.77778px;height:40px;width:40px}._3IRMZ._2DCN- ._3aBSX{line-height:40px}.hC5Z2{background:0 0;border-radius:50%;vertical-align:middle;width:36px}.hC5Z2 svg,.hC5Z2>._3aBSX{font-size:20px;line-height:36px;vertical-align:top}.hC5Z2>._3AVBi{border-radius:50%}._3tTAW:not([disabled])._221ic,._3tTAW:not([disabled])._3IRMZ{background:#3f51b5;color:#fff}._3tTAW:not([disabled])._1jWAQ,._3tTAW:not([disabled]).hC5Z2{color:#3f51b5}._3tTAW:not([disabled])._1jWAQ:focus:not(:active),._3tTAW:not([disabled]).hC5Z2:focus:not(:active){background:rgba(63,81,181,.2)}._3tTAW:not([disabled])._1jWAQ:hover{background:rgba(63,81,181,.2)}._2wp6F:not([disabled])._221ic,._2wp6F:not([disabled])._3IRMZ{background:#ff4081;color:#fff}._2wp6F:not([disabled])._1jWAQ,._2wp6F:not([disabled]).hC5Z2{color:#ff4081}._2wp6F:not([disabled])._1jWAQ:focus:not(:active),._2wp6F:not([disabled]).hC5Z2:focus:not(:active){background:rgba(255,64,129,.2)}._2wp6F:not([disabled])._1jWAQ:hover{background:rgba(255,64,129,.2)}._2CPs4:not([disabled])._221ic,._2CPs4:not([disabled])._3IRMZ{background-color:#fff;color:#212121}._2CPs4:not([disabled])._1jWAQ,._2CPs4:not([disabled]).hC5Z2{color:#212121}._2CPs4:not([disabled])._1jWAQ:focus:not(:active),._2CPs4:not([disabled]).hC5Z2:focus:not(:active){background:rgba(33,33,33,.2)}._2CPs4:not([disabled])._1jWAQ:hover{background:rgba(33,33,33,.2)}._2CPs4:not([disabled])._2SPZr._221ic,._2CPs4:not([disabled])._2SPZr._3IRMZ{background-color:#212121;color:#fff}._2CPs4:not([disabled])._2SPZr._1jWAQ,._2CPs4:not([disabled])._2SPZr.hC5Z2{color:#fff}._2CPs4:not([disabled])._2SPZr._1jWAQ:focus:not(:active),._2CPs4:not([disabled])._2SPZr.hC5Z2:focus:not(:active){background:rgba(33,33,33,.2)}._2CPs4:not([disabled])._2SPZr._1jWAQ:hover{background:rgba(33,33,33,.2)}._2CPs4._2SPZr[disabled]{background-color:rgba(0,0,0,.08);color:rgba(0,0,0,.54)}._16N7o{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}._3SV_u{background-color:currentColor;border-radius:50%;left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition-duration:.8s;z-index:100}._3SV_u._2OZWa{opacity:.3;transition-property:none}._3SV_u._3O2Ue{opacity:.3;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}._3SV_u:not(._3O2Ue):not(._2OZWa){opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}._07g5{padding:10px 0;position:relative;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._07g5 *,._07g5 ::after,._07g5 ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._07g5._3qQkg ._3-Nb6{box-shadow:0 1px 6px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.24);max-height:45vh;visibility:visible}._14fVf{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0 0 5px 0}.cBUoJ{margin:2.5px 5px 2.5px 0}._3-Nb6{background-color:#fff;list-style:none;max-height:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;transition-duration:.35s;transition-property:max-height,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%;z-index:100}._3-Nb6:not(._3rmye){margin-top:-20px}._3-Nb6._3rmye{bottom:0}._3-Nb6::-webkit-scrollbar{height:0;width:0}._1erPE{cursor:pointer;font-size:16px;padding:10px}._1erPE.kDY3Z{background-color:#eee}._1ryxc{position:relative}._1ryxc::after{border-left:5.48571px solid transparent;border-right:5.48571px solid transparent;border-top:5.48571px solid rgba(0,0,0,.12);content:'';height:0;pointer-events:none;position:absolute;right:8px;top:50%;transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1);transition:transform .35s cubic-bezier(.4,0,.2,1);transition:transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1);width:0}._3Iv9P{background-color:#eee;border-radius:32px;color:#757575;display:inline-block;font-size:14px;line-height:32px;margin-right:2.5px;max-width:100%;overflow:hidden;padding:0 12px;position:relative;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._3Iv9P *,._3Iv9P ::after,._3Iv9P ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._2o8mD{padding-left:0}._2o8mD>[data-react-toolbox=avatar]{height:32px;margin-right:8px;vertical-align:middle;width:32px}._2o8mD>[data-react-toolbox=avatar]>span{font-size:20px;line-height:32px}._2hlBs{padding-right:32px}._3nnfj{cursor:pointer;display:inline-block;height:24px;margin:4px;padding:4px;position:absolute;right:0;width:24px}._3nnfj:hover ._2sopz{background:#9e9e9e}._2sopz{background:#bdbdbd;border-radius:24px;vertical-align:top}._2sopz ._10NaZ{fill:transparent;stroke:#fff;stroke-width:4px}._3OjJz{background-color:#9e9e9e;border-radius:50%;color:#fff;display:inline-block;font-size:24px;height:40px;overflow:hidden;position:relative;text-align:center;vertical-align:middle;width:40px;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._3OjJz *,._3OjJz ::after,._3OjJz ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._3OjJz>svg{fill:currentColor;height:40px;width:1em}._3OjJz>img{height:auto;max-width:100%}._2Ueo9{background-color:transparent;background-position:center;background-size:cover;border-radius:50%;display:block;height:100%;position:absolute;width:100%}._26GdB{display:block;line-height:40px;width:100%}.lFVgC{padding:20px 0;position:relative;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.lFVgC *,.lFVgC ::after,.lFVgC ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}.lFVgC._1nKdf{margin-left:68px}._3ga1V{color:rgba(0,0,0,.26);display:block;font-size:24px!important;height:48px;left:-68px;line-height:48px!important;position:absolute;text-align:center;top:16px;transition:color .35s cubic-bezier(.4,0,.2,1);width:48px}._4bZUj{background-color:transparent;border-bottom:1px solid rgba(0,0,0,.12);border-left:0;border-right:0;border-top:0;color:#212121;display:block;font-size:16px;outline:0;padding:8px 0;width:100%}._4bZUj:focus:not([disabled]):not([readonly])~._3FySS::after,._4bZUj:focus:not([disabled]):not([readonly])~._3FySS::before{width:50%}._4bZUj:focus:not([disabled]):not([readonly])~._34120:not(.GRQEP){color:#3f51b5}._4bZUj:focus:not([disabled]):not([readonly])~._34120>._2G0aY{color:#de3226}._4bZUj:focus:not([disabled]):not([readonly])~.bMyi_{display:block;opacity:1}._4bZUj:focus:not([disabled]):not([readonly])~._3ga1V{color:#3f51b5}._4bZUj:focus:not([disabled]):not([readonly])._34NWn~.bMyi_{opacity:0}._4bZUj._34NWn~._34120:not(.GRQEP),._4bZUj:focus:not([disabled]):not([readonly])~._34120:not(.GRQEP),._4bZUj[type=date]~._34120:not(.GRQEP),._4bZUj[type=time]~._34120:not(.GRQEP){font-size:12px;top:6px}._4bZUj._34NWn~._34120.GRQEP,._4bZUj._34NWn~.bMyi_{display:none}._34120{color:rgba(0,0,0,.26);font-size:16px;left:0;line-height:16px;pointer-events:none;position:absolute;top:32px;transition-duration:.35s;transition-property:top,font-size,color;transition-timing-function:cubic-bezier(.4,0,.2,1)}._34120.GRQEP~.bMyi_{display:none}.bMyi_{color:rgba(0,0,0,.26);font-size:16px;left:0;line-height:16px;opacity:1;pointer-events:none;position:absolute;top:32px;transition-duration:.35s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}._3FySS{display:block;position:relative;width:100%}._3FySS::after,._3FySS::before{background-color:#3f51b5;bottom:0;content:'';height:2px;position:absolute;transition-duration:.2s;transition-property:width,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);width:0}._3FySS::before{left:50%}._3FySS::after{right:50%}._1oTuT,._2k5Jz{color:#de3226;font-size:12px;line-height:20px;margin-bottom:-20px}._1oTuT{color:rgba(0,0,0,.26);position:absolute;right:0}._3ZfJq>._4bZUj{border-bottom-style:dotted;color:rgba(0,0,0,.26)}._2s74E{padding-bottom:0}._2s74E>._4bZUj{border-bottom-color:#de3226;margin-top:1px}._2s74E>._1oTuT,._2s74E>._34120{color:#de3226}._2s74E>._34120>._2G0aY{color:#de3226}._2gAMv{display:none}._8pay8{background:#fff;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:14px;overflow:hidden;width:100%;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._8pay8 *,._8pay8 ::after,._8pay8 ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._8pay8._1AHwB{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}._3Yc6z{background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative}._3Yc6z._1HBxg,._3Yc6z._35NNe{width:100%}._3Yc6z._1HBxg .ewAVM,._3Yc6z._35NNe .ewAVM{height:100%;position:absolute}._3Yc6z._1HBxg .ewAVM>iframe,._3Yc6z._1HBxg .ewAVM>img,._3Yc6z._1HBxg .ewAVM>video,._3Yc6z._35NNe .ewAVM>iframe,._3Yc6z._35NNe .ewAVM>img,._3Yc6z._35NNe .ewAVM>video{max-width:100%}._3Yc6z::after{content:'';display:block;height:0}._3Yc6z._35NNe::after{padding-top:56.25%}._3Yc6z._1HBxg::after{padding-top:100%}._3Yc6z .ewAVM{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;left:0;overflow:hidden;position:relative;top:0;width:100%}._3Yc6z ._1bBKz .K_kzH,._3Yc6z ._1bBKz .ZoLIG,._3Yc6z ._1bBKz ._1dU3o{background-color:rgba(0,0,0,.35)}._3Yc6z ._1dU3o ._3p3mO,._3Yc6z ._1dU3o ._3qCP3{color:#fff}._1dU3o{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}._1dU3o [data-react-toolbox=avatar]{margin-right:13px}._1dU3o ._3qCP3{font-size:20px;font-weight:500;letter-spacing:.02em;line-height:1;margin:0;padding:0}._1dU3o ._3p3mO{color:#757575;font-size:14px;font-weight:400;letter-spacing:0;line-height:24px;margin:0;padding:0}._1dU3o._2iwOK{padding:20px 16px 14px}._1dU3o._2iwOK ._3qCP3{font-size:24px;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.25}._1dU3o._1RHxe{padding:16px}._1dU3o._1RHxe ._3qCP3{font-size:22.4px;font-size:22.4px;font-size:1.4rem;letter-spacing:0;line-height:1.4}._1dU3o._1RHxe ._3p3mO{font-weight:500;line-height:1.4}.K_kzH,._1dU3o{padding:14px 16px}.K_kzH p,._1dU3o p{font-size:14px;font-weight:400;letter-spacing:0;line-height:24px;margin:0}.K_kzH:last-child,._1dU3o:last-child{padding-bottom:20px}.K_kzH+.K_kzH,._1dU3o+.K_kzH{padding-top:0}.ZoLIG{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:8px}.ZoLIG [data-react-toolbox=button]{margin:0 4px;min-width:0;padding:0 8px}.ZoLIG [data-react-toolbox=button]:first-child{margin-left:0}.ZoLIG [data-react-toolbox=button]:last-child{margin-right:0}._3Tq32{display:block;height:18px;margin-bottom:15px;position:relative;white-space:nowrap;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._3Tq32 *,._3Tq32 ::after,._3Tq32 ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._3Tq32 ._2NWrZ{background-color:#3f51b5;opacity:.3;transition-duration:650ms}.dXU7C{color:#000;display:inline-block;font-size:14px;line-height:18px;padding-left:10px;vertical-align:top;white-space:nowrap}._271V1{height:0;opacity:0;overflow:hidden;position:absolute;width:0}._271V1:focus~._1CXAo::before{background-color:rgba(0,0,0,.01);border-radius:50%;content:'';height:41.4px;left:50%;margin-left:-20.7px;margin-top:-20.7px;pointer-events:none;position:absolute;top:50%;width:41.4px}._271V1:focus~._1CXAo.nSz7s::before{background-color:rgba(63,81,181,.26)}._1CXAo{border-color:#000;border-radius:2px;border-style:solid;border-width:2px;cursor:pointer;display:inline-block;height:18px;position:relative;transition-duration:.2s;transition-property:background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);vertical-align:top;width:18px;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._1CXAo *,._1CXAo ::after,._1CXAo ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._1CXAo.nSz7s{background-color:#3f51b5;border-color:#3f51b5}._1CXAo.nSz7s::after{-webkit-animation:_3GU9D 140ms ease-out forwards;animation:_3GU9D 140ms ease-out forwards;border-bottom-width:2px;border-color:#fff;border-left:0;border-right-width:2px;border-style:solid;border-top:0;content:'';height:12px;left:4px;position:absolute;top:-1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:7px}._2jVLS>.dXU7C{color:rgba(0,0,0,.26)}._2jVLS>._1CXAo{border-color:rgba(0,0,0,.26);cursor:auto}._2jVLS>._1CXAo.nSz7s{background-color:rgba(0,0,0,.26);border-color:transparent;cursor:auto}@-webkit-keyframes _3GU9D{0%{height:0;left:6px;top:9px;width:0}100%{height:12px;left:4px;top:-1px;width:7px}}@keyframes _3GU9D{0%{height:0;left:6px;top:9px;width:0}100%{height:12px;left:4px;top:-1px;width:7px}}._2ISvI:not(.Cf3yF)>.x7MhN{cursor:pointer}._2vLUd{background-color:#3f51b5;color:#fff;cursor:pointer;padding:16px 20px}._1VWY-{display:inline-block;font-size:14px;transition:opacity,font-size .35s cubic-bezier(.4,0,.2,1)}._3K2Ws{display:block;font-size:34px;font-weight:400;font-weight:500;line-height:40px;margin:0;text-transform:capitalize;transition:opacity .35s cubic-bezier(.4,0,.2,1)}._1t-4v{padding:10px 5px 0}._2OzvT ._3K2Ws{opacity:.6}._2OzvT ._1VWY-{font-size:16px}._2DDdC ._1VWY-{opacity:.6}._3fCV6{width:330px}._3fCV6>[role=body]{padding:0}._3fCV6>[role=navigation]>._2hL6u{color:#3f51b5}._3fCV6>[role=navigation]>._2hL6u:hover{background:rgba(63,81,181,.2)}._3fCV6>[role=navigation]>._2hL6u:focus:not(:active){background:rgba(63,81,181,.2)}._1X9ls{background:#fff;font-size:14px;height:312px;line-height:36px;overflow:hidden;position:relative;text-align:center}._1X9ls .Nv9Bc,._1X9ls ._3iPkS{cursor:pointer;height:36px;opacity:.7;position:absolute;top:0;z-index:100}._1X9ls .Nv9Bc>span,._1X9ls ._3iPkS>span{vertical-align:top}._1X9ls .Nv9Bc{left:0}._1X9ls ._3iPkS{right:0}._2ESpD{display:inline-block;font-weight:500;line-height:36px}.zEdgW{font-size:18px;height:100%;list-style:none;margin:0;overflow-y:auto;padding:0}.zEdgW>li{cursor:pointer;line-height:2.4}.zEdgW>li._1pjXb{color:#3f51b5;font-size:2.4;font-weight:500}.PcByv{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:13px;height:36px;line-height:36px;opacity:.5}.PcByv>span{-webkit-box-flex:0;-ms-flex:0 0 14.28571%;flex:0 0 14.28571%}._1qh3T{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:13px}._2qF_L{-webkit-box-flex:0;-ms-flex:0 0 14.28571%;flex:0 0 14.28571%;padding:2px 0}._2qF_L>span{border-radius:50%;display:inline-block;height:36px;line-height:36px;width:36px}._2qF_L:hover:not(._1pjXb):not(.Cf3yF)>span{background:rgba(63,81,181,.21);color:#fff}._2qF_L._1pjXb>span{background:#3f51b5;color:#fff}._2qF_L:hover:not(.Cf3yF)>span{cursor:pointer}._2qF_L.Cf3yF{opacity:.25}._1hSm5{background-color:#fff}.Rk89h,._1nam4{position:absolute}._2bZap,.m5B3T{transition-duration:350ms;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;transition-timing-function:ease-in-out}.Rk89h{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.Rk89h.m5B3T{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}._1nam4{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}._1nam4._2bZap{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}._2WGqM,.bGml_{position:absolute;transition-duration:.35s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;transition-timing-function:ease-in-out}.bGml_{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.bGml_._3Ghls{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}._2WGqM{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}._2WGqM._2WLHG{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}._3nrqp{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;width:100vw;z-index:200;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._3nrqp *,._3nrqp ::after,._3nrqp ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._3lw90{background-color:#fff;border-radius:2px;box-shadow:0 19px 60px rgba(0,0,0,.3),0 15px 20px rgba(0,0,0,.22);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:96vh;max-width:96vw;opacity:0;overflow:hidden;-webkit-transform:translateY(-40px);transform:translateY(-40px);transition:opacity .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1);transition-delay:70ms}._3lw90._3ea_1{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}._38VTT{width:30vw}@media screen and (max-width:720px){._38VTT{width:50vw}}@media screen and (max-width:600px){._38VTT{width:75vw}}._1K3iz{width:50vw}@media screen and (max-width:600px){._1K3iz{width:96vw}}._10LcP{width:96vw}._3tLXQ{width:96vw}@media screen and (max-width:600px){._3tLXQ{border-radius:0;max-height:100vh;max-width:100vw;min-height:100vh;width:100vw}}._2J-aP{color:#000;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;font-size:20px;font-weight:500;letter-spacing:.02em;line-height:1;margin:0 0 16px}._1Ivuq{color:#757575;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;padding:24px}._1Ivuq p{font-size:14px;font-weight:400;letter-spacing:0;line-height:24px;margin:0}.wgwdj{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:8px;text-align:right}._22_c6{margin-left:8px;min-width:0;padding-left:8px;padding-right:8px}._2LA9x{background-color:#000;bottom:0;height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .35s cubic-bezier(.4,0,.2,1);width:100vw}._2LA9x._1mb5R{opacity:.6;pointer-events:all}._3eRY8{position:relative;z-index:200}._1sAOY{background-color:#fafafa;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);color:#424242;display:block;height:100vh;overflow-x:hidden;overflow-y:auto;pointer-events:none;position:fixed;top:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1);transition:transform .35s cubic-bezier(.4,0,.2,1);transition:transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1);transition-delay:0s;width:280px;will-change:transform;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._1sAOY *,._1sAOY ::after,._1sAOY ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._1sAOY.EWFXC{pointer-events:all;-webkit-transform:translateX(0);transform:translateX(0);transition-delay:70ms}._1sAOY._2-4-H{border-left:1px solid #e0e0e0;right:0}._1sAOY._2-4-H:not(.EWFXC){-webkit-transform:translateX(100%);transform:translateX(100%)}._1sAOY.FKhpR{border-right:1px solid #e0e0e0;left:0}._1sAOY.FKhpR:not(.EWFXC){-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media screen and (min-width:600px){._1sAOY{width:256px}}.ZzBNK{position:relative;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ZzBNK *,.ZzBNK ::after,.ZzBNK ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}.ZzBNK:not(._1DQ-E)>._2767w{max-height:0;visibility:hidden}.ZzBNK._1DQ-E>._2KjGM,.ZzBNK._1DQ-E>._6c1D5{opacity:.5}.ZzBNK._1DQ-E>._2767w{box-shadow:0 1px 6px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.24);max-height:45vh;visibility:visible}.ZzBNK:not(._1OA-G)>._2767w{bottom:auto;top:0}.ZzBNK._1OA-G>._2767w{bottom:0;top:auto}.ZzBNK._1skVH{cursor:normal;pointer-events:none}._6c1D5>input{cursor:pointer}._6c1D5::after{border-left:5.48571px solid transparent;border-right:5.48571px solid transparent;border-top:5.48571px solid rgba(0,0,0,.12);content:'';height:0;pointer-events:none;position:absolute;right:8px;top:50%;transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1);transition:transform .35s cubic-bezier(.4,0,.2,1);transition:transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1);width:0}.d5bru{cursor:pointer;padding:20px 0;position:relative}.d5bru._3dZUG{padding-bottom:0}.d5bru._3dZUG>._2KjGM{color:#de3226}.d5bru._3dZUG>._6dCtT{border-bottom:1px solid #de3226}.d5bru._3dZUG>._2KjGM>._1j4LX{color:#de3226}.d5bru._1skVH{cursor:normal;pointer-events:none}.d5bru._1skVH>._6dCtT{border-bottom-style:dotted;opacity:.7}._6dCtT{background-color:transparent;border-bottom:1px solid rgba(0,0,0,.12);color:#212121;min-height:38.4px;padding:8px 0;position:relative}._2KjGM{color:rgba(0,0,0,.26);font-size:12px;left:0;line-height:16px;position:absolute;top:6px}._2KjGM ._1j4LX{color:#de3226}.fySw3{color:#de3226;font-size:12px;line-height:20px;margin-bottom:-20px}._2767w{background-color:#fff;border-radius:2px;list-style:none;margin:0;overflow-y:auto;padding:0;position:absolute;transition-duration:.35s;transition-property:max-height,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:100}._2767w>*{cursor:pointer;overflow:hidden;padding:10px;position:relative}._2767w>:hover:not(._1skVH){background-color:#eee}._2767w>._3uiEo{color:#3f51b5}._2767w>._1skVH{color:rgba(0,0,0,.26);cursor:not-allowed}._2767w::-webkit-scrollbar{height:0;width:0}.wiKya{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:100vh;min-width:100%;position:relative;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.wiKya *,.wiKya ::after,.wiKya ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._3aW3s{left:0;position:absolute;right:0;top:0}._3aW3s:not(._2uzOU){height:100vh;max-height:100vh;overflow-y:scroll}.Cte92,._2kCN0{z-index:100}.Cte92.qf0ha,._2kCN0.qf0ha{box-shadow:none}.Cte92._1y5eh,._2kCN0._1y5eh{height:calc(100vh - 64px);padding-top:5px;top:64px}@media screen and (max-width:480px) and (orientation:portrait){.Cte92._1y5eh,._2kCN0._1y5eh{height:calc(100vh - 56px);top:56px}}@media screen and (max-width:600px) and (orientation:landscape){.Cte92._1y5eh,._2kCN0._1y5eh{height:calc(100vh - 48px);top:48px}}._1S9wz,._3aW3s{transition:all .35s cubic-bezier(.4,0,.2,1)}._2Q-xL.F9Fy2{z-index:100}._2Q-xL ._3aW3s{top:64px}._2Q-xL ._3aW3s:not(._2uzOU){height:calc(100vh - 64px);max-height:calc(100vh - 64px);overflow-y:scroll}@media screen and (max-width:480px) and (orientation:portrait){._2Q-xL ._3aW3s{top:56px}}@media screen and (max-width:600px) and (orientation:landscape){._2Q-xL ._3aW3s{top:48px}}._2eOy5 .fZ13o{display:none}._2eOy5 ._3aW3s{left:280px}._2eOy5:not(._2kROG) .F9Fy2{padding-left:304px}@media screen and (min-width:600px){._2eOy5 ._3aW3s{left:256px}._2eOy5:not(._2kROG) .F9Fy2{padding-left:280px}}._2kROG ._2gpOZ{position:relative;z-index:1}._3yo9c .fZ13o{display:none}._3yo9c ._3aW3s{right:280px}._3yo9c:not(._1paQt) .F9Fy2{padding-right:304px}@media screen and (min-width:600px){._3yo9c ._3aW3s{right:256px}._3yo9c:not(._1paQt) .F9Fy2{padding-right:280px}}._1paQt ._1TUxm{position:relative;z-index:1}._1EWpa ._2kCN0{width:100%}@media screen and (min-width:840px){._1EWpa ._2kCN0{width:64px}._1EWpa._3yo9c ._3aW3s{right:64px}._1EWpa._3yo9c:not(._1paQt) .F9Fy2{padding-right:88px}}._37z5O ._2kCN0{width:100%}@media screen and (min-width:840px){._37z5O ._2kCN0{width:128px}._37z5O._3yo9c ._3aW3s{right:128px}._37z5O._3yo9c:not(._1paQt) .F9Fy2{padding-right:152px}}._24Dtc ._2kCN0{width:100%}@media screen and (min-width:840px){._24Dtc ._2kCN0{width:192px}._24Dtc._3yo9c ._3aW3s{right:192px}._24Dtc._3yo9c:not(._1paQt) .F9Fy2{padding-right:216px}}._28mqi ._2kCN0{width:100%}@media screen and (min-width:840px){._28mqi ._2kCN0{width:256px}._28mqi._3yo9c ._3aW3s{right:256px}._28mqi._3yo9c:not(._1paQt) .F9Fy2{padding-right:280px}}.K39iB ._2kCN0{width:100%}@media screen and (min-width:840px){.K39iB ._2kCN0{width:320px}.K39iB._3yo9c ._3aW3s{right:320px}.K39iB._3yo9c:not(._1paQt) .F9Fy2{padding-right:344px}}._2PjBX ._2kCN0{width:100%}@media screen and (min-width:840px){._2PjBX ._2kCN0{width:384px}._2PjBX._3yo9c ._3aW3s{right:384px}._2PjBX._3yo9c:not(._1paQt) .F9Fy2{padding-right:408px}}._16Oxc ._2kCN0{width:100%}@media screen and (min-width:840px){._16Oxc ._2kCN0{width:448px}._16Oxc._3yo9c ._3aW3s{right:448px}._16Oxc._3yo9c:not(._1paQt) .F9Fy2{padding-right:472px}}._3fr9v ._2kCN0{width:100%}@media screen and (min-width:840px){._3fr9v ._2kCN0{width:512px}._3fr9v._3yo9c ._3aW3s{right:512px}._3fr9v._3yo9c:not(._1paQt) .F9Fy2{padding-right:536px}}.iF_4K ._2kCN0{width:100%}@media screen and (min-width:840px){.iF_4K ._2kCN0{width:576px}.iF_4K._3yo9c ._3aW3s{right:576px}.iF_4K._3yo9c:not(._1paQt) .F9Fy2{padding-right:600px}}._3mnwI ._2kCN0{width:100%}@media screen and (min-width:840px){._3mnwI ._2kCN0{width:640px}._3mnwI._3yo9c ._3aW3s{right:640px}._3mnwI._3yo9c:not(._1paQt) .F9Fy2{padding-right:664px}}._2uccf ._2kCN0{width:100%}@media screen and (min-width:840px){._2uccf ._2kCN0{width:704px}._2uccf._3yo9c ._3aW3s{right:704px}._2uccf._3yo9c:not(._1paQt) .F9Fy2{padding-right:728px}}._1pU-9 ._2kCN0{width:100%}@media screen and (min-width:840px){._1pU-9 ._2kCN0{width:768px}._1pU-9._3yo9c ._3aW3s{right:768px}._1pU-9._3yo9c:not(._1paQt) .F9Fy2{padding-right:792px}}@media screen and (min-width:600px) and (orientation:landscape){._1EWpa ._2kCN0{width:56px}._1EWpa._3yo9c ._3aW3s{right:56px}._1EWpa._3yo9c:not(._1paQt) .F9Fy2{padding-right:80px}}@media screen and (min-width:600px) and (orientation:portrait){._1EWpa ._2kCN0{width:64px}._1EWpa._3yo9c ._3aW3s{right:64px}._1EWpa._3yo9c:not(._1paQt) .F9Fy2{padding-right:88px}}@media screen and (min-width:600px) and (orientation:landscape){._37z5O ._2kCN0{width:112px}._37z5O._3yo9c ._3aW3s{right:112px}._37z5O._3yo9c:not(._1paQt) .F9Fy2{padding-right:136px}}@media screen and (min-width:600px) and (orientation:portrait){._37z5O ._2kCN0{width:128px}._37z5O._3yo9c ._3aW3s{right:128px}._37z5O._3yo9c:not(._1paQt) .F9Fy2{padding-right:152px}}@media screen and (min-width:600px) and (orientation:landscape){._24Dtc ._2kCN0{width:168px}._24Dtc._3yo9c ._3aW3s{right:168px}._24Dtc._3yo9c:not(._1paQt) .F9Fy2{padding-right:192px}}@media screen and (min-width:600px) and (orientation:portrait){._24Dtc ._2kCN0{width:192px}._24Dtc._3yo9c ._3aW3s{right:192px}._24Dtc._3yo9c:not(._1paQt) .F9Fy2{padding-right:216px}}@media screen and (min-width:600px) and (orientation:landscape){._28mqi ._2kCN0{width:224px}._28mqi._3yo9c ._3aW3s{right:224px}._28mqi._3yo9c:not(._1paQt) .F9Fy2{padding-right:248px}}@media screen and (min-width:600px) and (orientation:portrait){._28mqi ._2kCN0{width:256px}._28mqi._3yo9c ._3aW3s{right:256px}._28mqi._3yo9c:not(._1paQt) .F9Fy2{padding-right:280px}}@media screen and (min-width:600px) and (orientation:landscape){.K39iB ._2kCN0{width:280px}.K39iB._3yo9c ._3aW3s{right:280px}.K39iB._3yo9c:not(._1paQt) .F9Fy2{padding-right:304px}}@media screen and (min-width:600px) and (orientation:portrait){.K39iB ._2kCN0{width:320px}.K39iB._3yo9c ._3aW3s{right:320px}.K39iB._3yo9c:not(._1paQt) .F9Fy2{padding-right:344px}}@media screen and (min-width:600px) and (orientation:landscape){._2PjBX ._2kCN0{width:336px}._2PjBX._3yo9c ._3aW3s{right:336px}._2PjBX._3yo9c:not(._1paQt) .F9Fy2{padding-right:360px}}@media screen and (min-width:600px) and (orientation:portrait){._2PjBX ._2kCN0{width:384px}._2PjBX._3yo9c ._3aW3s{right:384px}._2PjBX._3yo9c:not(._1paQt) .F9Fy2{padding-right:408px}}@media screen and (min-width:600px) and (orientation:landscape){._16Oxc ._2kCN0{width:392px}._16Oxc._3yo9c ._3aW3s{right:392px}._16Oxc._3yo9c:not(._1paQt) .F9Fy2{padding-right:416px}}@media screen and (min-width:600px) and (orientation:portrait){._16Oxc ._2kCN0{width:448px}._16Oxc._3yo9c ._3aW3s{right:448px}._16Oxc._3yo9c:not(._1paQt) .F9Fy2{padding-right:472px}}@media screen and (min-width:600px) and (orientation:landscape){._3fr9v ._2kCN0{width:448px}._3fr9v._3yo9c ._3aW3s{right:448px}._3fr9v._3yo9c:not(._1paQt) .F9Fy2{padding-right:472px}}@media screen and (min-width:600px) and (orientation:portrait){._3fr9v ._2kCN0{width:512px}._3fr9v._3yo9c ._3aW3s{right:512px}._3fr9v._3yo9c:not(._1paQt) .F9Fy2{padding-right:536px}}@media screen and (min-width:600px) and (orientation:landscape){.iF_4K ._2kCN0{width:504px}.iF_4K._3yo9c ._3aW3s{right:504px}.iF_4K._3yo9c:not(._1paQt) .F9Fy2{padding-right:528px}}@media screen and (min-width:600px) and (orientation:portrait){.iF_4K ._2kCN0{width:576px}.iF_4K._3yo9c ._3aW3s{right:576px}.iF_4K._3yo9c:not(._1paQt) .F9Fy2{padding-right:600px}}@media screen and (min-width:720px){._1EWpa ._2kCN0{width:64px}._1EWpa._3yo9c ._3aW3s{right:64px}._1EWpa._3yo9c:not(._1paQt) .F9Fy2{padding-right:88px}}@media screen and (min-width:720px){._37z5O ._2kCN0{width:128px}._37z5O._3yo9c ._3aW3s{right:128px}._37z5O._3yo9c:not(._1paQt) .F9Fy2{padding-right:152px}}@media screen and (min-width:720px){._24Dtc ._2kCN0{width:192px}._24Dtc._3yo9c ._3aW3s{right:192px}._24Dtc._3yo9c:not(._1paQt) .F9Fy2{padding-right:216px}}@media screen and (min-width:720px){._28mqi ._2kCN0{width:256px}._28mqi._3yo9c ._3aW3s{right:256px}._28mqi._3yo9c:not(._1paQt) .F9Fy2{padding-right:280px}}@media screen and (min-width:720px){.K39iB ._2kCN0{width:320px}.K39iB._3yo9c ._3aW3s{right:320px}.K39iB._3yo9c:not(._1paQt) .F9Fy2{padding-right:344px}}@media screen and (min-width:720px){._2PjBX ._2kCN0{width:384px}._2PjBX._3yo9c ._3aW3s{right:384px}._2PjBX._3yo9c:not(._1paQt) .F9Fy2{padding-right:408px}}@media screen and (min-width:720px){._16Oxc ._2kCN0{width:448px}._16Oxc._3yo9c ._3aW3s{right:448px}._16Oxc._3yo9c:not(._1paQt) .F9Fy2{padding-right:472px}}@media screen and (min-width:720px){._3fr9v ._2kCN0{width:512px}._3fr9v._3yo9c ._3aW3s{right:512px}._3fr9v._3yo9c:not(._1paQt) .F9Fy2{padding-right:536px}}@media screen and (min-width:720px){.iF_4K ._2kCN0{width:576px}.iF_4K._3yo9c ._3aW3s{right:576px}.iF_4K._3yo9c:not(._1paQt) .F9Fy2{padding-right:600px}}@media screen and (min-width:720px){._3mnwI ._2kCN0{width:640px}._3mnwI._3yo9c ._3aW3s{right:640px}._3mnwI._3yo9c:not(._1paQt) .F9Fy2{padding-right:664px}}._10h-v ._2kCN0{width:100%}.BYRr2 ._2kCN0{width:100%}._2L3ft ._2kCN0{width:100%}._31jol ._2kCN0{width:100%}._2Xvmh ._2kCN0{width:100%}._3T7B6 ._2kCN0{width:100%}@media screen and (min-width:720px){._10h-v ._3aW3s{right:25%}._10h-v ._2kCN0{width:25%}._10h-v:not(._1paQt) .F9Fy2{padding-right:calc(25% + 24px)}.BYRr2 ._3aW3s{right:33%}.BYRr2 ._2kCN0{width:33%}.BYRr2:not(._1paQt) .F9Fy2{padding-right:calc(33% + 24px)}._2L3ft ._3aW3s{right:50%}._2L3ft ._2kCN0{width:50%}._2L3ft:not(._1paQt) .F9Fy2{padding-right:calc(50% + 24px)}._31jol ._3aW3s{right:66%}._31jol ._2kCN0{width:66%}._31jol:not(._1paQt) .F9Fy2{padding-right:calc(66% + 24px)}._2Xvmh ._3aW3s{right:75%}._2Xvmh ._2kCN0{width:75%}._2Xvmh:not(._1paQt) .F9Fy2{padding-right:calc(75% + 24px)}._3T7B6 ._3aW3s{right:100%}._3T7B6 ._2kCN0{width:100%}._3T7B6:not(._1paQt) .F9Fy2{padding-right:calc(100% + 24px)}}._1-mD4{font-size:18px;margin-right:10px}._1Od3D{-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1.5;position:relative;transition:opacity .35s cubic-bezier(.4,0,.2,1);box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._1Od3D *,._1Od3D ::after,._1Od3D ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._1Od3D:not(._3blKB){opacity:.5}._1Od3D:active,._1Od3D:hover{opacity:1}._1Od3D>*{vertical-align:middle}._1Od3D>abbr{text-transform:capitalize}._1Od3D>small{font-size:12px;margin-left:8px;text-align:center}.caNNQ{display:inline-block;list-style:none;margin:0;padding:8px 0;position:relative;text-align:left;white-space:nowrap;width:100%;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.caNNQ *,.caNNQ ::after,.caNNQ ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}.caNNQ+._2Jg3-{margin-top:-8px}.q2l8C{color:#757575;font-size:14px;font-weight:500;line-height:48px;margin:-8px 0 0;padding-left:16px}._2Jg3-{background-color:#eee;border:0;height:1px;margin:-1px 0 0}._2Jg3-._1HHo_{margin-left:72px;margin-right:16px}.ni6RH{position:relative}.ni6RH>[data-react-toolbox=ripple]{overflow:hidden}.ni6RH ._2mi0Y{color:#757575}.ni6RH~._2Jg3-{margin-bottom:8px;margin-top:8px}._2GtDw{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#212121;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:48px;padding:0 16px;position:relative}._2GtDw._1OoR-:not(._38DD6):hover{background-color:#eee;cursor:pointer}._2GtDw._38DD6{pointer-events:none}._2GtDw._38DD6:not(.OVyge){opacity:.5}._2GtDw._38DD6>._3SG-0>[data-react-toolbox=label]{opacity:.5}.bHOJq [data-react-toolbox=font-icon]{width:18px}.bHOJq :last-child>[data-react-toolbox=font-icon]{margin-right:22px}.OQ3Je>:last-child{margin-right:0}.OQ3Je>:first-child{margin-left:16px}.OQ3Je,.bHOJq{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.VB7pN{display:-webkit-box;display:-ms-flexbox;display:flex;margin:8px 16px 8px 0}.VB7pN>*{padding:0}.VB7pN>[data-react-toolbox=font-icon]{color:#757575;font-size:24px}._2FBCh{display:block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}._2FBCh.EO5bo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:72px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._3SG-0{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;margin:0;min-height:48px;width:100%}._3SG-0>[data-react-toolbox=check]{margin-right:38px}._3SG-0>[data-react-toolbox=label]{padding-left:0}._12FqV{display:block}._12FqV:not(._3SxNr){color:#757575;font-size:14px;padding-top:3px;white-space:normal}._12FqV._3SxNr{color:#212121;font-size:16px}._2aMxm{display:inline-block;position:relative;text-align:center;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._2aMxm *,._2aMxm ::after,._2aMxm ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._2aMxm ._1b8Ml{cursor:pointer}._1gvr5{display:inline-block;position:relative}._1gvr5.SYeW8{left:0;position:absolute;top:0}._1gvr5.SYeW8>._2PdTB{-webkit-transform-origin:0 0;transform-origin:0 0}._1gvr5.DFQvY{position:absolute;right:0;top:0}._1gvr5.DFQvY>._2PdTB{-webkit-transform-origin:100% 0;transform-origin:100% 0}._1gvr5._3i7lA{bottom:0;left:0;position:absolute}._1gvr5._3i7lA>._2PdTB{-webkit-transform-origin:0 100%;transform-origin:0 100%}._1gvr5._3q-zB{bottom:0;position:absolute;right:0}._1gvr5._3q-zB>._2PdTB{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}._1gvr5:not(._2xf5n){pointer-events:none;z-index:200}._1gvr5:not(._2xf5n)>._2PdTB{opacity:0;-webkit-transform:scale(0);transform:scale(0);transition:opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}._1gvr5:not(._2xf5n)>._2t8UE{left:0;margin:0;opacity:0;position:absolute;top:0}._1gvr5:not(._2xf5n)._3o1JI:not(._2Cekp)>._2PdTB{transition-delay:.3s}._1gvr5:not(._2xf5n)._3o1JI:not(._2Cekp)>._2t8UE{transition-delay:.3s}._1gvr5:not(._2xf5n)._2Cekp{pointer-events:all}._1gvr5:not(._2xf5n)._2Cekp>._2PdTB{opacity:1;-webkit-transform:scale(1);transform:scale(1)}._1gvr5:not(._2xf5n)._2Cekp>._2t8UE{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1),clip .3s cubic-bezier(.4,0,.2,1)}._2PdTB{background-color:#fff;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);display:block;left:0;position:absolute;top:0}._2t8UE{display:block;list-style:none;padding:8px 0;position:relative;text-align:left;white-space:nowrap}.lyzBJ{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#212121;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;height:48px;overflow:hidden;padding:0 16px;position:relative}.lyzBJ:not(.zGTpA):hover{background-color:#eee;cursor:pointer}.lyzBJ.zGTpA{opacity:.5;pointer-events:none}.lyzBJ._2-j_P{background-color:transparent;font-weight:500}.lyzBJ ._2m_Cl{color:#757575}.lyzBJ ._1b8Ml{font-size:24px;width:38.4px}._3MsfE{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:16px}._1anRY{margin-left:16px}.VX5Lv{background-color:#eee;border:0;display:block;height:1px;margin:12px 0;outline:0;padding:0;width:100%}._1MJ9B>[data-react-toolbox=button],._1MJ9B>[data-react-toolbox=link]{display:inline-block;margin:0 5px}.xUlwz>[data-react-toolbox=button],.xUlwz>[data-react-toolbox=link]{display:block;margin:5px}._1MJ9B,.xUlwz{padding:5px;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._1MJ9B *,._1MJ9B ::after,._1MJ9B ::before,.xUlwz *,.xUlwz ::after,.xUlwz ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._1MJ9B>[data-react-toolbox=link],.xUlwz>[data-react-toolbox=link]{color:#000}._3vxHj{background:#eee;display:inline-block;height:4px;overflow:hidden;position:relative;width:100%}._3vxHj._1gPzb .I0PhY{-webkit-animation:_1cU21 1s linear infinite;animation:_1cU21 1s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}.I0PhY,.SzbNd{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;transform-origin:left center;transition-duration:.35s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.I0PhY{background-color:#3f51b5}.SzbNd{background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#3f51b5,#3f51b5)}._2j3vC{display:inline-block;height:60px;position:relative;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:60px}._2j3vC._1gPzb .DlWjM{-webkit-animation:zfZzh 2s linear infinite;animation:zfZzh 2s linear infinite}._2j3vC._1gPzb ._1xZSU{-webkit-animation:_3DSlU 1.5s ease-in-out infinite;animation:_3DSlU 1.5s ease-in-out infinite;stroke-dasharray:1.25,250;stroke-dashoffset:0}._2j3vC._1gPzb._3XHT8 ._1xZSU{-webkit-animation:_3DSlU 1.5s ease-in-out infinite,Z_PDt 6s ease-in-out infinite;animation:_3DSlU 1.5s ease-in-out infinite,Z_PDt 6s ease-in-out infinite}._2j3vC[disabled] .I0PhY,._3vxHj[disabled] .I0PhY{background-color:rgba(0,0,0,.26)}._2j3vC[disabled] .SzbNd,._3vxHj[disabled] .SzbNd{background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,rgba(0,0,0,.26),rgba(0,0,0,.26))}.DlWjM{height:100%;width:100%}._1xZSU{fill:none;stroke:#3f51b5;stroke-dasharray:0,250;stroke-dashoffset:0;stroke-linecap:round;stroke-miterlimit:20;stroke-width:4;transition:stroke-dasharray .35s cubic-bezier(.4,0,.2,1)}@-webkit-keyframes _1cU21{0%{-webkit-transform:translate(-50%) scaleX(0);transform:translate(-50%) scaleX(0)}50%{-webkit-transform:translate(0) scaleX(.3);transform:translate(0) scaleX(.3)}100%{-webkit-transform:translate(50%) scaleX(0);transform:translate(50%) scaleX(0)}}@keyframes _1cU21{0%{-webkit-transform:translate(-50%) scaleX(0);transform:translate(-50%) scaleX(0)}50%{-webkit-transform:translate(0) scaleX(.3);transform:translate(0) scaleX(.3)}100%{-webkit-transform:translate(50%) scaleX(0);transform:translate(50%) scaleX(0)}}@-webkit-keyframes zfZzh{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes zfZzh{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes _3DSlU{0%{stroke-dasharray:1.25,250;stroke-dashoffset:0}50%{stroke-dasharray:111.25,250;stroke-dashoffset:-43.75}100%{stroke-dasharray:111.25,250;stroke-dashoffset:-155}}@keyframes _3DSlU{0%{stroke-dasharray:1.25,250;stroke-dashoffset:0}50%{stroke-dasharray:111.25,250;stroke-dashoffset:-43.75}100%{stroke-dasharray:111.25,250;stroke-dashoffset:-155}}@-webkit-keyframes Z_PDt{0%{stroke:#4285f4}25%{stroke:#de3e35}50%{stroke:#f7c223}75%{stroke:#1b9a59}100%{stroke:#4285f4}}@keyframes Z_PDt{0%{stroke:#4285f4}25%{stroke:#de3e35}50%{stroke:#f7c223}75%{stroke:#1b9a59}100%{stroke:#4285f4}}._1vWJb{border:2px solid #000;border-radius:50%;cursor:pointer;display:inline-block;height:20px;position:relative;vertical-align:top;width:20px;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._1vWJb *,._1vWJb ::after,._1vWJb ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._1vWJb::before{background-color:#3f51b5;border-radius:50%;content:'';height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1);width:100%}._1vWJb ._78FVB{background-color:#3f51b5;opacity:.3;transition-duration:650ms}._210O6{border:2px solid #3f51b5}._210O6::before{-webkit-transform:scale(.65);transform:scale(.65)}._36UDg{display:block;height:20px;margin-bottom:15px;position:relative;white-space:nowrap}._3guDD{color:#000;display:inline-block;font-size:14px;line-height:20px;padding-left:10px;vertical-align:top;white-space:nowrap}._2CPDD{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:0;margin:0;opacity:0;padding:0;position:absolute;width:0}._2CPDD:focus~._1vWJb{box-shadow:0 0 0 10px rgba(0,0,0,.1)}._2CPDD:focus~._210O6{box-shadow:0 0 0 10px rgba(63,81,181,.26)}._39I6g ._3guDD{color:rgba(0,0,0,.26)}._39I6g ._1vWJb{border-color:rgba(0,0,0,.26);cursor:auto}._39I6g ._210O6{border-color:rgba(0,0,0,.26);cursor:auto}._39I6g ._210O6::before{background-color:rgba(0,0,0,.26)}._-dLk{height:32px;margin-right:32px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:calc(100% - 32px);box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._-dLk *,._-dLk ::after,._-dLk ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._-dLk:not(:last-child){margin-right:42px}._-dLk:not(:first-child){margin-left:10px}.kq8Om{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:32px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:0;position:relative;top:0;width:32px;z-index:200}._8VjZ5{background-color:#3f51b5;border-radius:50%;height:12px;transition-duration:.1s;transition-property:height,width,background-color,border;transition-timing-function:cubic-bezier(.4,0,.2,1);width:12px;z-index:100}._2x5j_{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:2px;left:0;pointer-events:none;position:absolute;top:15px;width:calc(100% + 2px)}._2x5j_::after{background-color:#000;border-radius:50%;content:'';display:block;height:2px;width:2px}._12aGJ{-webkit-box-flex:1;-ms-flex:1;flex:1}._12aGJ::after{background-color:#000;border-radius:50%;content:'';display:block;height:2px;width:2px}._2JHGy{margin-bottom:0;padding:0;width:50px}._2JHGy>input{text-align:center}._2R4jW{height:100%;left:16px;position:absolute;top:0;width:100%}._2R4jW ._3p0mR{height:2px;position:absolute;top:15px}._2R4jW ._3p0mR [data-ref=value]{transition-duration:0s}._3-BtZ:focus .kq8Om::before{background-color:#3f51b5;border-radius:50%;bottom:0;content:'';left:0;opacity:.26;position:absolute;right:0;top:0;z-index:1}._3-BtZ[disabled]{cursor:auto;pointer-events:none}._3-BtZ[disabled] ._8VjZ5{background-color:rgba(177,177,177,1)}._3-BtZ.hkAL6{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._3-BtZ._28Oo0 ._8VjZ5::before{background-color:#3f51b5;border-radius:50% 50% 50% 0;content:'';height:26px;left:0;margin-left:3px;position:absolute;top:0;-webkit-transform:rotate(-45deg) scale(0) translate(0);transform:rotate(-45deg) scale(0) translate(0);transition:background-color .18s ease,-webkit-transform .2s ease;transition:transform .2s ease,background-color .18s ease;transition:transform .2s ease,background-color .18s ease,-webkit-transform .2s ease;width:26px}._3-BtZ._28Oo0 ._8VjZ5::after{color:#fff;content:attr(data-value);font-size:10px;height:26px;left:0;position:absolute;text-align:center;top:0;-webkit-transform:scale(0) translate(0);transform:scale(0) translate(0);transition:background-color .18s ease,-webkit-transform .2s ease;transition:transform .2s ease,background-color .18s ease;transition:transform .2s ease,background-color .18s ease,-webkit-transform .2s ease;width:32px}._3-BtZ._292qK._28Oo0 ._8VjZ5::before{-webkit-transform:rotate(-45deg) scale(1) translate(17px,-17px);transform:rotate(-45deg) scale(1) translate(17px,-17px);transition-delay:.1s}._3-BtZ._292qK._28Oo0 ._8VjZ5::after{-webkit-transform:scale(1) translate(0,-17px);transform:scale(1) translate(0,-17px);transition-delay:.1s}._3-BtZ._292qK:not(._28Oo0)._2Oh5L ._2R4jW{left:30px;width:calc(100% - 14px)}._3-BtZ._292qK:not(._28Oo0) ._8VjZ5{height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%}._3-BtZ._2Oh5L ._8VjZ5{background-color:transparent;border:2px solid #eee}._3-BtZ._2Oh5L ._8VjZ5::before{background-color:#3f51b5}._3-BtZ._2Oh5L ._2R4jW{left:20px;transition:left .18s ease,width .18s ease;width:calc(100% - 2px * 2)}._3-BtZ._2Oh5L._28Oo0 ._8VjZ5{background-color:#fff}._3-BtZ._2Oh5L._28Oo0 ._2R4jW{left:16px;width:100%}.zDi3X{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#212121;border-radius:2px;bottom:0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;left:24px;margin:14px auto 0;padding:14px 24px;position:fixed;right:24px;transition:all .35s cubic-bezier(.4,0,.2,1) .35s;z-index:200;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.zDi3X *,.zDi3X ::after,.zDi3X ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}.zDi3X._2Y0Cy ._2pCxU{color:#4caf50}.zDi3X._2li3o ._2pCxU{color:#eeff41}.zDi3X._3731C ._2pCxU{color:#f44336}.zDi3X:not(._38CsO){-webkit-transform:translateY(100%);transform:translateY(100%)}.zDi3X._38CsO{-webkit-transform:translateY(0);transform:translateY(0)}._1JIbY{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:14px}._2pCxU{margin:-7px -12px -7px 48px;min-width:inherit}._1T2D0{display:block;margin-bottom:15px;position:relative;white-space:normal;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._1T2D0 *,._1T2D0 ::after,._1T2D0 ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}.rxx-p{color:#000;display:inline-block;font-size:14px;line-height:24px;padding-left:10px;vertical-align:top;white-space:nowrap}._1pMry{border-radius:50%;cursor:pointer;height:20px;position:absolute;top:-3px;transition-duration:.28s;transition-property:left;transition-timing-function:cubic-bezier(.4,0,.2,1);width:20px;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._1pMry *,._1pMry ::after,._1pMry ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._1pMry ._1I9tv{background-color:#3f51b5;opacity:.3;transition-duration:650ms}._25ui_,.p92Yp{border-radius:14px;cursor:pointer;display:inline-block;height:14px;margin-top:5px;position:relative;vertical-align:top;width:36px}.p92Yp{background:rgba(63,81,181,.5)}.p92Yp ._1pMry{background:#3f51b5;box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12);left:16px}._25ui_{background:rgba(0,0,0,.26)}._25ui_ ._1pMry{background:#fafafa;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);left:0}._25ui_ ._1I9tv{background:rgba(0,0,0,.4)}._3BTU_{height:0;opacity:0;overflow:hidden;width:0}._3BTU_:focus:not(:active)+._1ZBFp>._1pMry::before,._3BTU_:focus:not(:active)+._2Bwve>._1pMry::before{background-color:transparent;border-radius:50%;box-sizing:border-box;content:'';display:inline-block;height:8px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-4px,-4px);transform:translate(-4px,-4px);width:8px}._3BTU_:focus:not(:active)+._2Bwve>._1pMry::before{background-color:rgba(63,81,181,.26);box-shadow:0 0 0 20px rgba(63,81,181,.26)}._3BTU_:focus:not(:active)+._1ZBFp>._1pMry::before{background-color:rgba(0,0,0,.1);box-shadow:0 0 0 20px rgba(0,0,0,.1)}._1CQ_q .rxx-p{color:rgba(0,0,0,.26)}._1CQ_q ._25ui_,._1CQ_q .p92Yp{background:rgba(0,0,0,.12);cursor:auto}._1CQ_q ._1pMry{background-color:#bdbdbd;border-color:transparent;cursor:auto}._2xofu{background-color:#fff;border-collapse:collapse;font-size:13px;width:100%;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._2xofu *,._2xofu ::after,._2xofu ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._1eF5Z{padding-bottom:3px;white-space:nowrap}._1qppP{color:rgba(0,0,0,.87);height:48px;transition-duration:.28s;transition-property:background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}._1qppP:hover{background-color:#eee}._1qppP._1H1dU{background-color:#f5f5f5}._18bqN,.gfcPv{padding:0 18px 12px 18px;text-align:left}._18bqN:first-of-type,.gfcPv:first-of-type{padding-left:24px}._18bqN:last-of-type,.gfcPv:last-of-type{padding-right:24px}._18bqN._3suRQ,.gfcPv._3suRQ{text-align:right}._18bqN{border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;height:48px;padding-top:12px;vertical-align:middle}._18bqN._2yhwA{width:18px}._18bqN._2yhwA>*{margin:0}.gfcPv{color:rgba(0,0,0,.54);font-size:12px;font-weight:500;height:48px;line-height:24px;padding-bottom:8px;text-overflow:ellipsis;vertical-align:bottom}.gfcPv._2yhwA{width:18px}.gfcPv._2yhwA>*{margin:0 0 3px}.gfcPv._2r5OG{color:rgba(0,0,0,.87);cursor:pointer}.gfcPv._2r5OG:hover ._3NJs5{color:rgba(0,0,0,.26)}._3NJs5{display:inline-block;font-size:16px;margin-right:3px;transition:.28s -webkit-transform cubic-bezier(.4,0,.2,1);transition:.28s transform cubic-bezier(.4,0,.2,1);transition:.28s transform cubic-bezier(.4,0,.2,1),.28s -webkit-transform cubic-bezier(.4,0,.2,1);vertical-align:sub}._3NJs5.wZHUA{-webkit-transform:rotate(180deg);transform:rotate(180deg)}._2EaQV{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._2EaQV *,._2EaQV ::after,._2EaQV ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._3e55Z{box-shadow:inset 0 -1px #eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow-x:hidden;position:relative}._3oZmF{display:-webkit-box;display:-ms-flexbox;display:flex}._3oZmF ._3e55Z{-webkit-box-flex:1;-ms-flex:1;flex:1}.wPL4g{color:#000;padding:0 12px}.i_TGW{-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-shadow:inset 0 -1px #eee;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex}._1yb8L{color:rgba(0,0,0,.7);font-size:14px;font-weight:500;line-height:1;padding:17px 12px;position:relative;text-transform:uppercase;transition-duration:.35s;transition-property:box-shadow,color;transition-timing-function:cubic-bezier(.4,0,.2,1)}._1yb8L>._3c0W3{overflow:hidden}._1yb8L._2LZ7Z{color:#000}._1yb8L._2gi1s{opacity:.2}._1yb8L:not(._2gi1s){cursor:pointer}._1yb8L._3kq1J{display:none}._1yb8L._1OFOx{padding-bottom:13px;padding-top:13px;text-align:center}._1yb8L._1Yf4A ._1LUZH{margin-bottom:8px}._1LUZH{display:block;height:24px;line-height:24px;margin:0 auto}._1xgdB{background-color:#3f51b5;height:2px;margin-top:-2px;position:absolute;transition-duration:.35s;transition-property:left,width;transition-timing-function:cubic-bezier(.4,0,.2,1);width:0}._26SP9{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:17px 12px}._26SP9:not(._2LZ7Z){display:none}._26SP9._2LZ7Z{display:-webkit-box;display:-ms-flexbox;display:flex}._3bROj ._1yb8L{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}._33mT_ ._3e55Z,._33mT_ .i_TGW{background-color:#3f51b5}._33mT_ ._1yb8L{color:rgba(255,255,255,.3)}._33mT_ ._1yb8L._2LZ7Z{color:#fff}._33mT_ .wPL4g{color:#fff}._33mT_ ._1xgdB{background-color:#ff4081}._1v8bI{display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:10px;font-weight:700;line-height:14px;max-width:170px;padding:5px;pointer-events:none;position:absolute;text-align:center;text-transform:none;-webkit-transform:scale(0) translateX(-50%);transform:scale(0) translateX(-50%);-webkit-transform-origin:top left;transform-origin:top left;transition:cubic-bezier(.4,0,.2,1) .2s transform;z-index:200;box-sizing:border-box;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}._1v8bI *,._1v8bI ::after,._1v8bI ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none}._1v8bI._2xWjx{-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%)}._1v8bI._1PfOK{-webkit-transform:scale(0) translateX(-50%) translateY(-100%);transform:scale(0) translateX(-50%) translateY(-100%)}._1v8bI._1PfOK._2xWjx{-webkit-transform:scale(1) translateX(-50%) translateY(-100%);transform:scale(1) translateX(-50%) translateY(-100%)}._1v8bI._3uj3d{-webkit-transform:scale(0) translateX(-100%) translateY(-50%);transform:scale(0) translateX(-100%) translateY(-50%)}._1v8bI._3uj3d._2xWjx{-webkit-transform:scale(1) translateX(-100%) translateY(-50%);transform:scale(1) translateX(-100%) translateY(-50%)}._1v8bI._3UQWj{-webkit-transform:scale(0) translateX(0) translateY(-50%);transform:scale(0) translateX(0) translateY(-50%)}._1v8bI._3UQWj._2xWjx{-webkit-transform:scale(1) translateX(0) translateY(-50%);transform:scale(1) translateX(0) translateY(-50%)}._9q2WH{background:rgba(97,97,97,.9);border-radius:2px;color:#fff;display:block;padding:8px}._2APuy:not(._2Vc_4)>._2Z4kT{cursor:pointer}._2u1sB{background:#3f51b5;color:#fff;font-size:52px;padding:10px;position:relative;text-align:center;width:100%}._3Bp7w,._3Kl2E{cursor:pointer;display:inline-block;opacity:.6}._1c2VQ{margin:0 5px;opacity:.6}._1vAVQ{font-size:16px;height:44px;line-height:22px;margin-top:-22px;position:absolute;right:20px;text-align:center;top:50%;width:40px}._14hQA,.aU9C9{cursor:pointer;display:block;opacity:.6}._1YlHq{width:300px}._1YlHq>[role=body]{overflow-y:visible;padding:0}._1YlHq>[role=navigation]>._1Kf0L{color:#3f51b5}._1YlHq>[role=navigation]>._1Kf0L:hover{background:rgba(63,81,181,.2)}._1YlHq>[role=navigation]>._1Kf0L:focus:not(:active){background:rgba(63,81,181,.2)}._1YlHq._26MJk ._14hQA,._1YlHq._2JeOG ._3Kl2E,._1YlHq._3H_-m .aU9C9,._1YlHq._3UMNx ._3Bp7w{opacity:1}._2CwF0{padding:15px 20px}.zCpyM{position:relative;z-index:100}._3paoD{background-color:#eee;border-radius:50%;position:absolute;width:100%}._3ui0r{border-radius:50%;cursor:pointer;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:100}.qr9pw{height:20px;margin-left:-10px;margin-top:-10px;pointer-events:none;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:20px}.qr9pw._30yS_{color:#fff}._1rtAF{background-color:#3f51b5;bottom:50%;display:block;left:50%;margin-left:-2px;position:absolute;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;width:4px}._1rtAF::before{background-color:#3f51b5;border-radius:50%;bottom:0;content:'';height:10px;left:50%;margin-bottom:-5px;margin-left:-5px;position:absolute;width:10px}._1rtAF._3eEHh>.VqPQb{background-color:rgba(63,81,181,.2)}._1rtAF._3eEHh>.VqPQb::after{background:#3f51b5;border-radius:50%;content:'';height:12px;left:50%;margin-left:-6px;margin-top:-6px;position:absolute;top:50%;width:12px}._1rtAF._3eEHh>.VqPQb::before{background:#3f51b5;bottom:0;content:'';height:22px;left:50%;margin-left:-2px;position:absolute;width:4px}.VqPQb{background-color:#3f51b5;border-radius:50%;cursor:pointer;height:34px;left:50%;margin-left:-17px;position:absolute;top:-34px;width:34px}._1tgJ3,._3DTnI{position:absolute}._1EUpH,._1Fr4_{transition:opacity,-webkit-transform;transition:transform,opacity;transition:transform,opacity,-webkit-transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}._3DTnI{opacity:0;-webkit-transform:scale(.85);transform:scale(.85)}._3DTnI._1Fr4_{opacity:1;-webkit-transform:scale(1);transform:scale(1)}._1tgJ3{opacity:1;-webkit-transform:scale(1);transform:scale(1)}._1tgJ3._1EUpH{opacity:0;-webkit-transform:scale(1.25);transform:scale(1.25)}._1Lb15,._3LDEu{position:absolute}._18Ean,._3y67C{transition:opacity,-webkit-transform;transition:transform,opacity;transition:transform,opacity,-webkit-transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}._1Lb15{opacity:0;-webkit-transform:scale(1.25);transform:scale(1.25)}._1Lb15._3y67C{opacity:1;-webkit-transform:scale(1);transform:scale(1)}._3LDEu{opacity:1;-webkit-transform:scale(1);transform:scale(1)}._3LDEu._18Ean{opacity:0;-webkit-transform:scale(.85);transform:scale(.85)}


--------------------------------------------------------------------------------