diff --git a/README.md b/README.md index 621b517..db73458 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,17 @@ # React PaperCSS -React Components for [PaperCss](https://github.com/rhyneav/papercss) +React Components for [PaperCss](https://github.com/papercss/papercss) Install with NPM `npm install --save react-paper-css` -Docs coming soon +[Demo](https://papercss.github.io/React-Paper-CSS-Page/) + +## Docs + +### Usage + +Just import whichever components you would like to use, like below: + +``` +import {PaperButton, PaperLayout, PaperCol, PaperForm, PaperInput, PaperSelect, PaperRadio, PaperCheckbox} from 'react-paper-css'; +``` diff --git a/build/index.js b/build/index.js index 73ef3c2..1766f35 100644 --- a/build/index.js +++ b/build/index.js @@ -64,7 +64,7 @@ module.exports = /******/ __webpack_require__.p = ""; /******/ /******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = 21); +/******/ return __webpack_require__(__webpack_require__.s = 22); /******/ }) /************************************************************************/ /******/ ([ @@ -206,7 +206,7 @@ var singleton = null; var singletonCounter = 0; var stylesInsertedAtTop = []; -var fixUrls = __webpack_require__(40); +var fixUrls = __webpack_require__(43); module.exports = function(list, options) { if (typeof DEBUG !== "undefined" && DEBUG) { @@ -538,7 +538,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _PaperButton = __webpack_require__(12); +var _PaperButton = __webpack_require__(13); Object.defineProperty(exports, 'default', { enumerable: true, @@ -560,7 +560,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _PaperCheckbox = __webpack_require__(13); +var _PaperCheckbox = __webpack_require__(14); Object.defineProperty(exports, 'default', { enumerable: true, @@ -582,7 +582,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _PaperInput = __webpack_require__(14); +var _PaperInput = __webpack_require__(15); Object.defineProperty(exports, 'default', { enumerable: true, @@ -604,7 +604,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _PaperRadio = __webpack_require__(16); +var _PaperRadio = __webpack_require__(17); Object.defineProperty(exports, 'default', { enumerable: true, @@ -626,7 +626,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _PaperSelect = __webpack_require__(17); +var _PaperSelect = __webpack_require__(18); Object.defineProperty(exports, 'default', { enumerable: true, @@ -648,7 +648,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _PaperForms = __webpack_require__(15); +var _PaperForms = __webpack_require__(16); Object.defineProperty(exports, 'default', { enumerable: true, @@ -670,7 +670,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _PaperColumn = __webpack_require__(18); +var _PaperColumn = __webpack_require__(19); Object.defineProperty(exports, 'default', { enumerable: true, @@ -692,7 +692,7 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _PaperLayout = __webpack_require__(19); +var _PaperLayout = __webpack_require__(20); Object.defineProperty(exports, 'default', { enumerable: true, @@ -714,7 +714,55 @@ Object.defineProperty(exports, "__esModule", { value: true }); -var _PaperTypography = __webpack_require__(20); +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); + +var _react = __webpack_require__(2); + +var _react2 = _interopRequireDefault(_react); + +var _index = __webpack_require__(42); + +var _index2 = _interopRequireDefault(_index); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } + +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } + +var ReactPaperCSS = function (_React$Component) { + _inherits(ReactPaperCSS, _React$Component); + + function ReactPaperCSS() { + _classCallCheck(this, ReactPaperCSS); + + return _possibleConstructorReturn(this, (ReactPaperCSS.__proto__ || Object.getPrototypeOf(ReactPaperCSS)).apply(this, arguments)); + } + + _createClass(ReactPaperCSS, [{ + key: 'render', + value: function render() {} + }]); + + return ReactPaperCSS; +}(_react2.default.Component); + +exports.default = ReactPaperCSS; + +/***/ }), +/* 12 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _PaperTypography = __webpack_require__(21); Object.defineProperty(exports, 'default', { enumerable: true, @@ -726,7 +774,7 @@ Object.defineProperty(exports, 'default', { function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } /***/ }), -/* 12 */ +/* 13 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -742,7 +790,7 @@ var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); -var _index = __webpack_require__(31); +var _index = __webpack_require__(33); var _index2 = _interopRequireDefault(_index); @@ -780,7 +828,7 @@ var PaperButton = function (_React$Component) { exports.default = PaperButton; /***/ }), -/* 13 */ +/* 14 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -796,7 +844,7 @@ var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); -var _index = __webpack_require__(32); +var _index = __webpack_require__(34); var _index2 = _interopRequireDefault(_index); @@ -838,8 +886,9 @@ var PaperCheckbox = function (_React$Component) { }, { key: 'boxIsChecked', value: function boxIsChecked(e) { - console.log('e is ', e); - if (this.state.selectedChecks.indexOf(e) > 0) { + var selectedChecks = this.state.selectedChecks; + + if (selectedChecks.indexOf(e) >= 0) { return true; } else { return false; @@ -849,17 +898,17 @@ var PaperCheckbox = function (_React$Component) { key: 'handleOptionChange', value: function handleOptionChange(e) { var component = this; - // let selectedChecks = this.state.selectedChecks; - // - // if (selectedChecks.indexOf(e) > 0) { - // let index = selectedChecks.indexOf(e); - // selectedChecks.splice(index, 1); - // } - // else { - // selectedChecks.push(e); - // } - // - // this.setState({selectedChecks: selectedChecks}); + var targetVal = e.target.value; + var selectedChecks = this.state.selectedChecks; + + if (selectedChecks.indexOf(targetVal) >= 0) { + var index = selectedChecks.indexOf(targetVal); + selectedChecks.splice(index, 1); + } else { + selectedChecks.push(targetVal); + } + + this.setState({ selectedChecks: selectedChecks }); if (component.props.callback) { return component.props.callback(e); @@ -879,15 +928,11 @@ var PaperCheckbox = function (_React$Component) { return _react2.default.createElement( 'label', { htmlFor: child.props.inputID, className: 'paper-check' }, - _react2.default.createElement('input', { type: 'checkbox', id: child.props.inputID, value: child.props.val, checked: child.props.checked || _this2.boxIsChecked(child.props.val) ? true : false, onChange: _this2.handleOptionChange(child.props.val) }), + _react2.default.createElement('input', { type: 'checkbox', id: child.props.inputID, value: child.props.val, checked: _this2.boxIsChecked(child.props.val) ? true : false, onChange: _this2.handleOptionChange }), _react2.default.createElement( 'span', null, - child.props.label, - ' check ? = ', - child.props.checked, - ' or ', - child.checked + child.props.label ) ); }) @@ -901,7 +946,7 @@ var PaperCheckbox = function (_React$Component) { exports.default = PaperCheckbox; /***/ }), -/* 14 */ +/* 15 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -917,7 +962,7 @@ var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); -var _index = __webpack_require__(33); +var _index = __webpack_require__(35); var _index2 = _interopRequireDefault(_index); @@ -972,7 +1017,7 @@ var PaperInput = function (_React$Component) { exports.default = PaperInput; /***/ }), -/* 15 */ +/* 16 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -988,7 +1033,7 @@ var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); -var _index = __webpack_require__(36); +var _index = __webpack_require__(38); var _index2 = _interopRequireDefault(_index); @@ -1026,7 +1071,7 @@ var PaperForms = function (_React$Component) { exports.default = PaperForms; /***/ }), -/* 16 */ +/* 17 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -1042,7 +1087,7 @@ var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); -var _index = __webpack_require__(34); +var _index = __webpack_require__(36); var _index2 = _interopRequireDefault(_index); @@ -1115,7 +1160,7 @@ var PaperRadio = function (_React$Component) { exports.default = PaperRadio; /***/ }), -/* 17 */ +/* 18 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -1131,7 +1176,7 @@ var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); -var _index = __webpack_require__(35); +var _index = __webpack_require__(37); var _index2 = _interopRequireDefault(_index); @@ -1194,7 +1239,7 @@ var PaperSelect = function (_React$Component) { exports.default = PaperSelect; /***/ }), -/* 18 */ +/* 19 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -1210,7 +1255,7 @@ var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); -var _index = __webpack_require__(37); +var _index = __webpack_require__(39); var _index2 = _interopRequireDefault(_index); @@ -1248,7 +1293,7 @@ var PaperColumn = function (_React$Component) { exports.default = PaperColumn; /***/ }), -/* 19 */ +/* 20 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -1264,7 +1309,7 @@ var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); -var _index = __webpack_require__(38); +var _index = __webpack_require__(40); var _index2 = _interopRequireDefault(_index); @@ -1302,7 +1347,7 @@ var PaperLayout = function (_React$Component) { exports.default = PaperLayout; /***/ }), -/* 20 */ +/* 21 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -1318,7 +1363,7 @@ var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); -var _index = __webpack_require__(39); +var _index = __webpack_require__(41); var _index2 = _interopRequireDefault(_index); @@ -1350,7 +1395,7 @@ var PaperTypography = function (_React$Component) { exports.default = PaperTypography; /***/ }), -/* 21 */ +/* 22 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -1360,6 +1405,15 @@ Object.defineProperty(exports, "__esModule", { value: true }); +var _ReactPaperCSS = __webpack_require__(11); + +Object.defineProperty(exports, 'ReactPaperCSS', { + enumerable: true, + get: function get() { + return _interopRequireDefault(_ReactPaperCSS).default; + } +}); + var _Buttons = __webpack_require__(3); Object.defineProperty(exports, 'PaperButton', { @@ -1369,7 +1423,7 @@ Object.defineProperty(exports, 'PaperButton', { } }); -var _Typography = __webpack_require__(11); +var _Typography = __webpack_require__(12); Object.defineProperty(exports, 'PaperTypography', { enumerable: true, @@ -1444,7 +1498,7 @@ Object.defineProperty(exports, 'PaperCheckbox', { function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } /***/ }), -/* 22 */ +/* 23 */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(0)(undefined); @@ -1458,7 +1512,7 @@ exports.push([module.i, "button, .PaperButton {\n align-self: center;\n backgr /***/ }), -/* 23 */ +/* 24 */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(0)(undefined); @@ -1472,7 +1526,7 @@ exports.push([module.i, ".form-group > label, .form-group legend {\n display: i /***/ }), -/* 24 */ +/* 25 */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(0)(undefined); @@ -1486,7 +1540,7 @@ exports.push([module.i, ".form-group > label, .form-group legend {\n display: i /***/ }), -/* 25 */ +/* 26 */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(0)(undefined); @@ -1500,7 +1554,7 @@ exports.push([module.i, ".form-group > label, .form-group legend {\n display: i /***/ }), -/* 26 */ +/* 27 */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(0)(undefined); @@ -1514,7 +1568,7 @@ exports.push([module.i, ".form-group > label, .form-group legend {\n display: i /***/ }), -/* 27 */ +/* 28 */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(0)(undefined); @@ -1528,7 +1582,7 @@ exports.push([module.i, "form .form-group {\n margin-bottom: 1rem;\n}\n", ""]); /***/ }), -/* 28 */ +/* 29 */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(0)(undefined); @@ -1542,7 +1596,7 @@ exports.push([module.i, ".col {\n padding: 1rem;\n}\n\n.col-4 {\n -webkit-box- /***/ }), -/* 29 */ +/* 30 */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(0)(undefined); @@ -1556,7 +1610,7 @@ exports.push([module.i, ".row {\n margin-right: auto;\n margin-left: auto;\n /***/ }), -/* 30 */ +/* 31 */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(0)(undefined); @@ -1570,13 +1624,27 @@ exports.push([module.i, "a, button, input, option, p, select, table, tbody, td, /***/ }), -/* 31 */ +/* 32 */ +/***/ (function(module, exports, __webpack_require__) { + +exports = module.exports = __webpack_require__(0)(undefined); +// imports +exports.push([module.i, "@import url(https://fonts.googleapis.com/css?family=Neucha|Patrick+Hand+SC);", ""]); + +// module +exports.push([module.i, "html {\n box-sizing: border-box\n}\n*,\n:after,\n:before {\n box-sizing: inherit\n}\n/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\nhtml {\n line-height: 1.15;\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%\n}\nbody {\n margin: 0\n}\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block\n}\nh1 {\n font-size: 2em;\n margin: .67em 0\n}\nfigcaption,\nfigure,\nmain {\n display: block\n}\nfigure {\n margin: 1em 40px\n}\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible\n}\npre {\n font-family: monospace,monospace;\n font-size: 1em\n}\na {\n background-color: transparent;\n -webkit-text-decoration-skip: objects\n}\nabbr[title] {\n border-bottom: none;\n text-decoration: underline;\n text-decoration: underline dotted\n}\nb,\nstrong {\n font-weight: inherit\n}\nb,\nstrong {\n font-weight: bolder\n}\ncode,\nkbd,\nsamp {\n font-family: monospace,monospace;\n font-size: 1em\n}\ndfn {\n font-style: italic\n}\nmark {\n background-color: #ff0;\n color: #000\n}\nsmall {\n font-size: 80%\n}\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline\n}\nsub {\n bottom: -.25em\n}\nsup {\n top: -.5em\n}\naudio,\nvideo {\n display: inline-block\n}\naudio:not([controls]) {\n display: none;\n height: 0\n}\nimg {\n border-style: none\n}\nsvg:not(:root) {\n overflow: hidden\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: sans-serif;\n font-size: 100%;\n line-height: 1.15;\n margin: 0\n}\nbutton,\ninput {\n overflow: visible\n}\nbutton,\nselect {\n text-transform: none\n}\n[type=reset],\n[type=submit],\nbutton,\nhtml [type=button] {\n -webkit-appearance: button\n}\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n border-style: none;\n padding: 0\n}\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring,\nbutton:-moz-focusring {\n outline: 1px dotted ButtonText\n}\nfieldset {\n padding: .35em .75em .625em\n}\nlegend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal\n}\nprogress {\n display: inline-block;\n vertical-align: baseline\n}\ntextarea {\n overflow: auto\n}\n[type=checkbox],\n[type=radio] {\n box-sizing: border-box;\n padding: 0\n}\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n height: auto\n}\n[type=search] {\n -webkit-appearance: textfield;\n outline-offset: -2px\n}\n[type=search]::-webkit-search-cancel-button,\n[type=search]::-webkit-search-decoration {\n -webkit-appearance: none\n}\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit\n}\ndetails,\nmenu {\n display: block\n}\nsummary {\n display: list-item\n}\ncanvas {\n display: inline-block\n}\ntemplate {\n display: none\n}\n[hidden] {\n display: none\n}\n.text-primary {\n color: #41403e\n}\n.background-primary {\n background-color: #c1c0bd\n}\n.text-secondary {\n color: #0071de\n}\n.background-secondary {\n background-color: #deefff\n}\n.text-success {\n color: #86a361\n}\n.background-success {\n background-color: #d0dbc2\n}\n.text-warning {\n color: #ddcd45\n}\n.background-warning {\n background-color: #f5f0c6\n}\n.text-danger {\n color: #a7342d\n}\n.background-danger {\n background-color: #f0cbc9\n}\n.text-muted {\n color: #868e96\n}\n.background-muted {\n background-color: #e6e7e9\n}\nhtml {\n font-size: 20px;\n font-family: Neucha,sans-serif;\n color: #41403e\n}\na,\nbutton,\ninput,\noption,\np,\nselect,\ntable,\ntbody,\ntd,\nth,\nthead,\ntr {\n font-family: Neucha,sans-serif\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-family: 'Patrick Hand SC',sans-serif;\n font-weight: 400\n}\nh1 {\n font-size: 4rem\n}\nh2 {\n font-size: 3rem\n}\nh3 {\n font-size: 2rem\n}\nh4 {\n font-size: 1.5rem\n}\nh5 {\n font-size: 1rem\n}\nh6 {\n font-size: .8rem\n}\n.text-left {\n text-align: left\n}\n.text-center {\n text-align: center\n}\n.text-right {\n text-align: right\n}\n.border {\n border: 2px solid #41403e\n}\n.border,\n.border-1,\n.child-borders > :nth-child(6n+1) {\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-bottom-right-radius: 225px 15px;\n border-bottom-left-radius: 15px 255px\n}\n.border-2,\n.child-borders > :nth-child(6n+2) {\n border-top-left-radius: 125px 25px;\n border-top-right-radius: 10px 205px;\n border-bottom-right-radius: 20px 205px;\n border-bottom-left-radius: 185px 25px\n}\n.border-3,\n.child-borders > :nth-child(6n+3) {\n border-top-left-radius: 15px 225px;\n border-top-right-radius: 255px 15px;\n border-bottom-left-radius: 225px 15px;\n border-bottom-right-radius: 15px 255px\n}\n.border-4,\n.child-borders > :nth-child(6n+4) {\n border-top-left-radius: 15px 225px;\n border-top-right-radius: 25px 150px;\n border-bottom-left-radius: 25px 115px;\n border-bottom-right-radius: 155px 25px\n}\n.border-5,\n.child-borders > :nth-child(6n+5) {\n border-top-left-radius: 250px 15px;\n border-top-right-radius: 25px 80px;\n border-bottom-left-radius: 20px 115px;\n border-bottom-right-radius: 15px 105px\n}\n.border-6,\n.child-borders > :nth-child(6n+6) {\n border-top-left-radius: 28px 125px;\n border-top-right-radius: 100px 30px;\n border-bottom-right-radius: 20px 205px;\n border-bottom-left-radius: 15px 225px\n}\n.child-borders > * {\n border: 2px solid #41403e\n}\n.border-white {\n border-color: #fff\n}\n.border-dotted {\n border-style: dotted\n}\n.border-dashed {\n border-style: dashed\n}\n.border-thick {\n border-width: 5px\n}\n.border-primary {\n border-color: #41403e\n}\n.border-secondary {\n border-color: #0071de\n}\n.border-success {\n border-color: #86a361\n}\n.border-warning {\n border-color: #ddcd45\n}\n.border-danger {\n border-color: #a7342d\n}\n.border-muted {\n border-color: #868e96\n}\n.shadow {\n -webkit-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2);\n -moz-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2);\n box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2);\n transition: all .5s ease\n}\n.shadow.shadow-large {\n -webkit-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2);\n -moz-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2);\n box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2)\n}\n.shadow.shadow-small {\n -webkit-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2);\n -moz-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2);\n box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2)\n}\n.shadow.shadow-hover:hover {\n -webkit-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3);\n -moz-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3);\n box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3)\n}\n.child-shadows > * {\n -webkit-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2);\n -moz-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2);\n box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2);\n transition: all .5s ease\n}\n.child-shadows > .shadow-large {\n -webkit-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2);\n -moz-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2);\n box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2)\n}\n.child-shadows > .shadow-small {\n -webkit-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2);\n -moz-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2);\n box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2)\n}\n.child-shadows > .shadow-hover:hover {\n -webkit-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3);\n -moz-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3);\n box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3)\n}\n.child-shadows-hover > * {\n -webkit-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2);\n -moz-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2);\n box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2);\n transition: all .5s ease\n}\n.child-shadows-hover > .shadow-large {\n -webkit-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2);\n -moz-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2);\n box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2)\n}\n.child-shadows-hover > .shadow-small {\n -webkit-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2);\n -moz-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2);\n box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2)\n}\n.child-shadows-hover > .shadow-hover:hover {\n -webkit-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3);\n -moz-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3);\n box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3)\n}\n.child-shadows-hover > :hover {\n -webkit-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3);\n -moz-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3);\n box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3)\n}\n.row {\n margin-right: auto;\n margin-left: auto;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-flow: row wrap;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n margin-bottom: 1rem\n}\n.row.flex-right {\n -webkit-box-pack: end;\n -webkit-justify-content: flex-end;\n -ms-flex-pack: end;\n justify-content: flex-end\n}\n.row.flex-center {\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center\n}\n.row.flex-edges {\n -webkit-box-pack: justify;\n -webkit-justify-content: space-between;\n -ms-flex-pack: justify;\n justify-content: space-between\n}\n.row.flex-spaces {\n -webkit-justify-content: space-around;\n -ms-flex-pack: distribute;\n justify-content: space-around\n}\n.row.flex-top {\n -webkit-box-align: start;\n -webkit-align-items: flex-start;\n -ms-flex-align: start;\n align-items: flex-start\n}\n.row.flex-middle {\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center\n}\n.row.flex-bottom {\n -webkit-box-align: end;\n -webkit-align-items: flex-end;\n -ms-flex-align: end;\n align-items: flex-end\n}\n.col {\n padding: 1rem\n}\n@media (max-width:767px) {\n .col {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%\n }\n}\n.col-fill {\n width: auto;\n flex: 1 1 0px\n}\n.col-1 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 8.33333333%;\n -ms-flex: 0 0 8.33333333%;\n flex: 0 0 8.33333333%;\n max-width: 8.33333333%\n}\n.col-2 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 16.66666667%;\n -ms-flex: 0 0 16.66666667%;\n flex: 0 0 16.66666667%;\n max-width: 16.66666667%\n}\n.col-3 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%\n}\n.col-4 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 33.33333333%;\n -ms-flex: 0 0 33.33333333%;\n flex: 0 0 33.33333333%;\n max-width: 33.33333333%\n}\n.col-5 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 41.66666667%;\n -ms-flex: 0 0 41.66666667%;\n flex: 0 0 41.66666667%;\n max-width: 41.66666667%\n}\n.col-6 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%\n}\n.col-7 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 58.33333333%;\n -ms-flex: 0 0 58.33333333%;\n flex: 0 0 58.33333333%;\n max-width: 58.33333333%\n}\n.col-8 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 66.66666667%;\n -ms-flex: 0 0 66.66666667%;\n flex: 0 0 66.66666667%;\n max-width: 66.66666667%\n}\n.col-9 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%\n}\n.col-10 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 83.33333333%;\n -ms-flex: 0 0 83.33333333%;\n flex: 0 0 83.33333333%;\n max-width: 83.33333333%\n}\n.col-11 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 91.66666667%;\n -ms-flex: 0 0 91.66666667%;\n flex: 0 0 91.66666667%;\n max-width: 91.66666667%\n}\n.col-12 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%\n}\n@media (min-width:768px) {\n .sm-1 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 8.33333333%;\n -ms-flex: 0 0 8.33333333%;\n flex: 0 0 8.33333333%;\n max-width: 8.33333333%\n }\n}\n@media (min-width:768px) {\n .sm-2 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 16.66666667%;\n -ms-flex: 0 0 16.66666667%;\n flex: 0 0 16.66666667%;\n max-width: 16.66666667%\n }\n}\n@media (min-width:768px) {\n .sm-3 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%\n }\n}\n@media (min-width:768px) {\n .sm-4 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 33.33333333%;\n -ms-flex: 0 0 33.33333333%;\n flex: 0 0 33.33333333%;\n max-width: 33.33333333%\n }\n}\n@media (min-width:768px) {\n .sm-5 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 41.66666667%;\n -ms-flex: 0 0 41.66666667%;\n flex: 0 0 41.66666667%;\n max-width: 41.66666667%\n }\n}\n@media (min-width:768px) {\n .sm-6 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%\n }\n}\n@media (min-width:768px) {\n .sm-7 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 58.33333333%;\n -ms-flex: 0 0 58.33333333%;\n flex: 0 0 58.33333333%;\n max-width: 58.33333333%\n }\n}\n@media (min-width:768px) {\n .sm-8 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 66.66666667%;\n -ms-flex: 0 0 66.66666667%;\n flex: 0 0 66.66666667%;\n max-width: 66.66666667%\n }\n}\n@media (min-width:768px) {\n .sm-9 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%\n }\n}\n@media (min-width:768px) {\n .sm-10 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 83.33333333%;\n -ms-flex: 0 0 83.33333333%;\n flex: 0 0 83.33333333%;\n max-width: 83.33333333%\n }\n}\n@media (min-width:768px) {\n .sm-11 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 91.66666667%;\n -ms-flex: 0 0 91.66666667%;\n flex: 0 0 91.66666667%;\n max-width: 91.66666667%\n }\n}\n@media (min-width:768px) {\n .sm-12 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%\n }\n}\n@media (min-width:992px) {\n .md-1 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 8.33333333%;\n -ms-flex: 0 0 8.33333333%;\n flex: 0 0 8.33333333%;\n max-width: 8.33333333%\n }\n}\n@media (min-width:992px) {\n .md-2 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 16.66666667%;\n -ms-flex: 0 0 16.66666667%;\n flex: 0 0 16.66666667%;\n max-width: 16.66666667%\n }\n}\n@media (min-width:992px) {\n .md-3 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%\n }\n}\n@media (min-width:992px) {\n .md-4 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 33.33333333%;\n -ms-flex: 0 0 33.33333333%;\n flex: 0 0 33.33333333%;\n max-width: 33.33333333%\n }\n}\n@media (min-width:992px) {\n .md-5 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 41.66666667%;\n -ms-flex: 0 0 41.66666667%;\n flex: 0 0 41.66666667%;\n max-width: 41.66666667%\n }\n}\n@media (min-width:992px) {\n .md-6 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%\n }\n}\n@media (min-width:992px) {\n .md-7 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 58.33333333%;\n -ms-flex: 0 0 58.33333333%;\n flex: 0 0 58.33333333%;\n max-width: 58.33333333%\n }\n}\n@media (min-width:992px) {\n .md-8 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 66.66666667%;\n -ms-flex: 0 0 66.66666667%;\n flex: 0 0 66.66666667%;\n max-width: 66.66666667%\n }\n}\n@media (min-width:992px) {\n .md-9 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%\n }\n}\n@media (min-width:992px) {\n .md-10 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 83.33333333%;\n -ms-flex: 0 0 83.33333333%;\n flex: 0 0 83.33333333%;\n max-width: 83.33333333%\n }\n}\n@media (min-width:992px) {\n .md-11 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 91.66666667%;\n -ms-flex: 0 0 91.66666667%;\n flex: 0 0 91.66666667%;\n max-width: 91.66666667%\n }\n}\n@media (min-width:992px) {\n .md-12 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%\n }\n}\n@media (min-width:1200px) {\n .lg-1 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 8.33333333%;\n -ms-flex: 0 0 8.33333333%;\n flex: 0 0 8.33333333%;\n max-width: 8.33333333%\n }\n}\n@media (min-width:1200px) {\n .lg-2 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 16.66666667%;\n -ms-flex: 0 0 16.66666667%;\n flex: 0 0 16.66666667%;\n max-width: 16.66666667%\n }\n}\n@media (min-width:1200px) {\n .lg-3 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%\n }\n}\n@media (min-width:1200px) {\n .lg-4 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 33.33333333%;\n -ms-flex: 0 0 33.33333333%;\n flex: 0 0 33.33333333%;\n max-width: 33.33333333%\n }\n}\n@media (min-width:1200px) {\n .lg-5 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 41.66666667%;\n -ms-flex: 0 0 41.66666667%;\n flex: 0 0 41.66666667%;\n max-width: 41.66666667%\n }\n}\n@media (min-width:1200px) {\n .lg-6 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%\n }\n}\n@media (min-width:1200px) {\n .lg-7 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 58.33333333%;\n -ms-flex: 0 0 58.33333333%;\n flex: 0 0 58.33333333%;\n max-width: 58.33333333%\n }\n}\n@media (min-width:1200px) {\n .lg-8 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 66.66666667%;\n -ms-flex: 0 0 66.66666667%;\n flex: 0 0 66.66666667%;\n max-width: 66.66666667%\n }\n}\n@media (min-width:1200px) {\n .lg-9 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%\n }\n}\n@media (min-width:1200px) {\n .lg-10 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 83.33333333%;\n -ms-flex: 0 0 83.33333333%;\n flex: 0 0 83.33333333%;\n max-width: 83.33333333%\n }\n}\n@media (min-width:1200px) {\n .lg-11 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 91.66666667%;\n -ms-flex: 0 0 91.66666667%;\n flex: 0 0 91.66666667%;\n max-width: 91.66666667%\n }\n}\n@media (min-width:1200px) {\n .lg-12 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%\n }\n}\n.align-top {\n -webkit-align-self: flex-start;\n -ms-flex-item-align: start;\n align-self: flex-start\n}\n.align-middle {\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n -ms-grid-row-align: center;\n align-self: center\n}\n.align-bottom {\n -webkit-align-self: flex-end;\n -ms-flex-item-align: end;\n align-self: flex-end\n}\n.container {\n width: 100%;\n max-width: 960px;\n position: relative;\n margin: 0 auto\n}\n@media screen and (max-width:992px) {\n .container {\n width: 85%\n }\n}\n@media screen and (max-width:480px) {\n .container {\n width: 90%\n }\n}\n.section {\n margin-top: 1rem;\n margin-bottom: 2rem\n}\n.section:after {\n text-align: center;\n color: #8f8d89;\n display: block;\n content: \"~~~\";\n position: relative;\n font-size: 1.5rem\n}\nhr {\n border: 0\n}\nhr:after {\n text-align: center;\n color: #8f8d89;\n display: block;\n content: \"~~~\";\n position: relative;\n font-size: 1.5rem;\n top: -.75rem\n}\n.paper {\n border: 1px solid #c1c0bd;\n background-color: #fff;\n padding: 2rem;\n margin-top: 1rem;\n margin-bottom: 1rem;\n -webkit-box-shadow: -1px 5px 35px -9px rgba(0,0,0,.2);\n -moz-box-shadow: -1px 5px 35px -9px rgba(0,0,0,.2);\n box-shadow: -1px 5px 35px -9px rgba(0,0,0,.2)\n}\n@media screen and (max-width:480px) {\n .paper {\n padding: 1rem;\n width: 100%;\n margin-top: 0;\n margin-bottom: 0\n }\n}\n.paper-btn,\nbutton,\ninput[type=button] {\n align-self: center;\n background: 0 0;\n color: #41403e;\n outline: 0;\n border: solid 2px #41403e;\n border: 2px solid #41403e;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-bottom-right-radius: 225px 15px;\n border-bottom-left-radius: 15px 255px;\n font-size: 1rem;\n padding: .75rem .75rem;\n cursor: pointer;\n -webkit-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2);\n -moz-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2);\n box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2);\n transition: all .5s ease\n}\n.paper-btn.shadow-large,\nbutton.shadow-large,\ninput[type=button].shadow-large {\n -webkit-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2);\n -moz-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2);\n box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2)\n}\n.paper-btn.shadow-small,\nbutton.shadow-small,\ninput[type=button].shadow-small {\n -webkit-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2);\n -moz-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2);\n box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2)\n}\n.paper-btn.shadow-hover:hover,\nbutton.shadow-hover:hover,\ninput[type=button].shadow-hover:hover {\n -webkit-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3);\n -moz-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3);\n box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3)\n}\n.paper-btn.btn-large,\nbutton.btn-large,\ninput[type=button].btn-large {\n -webkit-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2);\n -moz-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2);\n box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2);\n font-size: 2rem;\n padding: 1rem 1rem\n}\n.paper-btn.btn-small,\nbutton.btn-small,\ninput[type=button].btn-small {\n -webkit-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2);\n -moz-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2);\n box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2);\n font-size: .75rem;\n padding: .5rem\n}\n.paper-btn.btn-block,\nbutton.btn-block,\ninput[type=button].btn-block {\n display: block;\n width: 100%\n}\n.paper-btn:hover:hover,\nbutton:hover:hover,\ninput[type=button]:hover:hover {\n -webkit-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3);\n -moz-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3);\n box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3)\n}\n.paper-btn.disabled,\n.paper-btn[disabled],\nbutton.disabled,\nbutton[disabled],\ninput[type=button].disabled,\ninput[type=button][disabled] {\n cursor: not-allowed;\n opacity: .5\n}\na {\n text-decoration: none;\n background-image: linear-gradient(5deg,transparent 65%,#0071de 80%,transparent 90%),linear-gradient(165deg,transparent 5%,#0071de 15%,transparent 25%),linear-gradient(165deg,transparent 45%,#0071de 55%,transparent 65%),linear-gradient(15deg,transparent 25%,#0071de 35%,transparent 50%);\n background-repeat: repeat-x;\n background-size: 4px 3px;\n background-position: 0 90%\n}\na:visited {\n text-decoration: none;\n color: #41403e\n}\ninput,\nselect {\n display: block;\n background: 0 0;\n color: #41403e;\n outline: 0;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-bottom-right-radius: 225px 15px;\n border-bottom-left-radius: 15px 255px;\n font-size: 1rem;\n padding: .5rem .5rem;\n border: 2px solid #41403e\n}\ninput:focus,\nselect:focus {\n border: 2px solid #0071de\n}\ninput.disabled,\ninput[disabled],\nselect.disabled,\nselect[disabled] {\n cursor: not-allowed;\n opacity: .5\n}\n.disabled {\n cursor: not-allowed;\n opacity: .5\n}\n.form-group {\n margin-bottom: 1rem\n}\n.form-group > label,\n.form-group legend {\n display: inline-block;\n margin-bottom: .5rem\n}\n.form-group .input-block {\n width: 100%\n}\n.form-group .paper-check,\n.form-group .paper-radio {\n display: block;\n margin-bottom: .5rem;\n cursor: pointer\n}\n.form-group .paper-check input,\n.form-group .paper-radio input {\n border: 0;\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n display: none\n}\n.form-group .paper-check input + span,\n.form-group .paper-radio input + span {\n display: block\n}\n.form-group .paper-check input + span:before,\n.form-group .paper-radio input + span:before {\n content: '';\n display: inline-block;\n position: relative;\n width: 1rem;\n height: 1rem;\n border: 2px solid #41403e;\n margin-right: .75em;\n vertical-align: -.25em\n}\n.form-group .paper-check input[type=radio] + span:before,\n.form-group .paper-radio input[type=radio] + span:before {\n border-top-left-radius: 1rem 1rem;\n border-top-right-radius: 1rem .6rem;\n border-bottom-right-radius: 1rem .9rem;\n border-bottom-left-radius: .7rem 1rem\n}\n.form-group .paper-check input[type=checkbox] + span:before,\n.form-group .paper-radio input[type=checkbox] + span:before {\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-bottom-right-radius: 225px 15px;\n border-bottom-left-radius: 15px 255px\n}\n.form-group .paper-check input[type=radio]:checked + span:before,\n.form-group .paper-radio input[type=radio]:checked + span:before {\n background: url(\"data:image/svg+xml;utf8,\") left center no-repeat\n}\n.form-group .paper-check input[type=checkbox]:checked + span:before,\n.form-group .paper-radio input[type=checkbox]:checked + span:before {\n background: url(\"data:image/svg+xml;utf8,\") left center no-repeat\n}\nfieldset.form-group {\n border: none;\n padding: 0\n}\nol {\n list-style-type: decimal\n}\nol ol {\n list-style-type: upper-alpha\n}\nol ol ol {\n list-style-type: upper-roman\n}\nol ol ol ol {\n list-style-type: lower-alpha\n}\nol ol ol ol ol {\n list-style-type: lower-roman\n}\nul {\n list-style: none;\n margin-left: 0\n}\nul li {\n text-indent: -7px\n}\nul li:before {\n position: relative;\n left: -7px\n}\nul li:before {\n content: \"-\"\n}\nul ul li:before {\n content: \"+\"\n}\nul ul ul li:before {\n content: \"~\"\n}\nul ul ul ul li:before {\n content: \"\\290D\"\n}\nul ul ul ul ul li:before {\n content: \"\\204E\"\n}\ncode {\n padding: 2px 4px;\n font-size: 80%;\n color: #0071de;\n background-color: #f2f2f2;\n border-radius: 3px\n}\nkbd {\n padding: 2px 4px;\n font-size: 80%;\n color: #fff;\n background-color: #41403e;\n border-radius: 3px\n}\npre {\n display: block;\n padding: 1em;\n font-size: 80%;\n line-height: 1.5;\n color: #41403e;\n word-break: break-all;\n word-wrap: break-word;\n background-color: #fafafa;\n border: 1px solid #c1c0bd;\n border-radius: 3px;\n overflow-x: auto;\n white-space: pre-wrap\n}\ntable {\n box-sizing: border-box;\n width: 100%;\n max-width: 100%\n}\ntable thead tr th {\n vertical-align: bottom;\n text-align: left;\n padding: 8px;\n line-height: 1.5\n}\ntable tbody tr td {\n padding: 8px;\n line-height: 1.5;\n vertical-align: top;\n border-top: 1px dashed #d9d9d8\n}\ntable.table-hover tbody tr:hover {\n color: #0071de\n}\ntable.table-alternating tbody tr:nth-of-type(even) {\n color: #82807c\n}\nimg {\n max-width: 100%;\n height: auto;\n display: block;\n border: 2px solid #41403e;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-bottom-right-radius: 225px 15px;\n border-bottom-left-radius: 15px 255px\n}\nimg.float-left {\n float: left;\n margin: 1rem 1rem 1rem 0\n}\nimg.float-right {\n float: right;\n margin: 1rem 0 1rem 1rem\n}\nimg.no-responsive {\n max-width: initial;\n height: initial;\n display: initial\n}\nimg.no-border {\n border: 0;\n border-radius: 0\n}\n.margin {\n margin: 1rem\n}\n.margin-top {\n margin-top: 1rem\n}\n.margin-top-large {\n margin-top: 2rem\n}\n.margin-top-small {\n margin-top: .5rem\n}\n.margin-top-none {\n margin-top: 0\n}\n.margin-right {\n margin-right: 1rem\n}\n.margin-right-large {\n margin-right: 2rem\n}\n.margin-right-small {\n margin-right: .5rem\n}\n.margin-right-none {\n margin-right: 0\n}\n.margin-bottom {\n margin-bottom: 1rem\n}\n.margin-bottom-large {\n margin-bottom: 2rem\n}\n.margin-bottom-small {\n margin-bottom: .5rem\n}\n.margin-bottom-none {\n margin-bottom: 0\n}\n.margin-left {\n margin-left: 1rem\n}\n.margin-left-large {\n margin-left: 2rem\n}\n.margin-left-small {\n margin-left: .5rem\n}\n.margin-left-none {\n margin-left: 0\n}\n.margin-large {\n margin: 2rem\n}\n.margin-small {\n margin: .5rem\n}\n.margin-none {\n margin: 0\n}\n.padding {\n padding: 1rem\n}\n.padding-top {\n padding-top: 1rem\n}\n.padding-top-large {\n padding-top: 2rem\n}\n.padding-top-small {\n padding-top: .5rem\n}\n.padding-top-none {\n padding-top: 0\n}\n.padding-right {\n padding-right: 1rem\n}\n.padding-right-large {\n padding-right: 2rem\n}\n.padding-right-small {\n padding-right: .5rem\n}\n.padding-right-none {\n padding-right: 0\n}\n.padding-bottom {\n padding-bottom: 1rem\n}\n.padding-bottom-large {\n padding-bottom: 2rem\n}\n.padding-bottom-small {\n padding-bottom: .5rem\n}\n.padding-bottom-none {\n padding-bottom: 0\n}\n.padding-left {\n padding-left: 1rem\n}\n.padding-left-large {\n padding-left: 2rem\n}\n.padding-left-small {\n padding-left: .5rem\n}\n.padding-left-none {\n padding-left: 0\n}\n.padding-large {\n padding: 2rem\n}\n.padding-small {\n padding: .5rem\n}\n.padding-none {\n padding: 0\n}\n[popover] {\n position: relative;\n margin: 24px\n}\n[popover]:hover::after {\n transition: opacity .2s ease-out;\n opacity: 1\n}\n[popover]::after {\n content: attr(popover);\n position: absolute;\n top: -6px;\n left: 50%;\n opacity: 0;\n padding: 4px 2px;\n min-width: 80px;\n font-size: .7em;\n text-align: center;\n color: #fff;\n background: rgba(0,0,0,.7);\n transition: opacity .25s ease-out;\n transform: translateX(-50%) translateY(-100%);\n border: 2px solid #41403e;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-bottom-right-radius: 225px 15px;\n border-bottom-left-radius: 15px 255px\n}\n[popover-position=left]::before {\n left: 0;\n top: 50%;\n margin-left: -12px;\n transform: translatey(-50%) rotate(-90deg)\n}\n[popover-position=left]::after {\n left: 0;\n top: 50%;\n margin-left: -8px;\n transform: translateX(-100%) translateY(-50%)\n}\n[popover-position=top]::before {\n left: 50%\n}\n[popover-position=top]::after {\n left: 50%\n}\n[popover-position=bottom]::before {\n top: 100%;\n margin-top: 8px;\n transform: translateX(-50%) translatey(-100%) rotate(-180deg)\n}\n[popover-position=bottom]::after {\n top: 100%;\n margin-top: 8px;\n transform: translateX(-50%) translateY(0)\n}\n[popover-position=right]::before {\n left: 100%;\n top: 50%;\n margin-left: 1px;\n transform: translatey(-50%) rotate(90deg)\n}\n[popover-position=right]::after {\n left: 100%;\n top: 50%;\n margin-left: 8px;\n transform: translateX(0) translateY(-50%)\n}\n.card {\n -webkit-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2);\n -moz-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2);\n box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2);\n transition: all .5s ease;\n position: relative;\n display: flex;\n flex-direction: column;\n word-wrap: break-word;\n border: 2px solid #e6e7e9\n}\n.card.shadow-large {\n -webkit-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2);\n -moz-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2);\n box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2)\n}\n.card.shadow-small {\n -webkit-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2);\n -moz-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2);\n box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2)\n}\n.card.shadow-hover:hover {\n -webkit-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3);\n -moz-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3);\n box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3)\n}\n.card:hover:hover {\n -webkit-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3);\n -moz-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3);\n box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3)\n}\n.card .card-footer,\n.card .card-header {\n padding: .75rem 1.25rem;\n background-color: rgba(0,0,0,.03)\n}\n.card .card-header {\n border-bottom: 2px solid #e6e7e9\n}\n.card .card-footer {\n border-top: 2px solid #e6e7e9\n}\n.card .card-body {\n flex: 1 1 auto;\n padding: 1.25rem\n}\n.card .card-body .card-title,\n.card .card-body h4 {\n margin-top: 0;\n margin-bottom: .5rem\n}\n.card .card-body .card-subtitle,\n.card .card-body h5 {\n color: #0071de;\n margin-top: 0;\n margin-bottom: .5rem\n}\n.card .card-body .card-text,\n.card .card-body p {\n margin-top: 0;\n margin-bottom: 1rem\n}\n.card .card-body .card-link + .card-link,\n.card .card-body a + a {\n margin-left: 1.25rem\n}\n.card .image-bottom,\n.card .image-top,\n.card img {\n border: 0;\n border-radius: 0\n}\n.badge {\n border: 2px solid #41403e;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-bottom-right-radius: 225px 15px;\n border-bottom-left-radius: 15px 255px;\n display: inline-block;\n padding: .25em .4em;\n font-size: 75%;\n font-weight: 700;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n background-color: #868e96;\n color: #fff;\n border-color: transparent\n}\n.badge.primary {\n background-color: #41403e\n}\n.badge.secondary {\n background-color: #0071de\n}\n.badge.success {\n background-color: #86a361\n}\n.badge.warning {\n background-color: #ddcd45\n}\n.badge.danger {\n background-color: #a7342d\n}\n.alert {\n border: 2px solid #41403e;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-bottom-right-radius: 225px 15px;\n border-bottom-left-radius: 15px 255px;\n padding: 15px;\n margin-bottom: 20px;\n width: 100%\n}\n.alert-primary {\n border-color: #41403e;\n color: #41403e;\n background-color: #c1c0bd\n}\n.alert-secondary {\n border-color: #0071de;\n color: #0071de;\n background-color: #deefff\n}\n.alert-success {\n border-color: #86a361;\n color: #86a361;\n background-color: #d0dbc2\n}\n.alert-warning {\n border-color: #ddcd45;\n color: #ddcd45;\n background-color: #f5f0c6\n}\n.alert-danger {\n border-color: #a7342d;\n color: #a7342d;\n background-color: #f0cbc9\n}\n.alert-muted {\n border-color: #868e96;\n color: #868e96;\n background-color: #e6e7e9\n}\n", ""]); + +// exports + + +/***/ }), +/* 33 */ /***/ (function(module, exports, __webpack_require__) { // style-loader: Adds some css to the DOM by adding a