UNPKG

react-demo-page

Version:

Build a demo page for your react component with ease

5 lines 32.7 kB
/*! * react-demo-page v0.3.6 - https://github.com/xuopled/react-demo-page#readme * MIT Licensed */@import url(http://fonts.googleapis.com/css?family=Fira+Mono);pre[class*=language-]{overflow:visible;padding:0}pre[class*=language-]>code{position:relative;border-left:10px solid #358ccb;-webkit-box-shadow:-1px 0 0 0 #358ccb,0 0 0 1px #dfdfdf;box-shadow:-1px 0 0 0 #358ccb,0 0 0 1px #dfdfdf;background-color:#fdfdfd;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,rgba(69,142,209,.04)));background-image:-o-linear-gradient(transparent 50%,rgba(69,142,209,.04) 50%);background-image:linear-gradient(transparent 50%,rgba(69,142,209,.04) 0);background-size:3em 3em;background-origin:content-box;background-attachment:local}code[class*=language]{max-height:inherit;height:100%;padding:0 1em;display:block;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background-color:#fdfdfd;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:1em}:not(pre)>code[class*=language-]{position:relative;color:#c92c2c;border:1px solid rgba(0,0,0,.1);display:inline}pre[class*=language-]:after,pre[class*=language-]:before{content:"";z-index:-2;display:block;position:absolute;bottom:.75em;left:.18em;width:40%;height:20%;max-height:13em;-webkit-box-shadow:0 13px 8px #979797;box-shadow:0 13px 8px #979797;-webkit-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg)}:not(pre)>code[class*=language-]:after,pre[class*=language-]:after{right:.75em;left:auto;-webkit-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg)}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#7d8b99}.token.punctuation{color:#5f6364}.token.boolean,.token.constant,.token.deleted,.token.function-name,.token.number,.token.property,.token.symbol,.token.tag{color:#c92c2c}.token.attr-name,.token.builtin,.token.char,.token.function,.token.inserted,.token.selector,.token.string{color:#2f9c0a}.token.entity,.token.operator,.token.url,.token.variable{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.class-name,.token.keyword{color:#1990b8}.language-css .token.string,.style .token.string{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.important{font-weight:400}@media screen and (max-width:767px){pre[class*=language-]:after,pre[class*=language-]:before{bottom:14px;-webkit-box-shadow:none;box-shadow:none}}.token.cr:before,.token.lf:before,.token.tab:not(:empty):before{color:#e0d7d1}pre[class*=language-].line-numbers{padding-left:0}pre[class*=language-].line-numbers code{padding-left:3.8em}pre[class*=language-].line-numbers .line-numbers-rows{left:0}pre[class*=language-][data-line]{padding-top:0;padding-bottom:0;padding-left:0}pre[data-line] code{position:relative;padding-left:4em}pre .line-highlight{margin-top:0}:not(pre)>code[class*=language-],pre[class*=language-]{background:#4d4033}pre[class*=language-]{border:.3em solid #7a6652}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#998066}.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag{color:#d1949e}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#bde052}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f5b83d}.token.atrule,.token.attr-value,.token.keyword{color:#d1949e}.token.important,.token.regex{color:#e90}pre[class*=language-]{padding:.4em .8em;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgba(0,0,0,.2)'%3E%3Cpath d='M0 50L50 0H0zM0 100h50l50-50V0z'/%3E%3C/svg%3E");background-size:1em 1em}code[class*=language-]{background:#000;color:#fff;-webkit-box-shadow:-.3em 0 0 .3em #000,.3em 0 0 .3em #000;box-shadow:-.3em 0 0 .3em #000,.3em 0 0 .3em #000}:not(pre)>code[class*=language-]{padding:.2em;-webkit-box-shadow:none;box-shadow:none}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#aaa}.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag{color:#0cf}.token.attr-name,.token.builtin,.token.char,.token.selector,.token.string{color:#ff0}.language-css .token.string,.toke.variable,.token.entity,.token.inserted,.token.operator,.token.url{color:#9acd32}.token.atrule,.token.attr-value,.token.keyword{color:#ff1493}.token.important,.token.regex{color:orange}.token.deleted{color:red}code[class*=language-],pre[class*=language-]{color:#f8f8f2}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}.token.punctuation{color:#f8f8f2}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}code[class*=language-],pre[class*=language-]{color:#657b83}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:#073642}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#073642}:not(pre)>code[class*=language-],pre[class*=language-]{background-color:#fdf6e3}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#93a1a1}.token.punctuation{color:#586e75}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#268bd2}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string,.token.url{color:#2aa198}.token.entity{color:#657b83;background:#eee8d5}.token.atrule,.token.attr-value,.token.keyword{color:#859900}.token.function{color:#b58900}.token.important,.token.regex,.token.variable{color:#cb4b16}code[class*=language-],pre[class*=language-]{color:#ccc}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.inserted{color:green}code[class*=language-],pre[class*=language-]{text-shadow:0 -.1em .2em #000}:not(pre)>code[class*=language-],pre[class*=language-]{background:#141414}pre[class*=language-]{border-radius:.5em;border:.3em solid #545454;-webkit-box-shadow:1px 1px .5em #000 inset;box-shadow:inset 1px 1px .5em #000}pre[class*=language-]::-moz-selection{background:#27292a}pre[class*=language-]::selection{background:#27292a}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:hsla(0,0%,93%,.15)}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:hsla(0,0%,93%,.15)}:not(pre)>code[class*=language-]{border:.13em solid #545454}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#787878}.token.punctuation{opacity:.7}.token.boolean,.token.deleted,.token.number,.token.tag{color:#cf694a}.token.builtin,.token.constant,.token.keyword,.token.property,.token.selector,.token.symbol{color:#f9ee9a}.language-css .token.string,.style .token.string,.token.attr-name,.token.attr-value,.token.char,.token.entity,.token.inserted,.token.operator,.token.string,.token.url,.token.variable{color:#919e6b}.token.atrule{color:#7386a5}.token.important,.token.regex{color:#e9c163}.language-markup .token.attr-name,.language-markup .token.punctuation,.language-markup .token.tag{color:#ad895c}.token{position:relative;z-index:1}.line-highlight{background:rgba(84,84,84,.25);background:-webkit-gradient(linear,left top,right top,color-stop(70%,rgba(84,84,84,.1)),to(rgba(84,84,84,0)));background:-o-linear-gradient(left,rgba(84,84,84,.1) 70%,rgba(84,84,84,0));background:linear-gradient(90deg,rgba(84,84,84,.1) 70%,rgba(84,84,84,0));border-bottom:1px dashed #545454;border-top:1px dashed #545454;margin-top:.75em;padding:inherit 0;z-index:0}.line-highlight:before,.line-highlight[data-end]:after{background-color:#8794a6;border-radius:999px;-webkit-box-shadow:0 1px #fff;box-shadow:0 1px #fff;color:#f5f2f0;top:.4em;vertical-align:.3em}code[class*=language-],pre[class*=language-]{color:#c5c8c6;text-shadow:0 1px rgba(0,0,0,.3);font-family:Inconsolata,Monaco,Consolas,Courier New,Courier,monospace}pre[class*=language-]{border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#1d1f21}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#7c7c7c}.token.punctuation{color:#c5c8c6}.token.keyword,.token.property,.token.tag{color:#96cbfe}.token.class-name{color:#ffffb6;text-decoration:underline}.token.boolean,.token.constant{color:#9c9}.token.deleted,.token.symbol{color:#f92672}.token.number{color:#ff73fd}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a8ff60}.token.variable{color:#c6c5fe}.token.operator{color:#ededed}.token.entity{color:#ffffb6}.token.url{color:#96cbfe}.language-css .token.string,.style .token.string{color:#87c38a}.token.atrule,.token.attr-value{color:#f9ee98}.token.function{color:#dad085}.token.regex{color:#e9c062}.token.important{color:#fd971f}code[class*=language-],pre[class*=language-]{background:#f5f7ff;color:#5e6687}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:#dfe2f1}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#dfe2f1}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#898ea4}.token.punctuation{color:#5e6687}.token.boolean,.token.number,.token.operator{color:#c76b29}.token.property{color:#c08b30}.token.tag{color:#3d8fd1}.token.string{color:#22a2c9}.token.selector{color:#6679cc}.token.attr-name{color:#c76b29}.language-css .token.string,.style .token.string,.token.entity,.token.url{color:#22a2c9}.token.attr-value,.token.control,.token.directive,.token.keyword,.token.unit{color:#ac9739}.token.atrule,.token.regex,.token.statement{color:#22a2c9}.token.placeholder,.token.variable{color:#3d8fd1}.token.inserted{border-bottom:1px dotted #202746}.token.important{color:#c94922}pre>code.highlight{outline:.4em solid #c94922}.line-numbers .line-numbers-rows{border-right-color:#dfe2f1}.line-numbers-rows>span:before{color:#979db4}.line-highlight{background:rgba(107,115,148,.2);background:-webkit-gradient(linear,left top,right top,color-stop(70%,rgba(107,115,148,.2)),to(rgba(107,115,148,0)));background:-o-linear-gradient(left,rgba(107,115,148,.2) 70%,rgba(107,115,148,0));background:linear-gradient(90deg,rgba(107,115,148,.2) 70%,rgba(107,115,148,0))}code[class*=language-],pre[class*=language-]{text-shadow:0 1px 1px #000;line-height:1.4;border:0}pre[class*=language-] code{float:left;padding:0 15px 0 0}:not(pre)>code[class*=language-],pre[class*=language-]{background:#222}pre[class*=language-]{margin:1em 0;border-radius:8px}:not(pre)>code[class*=language-]{padding:5px 10px;line-height:1;border-radius:3px}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#797979}.token.operator,.token.punctuation,.token.selector{color:#fff}.token.boolean,.token.tag{color:#ffd893}.token.atrule,.token.attr-value,.token.hex,.token.string{color:#b0c975}.token.attr-name,.token.entity,.token.keyword,.token.property,.token.url{color:#c27628}.token.regex{color:#9b71c6}.token.constant,.token.function{color:#e5a638}.token.variable{color:#fdfba8}.token.number{color:#8799b0}.token.deliminator,.token.important{color:#e45734}pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;margin-top:1em;background:hsla(0,0%,100%,.2);pointer-events:none;line-height:inherit;white-space:pre}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.3em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(0,0%,100%,.3);color:#fff;font:700 65%/1.5 sans-serif;text-align:center;border-radius:8px;text-shadow:none}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers-rows{margin:0}.line-numbers-rows span{padding-right:10px;border-right:3px solid #d9d336}code[class*=language-],pre[class*=language-]{background:#2a2734;color:#9a86fd}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:#6a51e6}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#6a51e6}.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.punctuation{color:#6c6783}.token.number,.token.operator,.token.tag{color:#e09142}.token.function,.token.property{color:#9a86fd}.token.atrule-id,.token.selector,.token.tag-id{color:#eeebff}.token.attr-name,code.language-javascript{color:#c4b9fe}.language-css .token.string,.language-scss .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.boolean,.token.control,.token.directive,.token.entity,.token.keyword,.token.placeholder,.token.regex,.token.statement,.token.string,.token.unit,.token.url,.token.variable,code.language-css,code.language-scss{color:#fc9}.token.inserted{border-bottom:1px dotted #eeebff}.token.important{color:#c4b9fe}pre>code.highlight{outline:.4em solid #8a75f5}.line-numbers .line-numbers-rows{border-right-color:#2c2937}.line-numbers-rows>span:before{color:#3c3949}.line-highlight{background:rgba(224,145,66,.2);background:-webkit-gradient(linear,left top,right top,color-stop(70%,rgba(224,145,66,.2)),to(rgba(224,145,66,0)));background:-o-linear-gradient(left,rgba(224,145,66,.2) 70%,rgba(224,145,66,0));background:linear-gradient(90deg,rgba(224,145,66,.2) 70%,rgba(224,145,66,0))}code[class*=language-],pre[class*=language-]{background:#322d29;color:#88786d}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:#6f5849}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#6f5849}.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.punctuation{color:#6a5f58}.token.number,.token.operator,.token.tag{color:#bfa05a}.token.function,.token.property{color:#88786d}.token.atrule-id,.token.selector,.token.tag-id{color:#fff3eb}.token.attr-name,code.language-javascript{color:#a48774}.language-css .token.string,.language-scss .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.boolean,.token.control,.token.directive,.token.entity,.token.keyword,.token.placeholder,.token.regex,.token.statement,.token.string,.token.unit,.token.url,.token.variable,code.language-css,code.language-scss{color:#fcc440}.token.inserted{border-bottom:1px dotted #fff3eb}.token.important{color:#a48774}pre>code.highlight{outline:.4em solid #816d5f}.line-numbers .line-numbers-rows{border-right-color:#35302b}.line-numbers-rows>span:before{color:#46403d}.line-highlight{background:rgba(191,160,90,.2);background:-webkit-gradient(linear,left top,right top,color-stop(70%,rgba(191,160,90,.2)),to(rgba(191,160,90,0)));background:-o-linear-gradient(left,rgba(191,160,90,.2) 70%,rgba(191,160,90,0));background:linear-gradient(90deg,rgba(191,160,90,.2) 70%,rgba(191,160,90,0))}code[class*=language-],pre[class*=language-]{background:#2a2d2a;color:#687d68}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:#435643}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#435643}.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.punctuation{color:#535f53}.token.number,.token.operator,.token.tag{color:#a2b34d}.token.function,.token.property{color:#687d68}.token.atrule-id,.token.selector,.token.tag-id{color:#f0fff0}.token.attr-name,code.language-javascript{color:#b3d6b3}.language-css .token.string,.language-scss .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.boolean,.token.control,.token.directive,.token.entity,.token.keyword,.token.placeholder,.token.regex,.token.statement,.token.string,.token.unit,.token.url,.token.variable,code.language-css,code.language-scss{color:#e5fb79}.token.inserted{border-bottom:1px dotted #f0fff0}.token.important{color:#b3d6b3}pre>code.highlight{outline:.4em solid #5c705c}.line-numbers .line-numbers-rows{border-right-color:#2c302c}.line-numbers-rows>span:before{color:#3b423b}.line-highlight{background:rgba(162,179,77,.2);background:-webkit-gradient(linear,left top,right top,color-stop(70%,rgba(162,179,77,.2)),to(rgba(162,179,77,0)));background:-o-linear-gradient(left,rgba(162,179,77,.2) 70%,rgba(162,179,77,0));background:linear-gradient(90deg,rgba(162,179,77,.2) 70%,rgba(162,179,77,0))}code[class*=language-],pre[class*=language-]{background:#faf8f5;color:#728fcb}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:#faf8f5}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#faf8f5}.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.punctuation{color:#b6ad9a}.token.number,.token.operator,.token.tag{color:#063289}.token.function,.token.property{color:#b29762}.token.atrule-id,.token.selector,.token.tag-id{color:#2d2006}.token.attr-name,code.language-javascript{color:#896724}.language-css .token.string,.language-scss .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.boolean,.token.control,.token.directive,.token.entity,.token.keyword,.token.regex,.token.statement,.token.string,.token.unit,.token.url,code.language-css,code.language-scss{color:#728fcb}.token.placeholder,.token.variable{color:#93abdc}.token.inserted{border-bottom:1px dotted #2d2006}.token.important{color:#896724}pre>code.highlight{outline:.4em solid #896724}.line-numbers .line-numbers-rows{border-right-color:#ece8de}.line-numbers-rows>span:before{color:#cdc4b1}.line-highlight{background:rgba(45,32,6,.2);background:-webkit-gradient(linear,left top,right top,color-stop(70%,rgba(45,32,6,.2)),to(rgba(45,32,6,0)));background:-o-linear-gradient(left,rgba(45,32,6,.2) 70%,rgba(45,32,6,0));background:linear-gradient(90deg,rgba(45,32,6,.2) 70%,rgba(45,32,6,0))}code[class*=language-],pre[class*=language-]{background:#1d262f;color:#57718e}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:#004a9e}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#004a9e}.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.punctuation{color:#4a5f78}.token.number,.token.operator,.token.tag{color:#0aa370}.token.function,.token.property{color:#57718e}.token.atrule-id,.token.selector,.token.tag-id{color:#ebf4ff}.token.attr-name,code.language-javascript{color:#7eb6f6}.language-css .token.string,.language-scss .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.boolean,.token.control,.token.directive,.token.entity,.token.keyword,.token.placeholder,.token.regex,.token.statement,.token.string,.token.unit,.token.url,.token.variable,code.language-css,code.language-scss{color:#47ebb4}.token.inserted{border-bottom:1px dotted #ebf4ff}.token.important{color:#7eb6f6}pre>code.highlight{outline:.4em solid #34659d}.line-numbers .line-numbers-rows{border-right-color:#1f2932}.line-numbers-rows>span:before{color:#2c3847}.line-highlight{background:rgba(10,163,112,.2);background:-webkit-gradient(linear,left top,right top,color-stop(70%,rgba(10,163,112,.2)),to(rgba(10,163,112,0)));background:-o-linear-gradient(left,rgba(10,163,112,.2) 70%,rgba(10,163,112,0));background:linear-gradient(90deg,rgba(10,163,112,.2) 70%,rgba(10,163,112,0))}code[class*=language-],pre[class*=language-]{font-family:Consolas,Menlo,Monaco,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Courier New,Courier,monospace;background:#24242e;color:#767693}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:#5151e6}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#5151e6}.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.punctuation{color:#5b5b76}.token.number,.token.operator,.token.tag{color:#dd672c}.token.function,.token.property{color:#767693}.token.atrule-id,.token.selector,.token.tag-id{color:#ebebff}.token.attr-name,code.language-javascript{color:#aaaaca}.language-css .token.string,.language-scss .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.boolean,.token.control,.token.directive,.token.entity,.token.keyword,.token.placeholder,.token.regex,.token.statement,.token.string,.token.unit,.token.url,.token.variable,code.language-css,code.language-scss{color:#fe8c52}.token.deleted{text-decoration:line-through}.token.inserted{border-bottom:1px dotted #ebebff;text-decoration:none}.token.important{color:#aaaaca}pre>code.highlight{outline:.4em solid #7676f4}.line-numbers .line-numbers-rows{border-right-color:#262631}.line-numbers-rows>span:before{color:#393949}.line-highlight{background:rgba(221,103,44,.2);background:-webkit-gradient(linear,left top,right top,color-stop(70%,rgba(221,103,44,.2)),to(rgba(221,103,44,0)));background:-o-linear-gradient(left,rgba(221,103,44,.2) 70%,rgba(221,103,44,0));background:linear-gradient(90deg,rgba(221,103,44,.2) 70%,rgba(221,103,44,0))}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#998}.token.attr-value,.token.string{color:#e3116c}.token.boolean,.token.constant,.token.entity,.token.inserted,.token.number,.token.property,.token.regex,.token.symbol,.token.url,.token.variable{color:#36acaa}.language-autohotkey .token.selector,.token.atrule,.token.attr-name,.token.keyword{color:#00a4db}.language-autohotkey .token.tag,.token.deleted,.token.function{color:#9a050f}.language-autohotkey .token.keyword,.token.selector,.token.tag{color:#00009f}.token.bold,.token.function,.token.important{font-weight:700}code[class*=language-],pre[class*=language-]{color:#fff;font-family:Fira Mono,Menlo,Monaco,Lucida Console,Courier New,Courier,monospace;font-size:16px;line-height:1.375;background:#322931;color:#b9b5b8}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#797379}.token.punctuation{color:#b9b5b8}.token.boolean,.token.null,.token.number,.token.operator{color:#fd8b19}.token.property{color:#fdcc59}.token.tag{color:#1290bf}.token.string{color:#149b93}.token.selector{color:#c85e7c}.token.attr-name{color:#fd8b19}.language-css .token.string,.style .token.string,.token.entity,.token.url{color:#149b93}.token.attr-value,.token.control,.token.directive,.token.keyword,.token.unit{color:#8fc13e}.token.atrule,.token.regex,.token.statement{color:#149b93}.token.placeholder,.token.variable{color:#1290bf}.token.important{color:#dd464c;font-weight:700}pre>code.highlight{outline:.4em solid red;outline-offset:.4em}code[class*=language-],pre[class*=language-]{word-break:break-all;word-wrap:break-word;font-size:15px;color:#dccf8f;text-shadow:0}:not(pre)>code[class*=language-],pre[class*=language-]{border-radius:5px;border:1px solid #000;color:#dccf8f;background:#181914 url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAMAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQACQYGBgcGCQcHCQ0IBwgNDwsJCQsPEQ4ODw4OERENDg4ODg0RERQUFhQUERoaHBwaGiYmJiYmKysrKysrKysrKwEJCAgJCgkMCgoMDwwODA8TDg4ODhMVDg4PDg4VGhMRERERExoXGhYWFhoXHR0aGh0dJCQjJCQrKysrKysrKysr/8AAEQgAjACMAwEiAAIRAQMRAf/EAF4AAQEBAAAAAAAAAAAAAAAAAAABBwEBAQAAAAAAAAAAAAAAAAAAAAIQAAEDAwIHAQEAAAAAAAAAAADwAREhYaExkUFRcYGxwdHh8REBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AyGFEjHaBS2fDDs2zkhKmBKktb7km+ZwwCnXPkLVmCTMItj6AXFxRS465/BTnkAJvkLkJe+7AKKoi2AtRS2zuAWsCb5GOlBN8gKfmuGHZ8MFqIth3ALmFoFwbwKWyAlTAp17uKqBvgBD8sM4fTjhvAhkzhaRkBMKBrfs7jGPIpzy7gFrAqnC0C0gB0EWwBDW2cBVQwm+QtPpa3wBO3sVvszCnLAhkzgL5/RLf13cLQd8/AGlu0Cb5HTx9KuAEieGJEdcehS3eRTp2ATdt3CpIm+QtZwAhROXFeb7swp/ahaM3kBE/jSIUBc/AWrgBN8uNFAl+b7sAXFxFn2YLUU5Ns7gFX8C4ib+hN8gFWXwK3bZglxEJm+gKdciLPsFV/TClsgJUwKJ5FVA7tvIFrfZhVfGJDcsCKaYgAqv6YRbE+RWOWBtu7+AL3yRalXLyKqAIIfk+zARbDgFyEsncYwJvlgFRW+GEWntIi2P0BooyFxcNr8Ep3+ANLbMO+QyhvbiqdgC0kVvgUUiLYgBS2QtPbiVI1/sgOmG9uO+Y8DW+7jS2zAOnj6O2BndwuIAUtkdRN8gFoK3wwXMQyZwHVbClsuNLd4E3yAUR6FVDBR+BafQGt93LVMxJTv8ABts4CVLhcfYWsCb5kC9/BHdU8CLYFY5bMAd+eX9MGthhpbA1vu4B7+RKkaW2Yq4AQtVBBFsAJU/AuIXBhN8gGWnstefhiZyWvLAEnbYS1uzSFP6Jvn4Baxx70JKkQojLib5AVTey1jjgkKJGO0AKWyOm7N7cSpgSpAdPH0Tfd/gp1z5C1ZgKqN9J2wFxcUUuAFLZAm+QC0Fb4YUVRFsAOvj4KW2dwtYE3yAWk/wS/PLMKfmuGHZ8MAXF/Ja32Yi5haAKWz4Ydm2cSpgU693Atb7km+Zwwh+WGcPpxw3gAkzCLY+iYUDW/Z3Adc/gpzyFrAqnALkJe+7DoItgAtRS2zuKqGE3yAx0oJvkdvYrfZmALURbDuL5/RLf13cAuDeBS2RpbtAm+QFVA3wR+3fUtFHoBDJnC0jIXH0HWsgMY8inPLuOkd9chp4z20ALQLSA8cI9jYAIa2zjzjBd8gRafS1vgiUho/kAKcsCGTOGWvoOpkAtB3z8Hm8x2Ff5ADp4+lXAlIvcmwH/2Q==") repeat 0 0}pre[class*=language-]{padding:12px}:not(pre)>code[class*=language-]{padding:2px 6px}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#586e75}.token.builtin,.token.char,.token.inserted,.token.number,.token.string{color:#468966}.token.attr-name{color:#b89859}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#dccf8f}.token.regex,.token.selector{color:#859900}.token.atrule,.token.keyword{color:#cb4b16}.token.attr-value{color:#468966}.token.function,.token.placeholder,.token.variable{color:#b58900}.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag{color:#b89859}.token.tag{color:#ffb03b}.token.deleted,.token.important,.token.statement{color:#dc322f}.token.punctuation{color:#dccf8f}.token.bold{font-weight:700}code[class*=language-],pre[class*=language-]{color:#393a34;font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;direction:ltr;font-size:.95em;line-height:1.2em}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:#00f}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#00f}pre[class*=language-]{border:1px solid #ddd;background-color:#fff}:not(pre)>code[class*=language-]{padding:1px .2em;background:#f8f8f8;border:1px solid #ddd}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:green;font-style:italic}.token.string{color:#a31515}.token.operator,.token.punctuation{color:#393a34}.token.boolean,.token.constant,.token.inserted,.token.number,.token.symbol,.token.url,.token.variable{color:#36acaa}.language-autohotkey .token.selector,.token.atrule,.token.attr-value,.token.keyword,code[class*=language-css]{color:#00f}.token.function{color:#393a34}.language-autohotkey .token.tag,.token.deleted{color:#9a050f}.language-autohotkey .token.keyword,.token.selector{color:#00009f}.token.class-name{color:#2b91af}.token.selector,.token.tag{color:maroon}.token.attr-name,.token.entity,.token.property,.token.regex{color:red}.token.directive.tag .tag{background:#ff0;color:#393a34}code[class*=language-],pre[class*=language-]{-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre-wrap;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;color:#76d9e6;text-shadow:none}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2a2a2a}pre[class*=language-]{padding:15px;border-radius:4px;border:1px solid #e1e1e8;position:relative}pre[class*=language-] code{white-space:pre;display:block}:not(pre)>code[class*=language-]{padding:.15em .2em .05em;border:.13em solid #7a6652;-webkit-box-shadow:1px 1px .3em -.1em #000 inset;box-shadow:inset 1px 1px .3em -.1em #000}.token.namespace{opacity:.7}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6f705e}.token.boolean,.token.number,.token.operator{color:#a77afe}.language-css .token.string,.style .token.string,.token.attr-name,.token.entity,.token.string,.token.url{color:#e6d06c}.token.inserted,.token.selector{color:#a6e22d}.token.atrule,.token.attr-value,.token.deleted,.token.important,.token.keyword{color:#ef3b7d}.token.regex,.token.statement{color:#76d9e6}.token.placeholder,.token.variable{color:#fff}.token.bold,.token.important,.token.statement{font-weight:700}.token.punctuation{color:#bebec5}code.language-markup{color:#f9f9f9}code.language-markup .token.tag{color:#ef3b7d}code.language-markup .token.attr-name{color:#a6e22d}code.language-markup .token.attr-value{color:#e6d06c}code.language-markup .token.script,code.language-markup .token.script .token.keyword,code.language-markup .token.style{color:#76d9e6}pre[class*=language-][data-line]{position:relative;padding:1em 0 1em 3em}pre[data-line] .line-highlight{position:absolute;left:0;right:0;padding:0;margin-top:1em;background:hsla(0,0%,100%,.08);pointer-events:none;line-height:inherit;white-space:pre}pre[data-line] .line-highlight:before,pre[data-line] .line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:.2em .5em;background-color:hsla(0,0%,100%,.4);color:#000;font:700 65%/1 sans-serif;height:1em;line-height:1em;text-align:center;border-radius:999px;text-shadow:none;-webkit-box-shadow:0 1px 1px hsla(0,0%,100%,.7);box-shadow:0 1px 1px hsla(0,0%,100%,.7)}pre[data-line] .line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help} /*# sourceMappingURL=main.cd6955f8.css.map */