*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{--background-color:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#1b1b1d);color:var(--lightningcss-light,#6a6a6a)var(--lightningcss-dark,#e3e3e3);--color-border:var(--lightningcss-light,#ddd)var(--lightningcss-dark,#606770);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background-color:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#1b1b1d)}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;font-size:12px;line-height:1.25}body{flex-direction:column;height:100vh;margin:0;display:flex}#root,.playground-container{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}header{color:#e0e0e0;z-index:20;background-color:#1a2b34;flex-wrap:nowrap;justify-content:space-between;align-items:center;height:30px;padding:11px 27px;display:flex;position:relative}@media (width<=400px){header{padding:10px}.github-button{display:none}}header a,header a:visited,header a:focus,header a:active,header a:hover{color:#fff;text-decoration:none}.theme-icon{padding-block:2px}.editors-container{flex:1;min-height:0;display:flex}.editors{flex-flow:wrap;flex:1;display:flex}.editor{box-sizing:border-box;border-bottom:1px solid var(--color-border);flex:100%;display:flex;position:relative}.disabled-output-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px}.disabled-output-panel .explanation{color:#8b0000;max-width:400px;font-size:16px}.disabled-output-panel .btn{padding:10px 20px;font-size:22px}.editor{position:relative}@media (width>=800px){.options-container{border-right:0}.editor{border-left:1px solid var(--color-border);flex-basis:50%;margin-left:-1px}}@media (width>=1200px){.editor{flex-basis:25%}}.editor.loading{opacity:0}.editor__name{color:#fff;opacity:.4;pointer-events:none;background:#000;border-start-end-radius:4px;padding:.25em .5em;position:absolute;inset-block-end:0;inset-inline-start:0}.bottom-bar{position:relative}.bottom-bar-buttons{z-index:10;float:left;padding:8px;display:flex}.bottom-bar-buttons-right{float:right}.bottom-bar-buttons>*+*{margin-left:9px}@media (width<=799px){.bottom-bar-buttons{padding:2px;top:auto;bottom:100%}.bottom-bar-buttons>*+*{margin-left:2px}}.options-container{box-sizing:border-box;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);flex:0 auto;width:225px;display:none;overflow-y:auto}.options-container.open{display:block}.options{flex-direction:column;max-height:100%;display:flex;overflow:auto}.sub-options{border-bottom:1px solid var(--color-border);flex:1;padding:15px 0 10px}.sub-options:last-child{border:0}.sub-options>summary{cursor:pointer;padding-bottom:5px;font-size:14px;font-weight:700}.sub-options>summary:focus{outline:0}.sub-options>*{margin-left:10px}label{margin:10px 0;font-family:Consolas,Courier New,Courier,monospace;display:block}input[type=number]{max-width:40px}.btn{box-sizing:content-box;color:var(--lightningcss-light,#24292e)var(--lightningcss-dark,#fff);border:1px solid var(--color-border);cursor:pointer;background-image:linear-gradient(var(--lightningcss-light,#fafbfc)var(--lightningcss-dark,#090a11),var(--lightningcss-light,#e4ebf0)var(--lightningcss-dark,#000));border-radius:.25em;height:18px;padding:0 5px;font-family:inherit;font-size:11px;font-weight:600;line-height:18px;text-decoration:none;display:inline-block;position:relative}.btn:enabled:is(:hover,:active){border-color:var(--lightningcss-light,#afb1b2)var(--lightningcss-dark,#6f7b81)}.btn:enabled:hover{background-color:var(--lightningcss-light,#e6ebf1)var(--lightningcss-dark,#2c3a44);background-image:linear-gradient(var(--lightningcss-light,#f0f3f6)var(--lightningcss-dark,#1a2b34),var(--lightningcss-light,#dce3ec)var(--lightningcss-dark,#090a11))}.btn:enabled:active{background-color:var(--lightningcss-light,#e9ecef)var(--lightningcss-dark,#1a2b34);background-image:none;box-shadow:inset 0 .15em .3em #1b1f2326}.btn:disabled{opacity:.5}.tooltip{z-index:6;color:#fff;pointer-events:none;background-color:#000;border-radius:.4em;margin-top:4px;padding:.4em .8em;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:before{content:"";border:6px solid #0000;border-top-color:#000;border-bottom:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.cm-editor{height:100%;background-color:var(--background-color)!important}.cm-editor .cm-scroller{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;line-height:1.6}.cm-editor.cm-focused{outline:none}.cm-content{position:relative}.cm-editor .cm-gutters{border-right:1px solid var(--color-border);background:#f7f7f7}.cm-gutter{padding-inline:5px 3px}.cm-overlay-highlight{background-color:#ffdc7873}.cm-foldGutter .cm-gutterElement{cursor:pointer}html[data-theme=dark] .cm-overlay-highlight{background-color:#ffdc7852}html[data-theme=dark] .cm-gutters{color:#424242;background-color:#121212;border-right-color:#0000}.version-wrapper{flex:1;align-items:center;gap:.5em;display:flex}.version-link{opacity:.5}.header{align-items:center;gap:10px;display:flex}.logo-wrapper{align-items:center;display:flex}.logo-wrapper h1{margin:0;font-family:inherit;font-size:20px;font-weight:400;line-height:18px;display:block;position:relative}.logo{height:34px;margin-right:10px}.links{align-items:flex-end;gap:8px;display:flex}.github-button span{display:flex}