*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;-webkit-touch-callout:none;overflow:hidden;background:#010101}#root{overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.main{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff}.main>.code{position:absolute;right:10vw;margin-right:-60px;width:640px;max-width:80%;height:100%;display:flex;align-items:center;justify-content:center}.code-container{position:relative;margin-bottom:-60px}.counter{position:absolute;top:-100px;right:-20px;color:#fff;background:#394a52;padding:40px;border-radius:10px;box-shadow:0 16px 40px -5px #00000080;width:120px;height:120px;font-size:3em}.counter>span{position:absolute;left:50%;top:50%;margin-top:-15px;transform:translate3d(-50%,-50%,0)}.counter>button{margin:10px;padding:5px 10px;position:absolute;left:0;bottom:0;width:100px;border-radius:5px;border:solid 2px white;outline:none;background:transparent;color:#fff;cursor:pointer}.code-container pre[class*=language-]{margin-top:-50px;display:inline-block;width:auto!important;padding:40px 50px 40px 45px;font-size:.8rem!important;border-radius:10px!important;box-shadow:0 16px 40px -5px #000;white-space:pre-wrap!important}span.header-left{font-weight:700;text-transform:uppercase;position:absolute;display:inline-block;top:40px;left:40px;font-size:3em;color:#fff;line-height:1em}a{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-weight:400;font-size:16px;color:inherit;position:absolute;display:inline;text-decoration:none}.nav{align-items:center;display:flex;gap:16px;justify-content:flex-end;left:40px;position:fixed;right:40px;top:40px}.nav a{position:relative;flex:0 0 auto}a.bottom-left{bottom:40px;left:40px}a.bottom-right{bottom:40px;right:40px}.snippet-container{display:flex;align-items:center;gap:4px;position:absolute;bottom:0;right:0;padding:5px}.snippet-lang{background-color:#272822;color:#fff;outline:0;border:0}.copy-button{box-shadow:none;text-decoration:none;font-size:14px;font-family:sans-serif;line-height:1;padding:12px;width:auto;border-radius:5px;border:0;outline:none;background:transparent;color:#f8f9fa;cursor:pointer}.copy-button:hover{background-color:#5f5e5d}@media only screen and (max-width: 700px){span.header-left{font-size:1em}.main>.code{margin-right:-0px}.code-container>pre[class*=language-]{font-size:.6rem!important;border-radius:10px 10px 0 0!important}.counter{position:absolute;top:-120px}}code[class*=language-],pre[class*=language-]{color:#e4f0fb!important;background:none!important;text-shadow:0 1px rgba(0,0,0,.3)!important;font-family:Menlo,Monaco,Courier New,monospace!important;font-size:.95em!important;text-align:left!important;white-space:pre!important;word-spacing:normal!important;word-break:normal!important;word-wrap:normal!important;line-height:1.5!important;-moz-tab-size:4!important;-o-tab-size:4!important;tab-size:4!important;-webkit-hyphens:none!important;-moz-hyphens:none!important;-ms-hyphens:none!important;hyphens:none!important}pre[class*=language-]{padding:3.75em!important;margin:-2.5em 0!important;overflow:auto!important;border-radius:.75em!important}:not(pre)>code[class*=language-],pre[class*=language-]{background:#252b37!important}:not(pre)>code[class*=language-]{padding:.1em!important;border-radius:.3em!important;white-space:normal!important}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#a6accd!important}.token.punctuation{color:#e4f0fb!important}.token.namespace{opacity:.7!important}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#e4f0fb!important}.token.boolean,.token.number,.token.selector,.token.attr-value,.token.string,.token.char,.token.builtin,.token.inserted{color:#5de4c7!important}.token.attr-name,.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#add7ff!important}.token.atrule,.token.function,.token.class-name{color:#5de4c7!important}.token.keyword{color:#add7ff!important}.token.regex,.token.important{color:#fffac2!important}.token.important,.token.bold{font-weight:700!important}.token.italic{font-style:italic!important}.token.entity{cursor:help!important}