@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  padding: 25px 50px;
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  line-height: 1;
  font-weight: normal; }

:not(pre) > code {
  padding: 2px;
  font-size: 90%;
  color: #22BAD9;
  border-radius: 2px;
  background-color: #ddd; }

.demo a {
  color: inherit; }
  .demo a:hover {
    background-color: #22BAD9;
    color: white;
    text-decoration: none; }

.demo .demo__header {
  margin-top: 5%;
  margin-bottom: 10%;
  font-size: 3em;
  cursor: pointer;
  color: #22BAD9; }
  .demo .demo__header h1, .demo .demo__header p {
    margin: 0;
    line-height: 1; }

.demo .demo__section {
  margin-bottom: 48px; }

.demo .demo__section-header {
  border-bottom: 1px solid #ddd;
  margin-bottom: 24px;
  padding-bottom: 3px; }
  .demo .demo__section-header h2 {
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1; }

.demo .demo__table-header {
  margin: 12px 0 6px; }

.demo .demo__item {
  border: 1px solid #ddd; }

.demo .demo__example {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd; }

.demo .table {
  width: 100%;
  border-collapse: collapse; }
  .demo .table .table__head {
    background-color: #ddd;
    border: 1px solid #ddd; }
  .demo .table td {
    border: 1px solid #ddd;
    padding: 6px 12px; }

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9kb2NzL21haW4uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoicUVBQ0E7RUFDRSwyQ0FBMkM7RUFDM0MsZ0JBQWdCO0VBQ2hCLGlCQUFpQjtFQUNqQixtQkFBbUI7RUFDbkIsVUFBVSxFQUFFOztBQUVkO0VBQ0UsVUFBVTtFQUNWLGVBQWU7RUFDZixvQkFBb0IsRUFBRTs7QUFFeEI7RUFDRSxhQUFhO0VBQ2IsZUFBZTtFQUNmLGVBQWU7RUFDZixtQkFBbUI7RUFDbkIsdUJBQXVCLEVBQUU7O0FBRTNCO0VBQ0UsZUFBZSxFQUFFO0VBQ2pCO0lBQ0UsMEJBQTBCO0lBQzFCLGFBQWE7SUFDYixzQkFBc0IsRUFBRTs7QUFFNUI7RUFDRSxlQUFlO0VBQ2YsbUJBQW1CO0VBQ25CLGVBQWU7RUFDZixnQkFBZ0I7RUFDaEIsZUFBZSxFQUFFO0VBQ2pCO0lBQ0UsVUFBVTtJQUNWLGVBQWUsRUFBRTs7QUFFckI7RUFDRSxvQkFBb0IsRUFBRTs7QUFFeEI7RUFDRSw4QkFBOEI7RUFDOUIsb0JBQW9CO0VBQ3BCLG9CQUFvQixFQUFFO0VBQ3RCO0lBQ0UsaUJBQWlCO0lBQ2pCLG9CQUFvQjtJQUNwQixlQUFlLEVBQUU7O0FBRXJCO0VBQ0UsbUJBQW1CLEVBQUU7O0FBRXZCO0VBQ0UsdUJBQXVCLEVBQUU7O0FBRTNCO0VBQ0Usb0JBQW9CO0VBQ3BCLHFCQUFxQjtFQUNyQiw4QkFBOEIsRUFBRTs7QUFFbEM7RUFDRSxZQUFZO0VBQ1osMEJBQTBCLEVBQUU7RUFDNUI7SUFDRSx1QkFBdUI7SUFDdkIsdUJBQXVCLEVBQUU7RUFDM0I7SUFDRSx1QkFBdUI7SUFDdkIsa0JBQWtCLEVBQUUiLCJmaWxlIjoibWFpbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0IHVybChcImh0dHBzOi8vZm9udHMuZ29vZ2xlYXBpcy5jb20vY3NzP2ZhbWlseT1Tb3VyY2UrU2FucytQcm9cIik7XG5ib2R5IHtcbiAgZm9udC1mYW1pbHk6ICdTb3VyY2UgU2FucyBQcm8nLCBzYW5zLXNlcmlmO1xuICBmb250LXNpemU6IDE2cHg7XG4gIGxpbmUtaGVpZ2h0OiAxLjc7XG4gIHBhZGRpbmc6IDI1cHggNTBweDtcbiAgbWFyZ2luOiAwOyB9XG5cbmgxLCBoMiwgaDMsIGg0LCBoNSwgaDYge1xuICBtYXJnaW46IDA7XG4gIGxpbmUtaGVpZ2h0OiAxO1xuICBmb250LXdlaWdodDogbm9ybWFsOyB9XG5cbjpub3QocHJlKSA+IGNvZGUge1xuICBwYWRkaW5nOiAycHg7XG4gIGZvbnQtc2l6ZTogOTAlO1xuICBjb2xvcjogIzIyQkFEOTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGRkOyB9XG5cbi5kZW1vIGEge1xuICBjb2xvcjogaW5oZXJpdDsgfVxuICAuZGVtbyBhOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjJCQUQ5O1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7IH1cblxuLmRlbW8gLmRlbW9fX2hlYWRlciB7XG4gIG1hcmdpbi10b3A6IDUlO1xuICBtYXJnaW4tYm90dG9tOiAxMCU7XG4gIGZvbnQtc2l6ZTogM2VtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAjMjJCQUQ5OyB9XG4gIC5kZW1vIC5kZW1vX19oZWFkZXIgaDEsIC5kZW1vIC5kZW1vX19oZWFkZXIgcCB7XG4gICAgbWFyZ2luOiAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxOyB9XG5cbi5kZW1vIC5kZW1vX19zZWN0aW9uIHtcbiAgbWFyZ2luLWJvdHRvbTogNDhweDsgfVxuXG4uZGVtbyAuZGVtb19fc2VjdGlvbi1oZWFkZXIge1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2RkZDtcbiAgbWFyZ2luLWJvdHRvbTogMjRweDtcbiAgcGFkZGluZy1ib3R0b206IDNweDsgfVxuICAuZGVtbyAuZGVtb19fc2VjdGlvbi1oZWFkZXIgaDIge1xuICAgIGZvbnQtc2l6ZTogMS41ZW07XG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgICBsaW5lLWhlaWdodDogMTsgfVxuXG4uZGVtbyAuZGVtb19fdGFibGUtaGVhZGVyIHtcbiAgbWFyZ2luOiAxMnB4IDAgNnB4OyB9XG5cbi5kZW1vIC5kZW1vX19pdGVtIHtcbiAgYm9yZGVyOiAxcHggc29saWQgI2RkZDsgfVxuXG4uZGVtbyAuZGVtb19fZXhhbXBsZSB7XG4gIG1hcmdpbi1ib3R0b206IDEycHg7XG4gIHBhZGRpbmctYm90dG9tOiAxMnB4O1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2RkZDsgfVxuXG4uZGVtbyAudGFibGUge1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTsgfVxuICAuZGVtbyAudGFibGUgLnRhYmxlX19oZWFkIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGRkO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7IH1cbiAgLmRlbW8gLnRhYmxlIHRkIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZGRkO1xuICAgIHBhZGRpbmc6IDZweCAxMnB4OyB9XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gLi9kb2NzL21haW4uc2NzcyJdLCJzb3VyY2VSb290IjoiIn0=*/