@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";:root[data-theme=dark]{--fontColor: white;--backgroundColor: #111;--backgroundColorTransparent: rgba(17, 17, 17, .75);--borderColor: #333;--buttonColor: #222}:root[data-theme=light]{--fontColor: black;--backgroundColor: #fff;--backgroundColorTransparent: rgba(255, 255, 255, .75);--borderColor: #e7e7e7;--buttonColor: #f7f7f7}:root{color:var(--fontColor);background:var(--backgroundColor)}*{margin:0;box-sizing:border-box;font-family:Source Code Pro,system-ui;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding-top:60px}a{color:#558bf6;text-decoration:none}.banner{padding:200px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.banner h1{margin-bottom:40px}.banner button{padding:12px 40px;background:#558bf6;box-shadow:0 4px #4273d7,inset 0 -1px #69f;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer}.banner button:active{transform:scale(.95);opacity:.25}.usage{display:flex;flex-direction:column;max-width:min(90vw,900px);margin:auto auto 40px}.usage hr{border:none;border-bottom:1px solid var(--borderColor);margin-top:10px;margin-bottom:10px}.usage p{opacity:.75}footer{padding:100px 20px 20px;text-align:center;font-size:14px}header{--headerHeight: 60px;position:fixed;top:0;left:0;right:0;height:var(--headerHeight);display:flex;align-items:center;justify-content:space-between;background:var(--backgroundColorTransparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--borderColor);z-index:9}header h1{font-size:24px}header button{width:var(--headerHeight);height:var(--headerHeight);display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer}header button svg{color:var(--fontColor);opacity:.33;width:16px}header button:hover svg{opacity:1}header button:active{transform:scale(.95);opacity:.15}figure{margin-top:10px}pre{width:100%;padding:15px 20px;border-radius:8px;background:var(--buttonColor)!important;font-size:16px;white-space:pre;overflow-x:auto}pre::-webkit-scrollbar{display:none}pre.dark .hljs{color:#abb2bf;background:#282c34}pre.dark .hljs-comment,pre.dark .hljs-quote{color:#5c6370;font-style:italic}pre.dark .hljs-doctag,pre.dark .hljs-keyword,pre.dark .hljs-formula{color:#c678dd}pre.dark .hljs-section,pre.dark .hljs-name,pre.dark .hljs-selector-tag,pre.dark .hljs-deletion,pre.dark .hljs-subst{color:#e06c75}pre.dark .hljs-literal{color:#56b6c2}pre.dark .hljs-string,pre.dark .hljs-regexp,pre.dark .hljs-addition,pre.dark .hljs-attribute,pre.dark .hljs-meta .hljs-string{color:#98c379}pre.dark .hljs-attr,pre.dark .hljs-variable,pre.dark .hljs-template-variable,pre.dark .hljs-type,pre.dark .hljs-selector-class,pre.dark .hljs-selector-attr,pre.dark .hljs-selector-pseudo,pre.dark .hljs-number{color:#d19a66}pre.dark code.javascript .hljs-attr{color:#e06c75}pre.dark .hljs-symbol,pre.dark .hljs-bullet,pre.dark .hljs-link,pre.dark .hljs-meta,pre.dark .hljs-selector-id,pre.dark .hljs-title{color:#61aeee}pre.dark .hljs-built_in,pre.dark .hljs-title.class_,pre.dark .hljs-class .hljs-title{color:#e6c07b}pre.dark .hljs-emphasis{font-style:italic}pre.dark .hljs-strong{font-weight:700}pre.dark .hljs-link{text-decoration:underline}pre.light .hljs{color:#383a42;background:#fafafa}pre.light .hljs-comment,pre.light .hljs-quote{color:#a0a1a7;font-style:italic}pre.light .hljs-doctag,pre.light .hljs-keyword,pre.light .hljs-formula{color:#a626a4}pre.light .hljs-section,pre.light .hljs-name,pre.light .hljs-selector-tag,pre.light .hljs-deletion,pre.light .hljs-subst{color:#e45649}pre.light .hljs-literal{color:#0184bb}pre.light .hljs-string,pre.light .hljs-regexp,pre.light .hljs-addition,pre.light .hljs-attribute,pre.light .hljs-meta .hljs-string{color:#50a14f}pre.light .hljs-attr,pre.light .hljs-variable,pre.light .hljs-template-variable,pre.light .hljs-type,pre.light .hljs-selector-class,pre.light .hljs-selector-attr,pre.light .hljs-selector-pseudo,pre.light .hljs-number{color:#d19a66}pre.light code.javascript .hljs-attr{color:#e45649}pre.light .hljs-symbol,pre.light .hljs-bullet,pre.light .hljs-link,pre.light .hljs-meta,pre.light .hljs-selector-id,pre.light .hljs-title{color:#4078f2}pre.light .hljs-built_in,pre.light .hljs-title.class_,pre.light .hljs-class .hljs-title{color:#c18401}pre.light .hljs-emphasis{font-style:italic}pre.light .hljs-strong{font-weight:700}pre.light .hljs-link{text-decoration:underline}
