*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);line-height:1.5;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.theme-light{--bg-color:#fff;--surface-color:#f5f6f8;--text-color:#17181c;--text-muted:#444851;--border-color:#eceef2;--code-bg:#f5f6f8;--header-bg:#fff;--accent-color:#0069cd;--accent-hover:#003166;--shadow:0 1px 3px #0000001a;--output-bg:#f5f6f8;--output-border:#c0c2c7}.theme-dark{--bg-color:#17181c;--surface-color:#24272f;--text-color:#fff;--text-muted:#a0a0b0;--border-color:#353841;--code-bg:#24272f;--header-bg:#17181c;--accent-color:#48b5ff;--accent-hover:#47d7ff;--shadow:0 1px 3px #0000004d;--output-bg:#24272f;--output-border:#545861}html.theme-dark pre>code span{color:var(--shiki-dark)}html.theme-light pre>code span{color:var(--shiki-light)}:root{--gap:0.75rem;--gap-double:calc(var(--gap)*2);--gap-triple:calc(var(--gap)*3);--gap-quad:calc(var(--gap)*4);--gap-half:calc(var(--gap)*0.5);--gap-quarter:calc(var(--gap)*0.25);--navbar-height:calc(var(--gap-double) + 30px);--border-radius:.25rem}.App{display:flex;flex-direction:column;min-height:100vh}.navbar{background-color:var(--header-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow);color:var(--text-color);height:calc(1.5rem + 30px);height:var(--navbar-height);justify-content:space-between;min-height:calc(1.5rem + 30px);min-height:var(--navbar-height);padding:.75rem;padding:var(--gap)}.logo,.navbar{align-items:center;display:flex}.logo{transition:color .2s ease}.logo-icon{display:inline-block;height:23px;transition:opacity .2s ease;width:109px}html.theme-light .logo-light{display:block}html.theme-dark .logo-light,html.theme-light .logo-dark{display:none}html.theme-dark .logo-dark{display:block}.nav-right{align-items:center;display:flex;gap:.75rem;gap:var(--gap)}.link{color:var(--text-muted);font-size:.875rem;text-decoration:none;transition:color .2s ease}.link:hover{color:var(--accent-color)}.theme-picker{align-items:center;display:flex}.theme-button{background:none;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:.3rem;transition:all .2s ease}.theme-button:hover{border-color:var(--accent-color);transform:translateY(-1px)}#playground{display:flex;flex-direction:column;flex-grow:1}#left{padding:.75rem;padding:var(--gap)}#output>*{padding:1rem}#right{background:var(--code-bg);display:flex;flex-direction:column;min-height:fit-content}#editor,#right{flex-grow:1;overflow:hidden}#editor{height:40vh;min-height:15rem}textarea{outline:0}#output{background:var(--output-bg);min-height:1rem;overflow:auto}#output>*{margin:0;white-space:pre-wrap}.output-content{color:var(--text-muted);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875em}@media (min-width:768px){#playground{flex-direction:row;min-height:calc(100dvh - 1.5rem - 30px);min-height:calc(100dvh - var(--navbar-height))}#left{height:100%;overflow-y:auto;width:50%;& h1:first-of-type,& h2:first-of-type{margin-top:0}}#right{border-left:1px solid var(--border-color);width:50%}#editor{border:none}#output{border-top:1px solid var(--border-color);height:33%}}@media (min-width:1200px) and (min-height:700px){#left,.navbar{padding:1.5rem;padding:var(--gap-double)}#right{border-left:initial;border-radius:.25rem;border-radius:var(--border-radius);box-shadow:var(--shadow);margin:1.5rem;margin:var(--gap-double);padding:2px 1px}}.content-nav{display:flex;flex-direction:column;justify-content:space-between}.content-nav h1{color:var(--text-color);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.content-text{flex:1 1}.content-text>*{margin-bottom:1.25rem}.content-text>:last-child{margin-bottom:0}.content-text p{color:var(--text-muted);font-size:1rem;line-height:1.6}.content-text pre{overflow:auto;padding:.5rem}.content-text code,.content-text pre{background:var(--code-bg);border-radius:.3rem}.content-text code{color:var(--text-color);font-family:Fira Code,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875em;padding:.125rem .25rem}.content-text pre>code{background:none;border-radius:0;padding:0}.content-text ul{list-style:none}.content-text ul>li{color:var(--text-muted);padding:4px 12px}.content-text a{color:var(--accent-color);text-decoration:none}.content-text a:hover{text-decoration:underline}.prev-next{align-items:center;border-top:1px solid var(--border-color);display:flex;font-size:.875rem;gap:.75rem;gap:var(--gap);justify-content:center;margin-top:2rem;padding:0 .75rem;padding:0 var(--gap);padding-top:2rem}.nav-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:inherit;padding:.5rem 0;text-decoration:none;transition:color .2s ease}.nav-btn:hover:not(:disabled){color:var(--accent-color)}.nav-btn:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5}.nav-btn.contents{color:var(--text-color);font-weight:500}.prev-next span{color:var(--text-muted)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--surface-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.dim-bg,.dim-bg *{position:relative}.dim-bg *{z-index:1}.dim-bg:before{background:inherit;content:"";filter:brightness(.4) saturate(1.3);inset:0;opacity:.3;position:absolute;z-index:0}.theme-light .dim-bg:before{filter:brightness(.8) saturate(1.3)}
/*# sourceMappingURL=main.4f3ebbf7.css.map*/