{"mappings":"AACA;;;;AAIA;;;;AAMA;;;;;AAOA;;;;;;;;AASA;;;;;;;;AAQA;;;;;;;AAOA;;;;;;;AAOA;;;;;;;AAOA;;;;AAIA;;;;;;;;AAQA;;;;AAKA;;;;AAMA;;;;AAGA;;;;AAGA;;;;AASA;;;;AAQA;;;;AAOA;;;;AAKA;;;;AAGA;;;;AAKA;;;;AAIA;;;;AAGA","sources":["example/styles.css"],"sourcesContent":["/* Page */\nhtml {\n  box-sizing: border-box;\n}\n\n*,\n*:before,\n*:after {\n  box-sizing: inherit;\n}\n\nhtml,\nbody,\n#root {\n  height: 100%;\n  width: 100%;\n}\n\nbody {\n  font-family: 'Fira code', 'Fira Mono', Consolas, Menlo, Courier, monospace;\n  font-size: 14px;\n  line-height: 1.5;\n  margin: 0;\n  padding: 0;\n}\n\n/* App */\n.container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  width: 100%;\n}\n\n.container__content {\n  width: 440px;\n  max-width: 100%;\n  padding: 10px;\n  text-align: center;\n}\n\n.container_editor_area {\n  tab-size: 4ch;\n  max-height: 400px;\n  overflow: auto;\n  margin: 1.67em 0;\n}\n\n.container__editor {\n  font-size: 12px;\n  font-variant-ligatures: common-ligatures;\n  background-color: #fafafa;\n  border-radius: 3px;\n}\n\n.container__editor textarea {\n  outline: 0;\n}\n\n.button {\n  display: inline-block;\n  padding: 0 6px;\n  text-decoration: none;\n  background: #000;\n  color: #fff;\n}\n\n.button:hover {\n  background: linear-gradient(45deg, #E42B66, #E2433F);\n}\n\n/* Syntax highlighting */\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n  color: #90a4ae;\n}\n.token.punctuation {\n  color: #9e9e9e;\n}\n.namespace {\n  opacity: 0.7;\n}\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n  color: #e91e63;\n}\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.inserted {\n  color: #4caf50;\n}\n.token.operator,\n.token.entity,\n.token.url,\n.language-css .token.string,\n.style .token.string {\n  color: #795548;\n}\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n  color: #3f51b5;\n}\n.token.function {\n  color: #f44336;\n}\n.token.regex,\n.token.important,\n.token.variable {\n  color: #ff9800;\n}\n.token.important,\n.token.bold {\n  font-weight: bold;\n}\n.token.italic {\n  font-style: italic;\n}\n.token.entity {\n  cursor: help;\n}\n"],"names":[],"version":3,"file":"index.css.map"}