.repl-output-tabs{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--repl-divider-color);padding:10px}.repl-tab-button{padding:8px 16px;background:none;border:none;cursor:pointer;font-size:14px;transition:all .2s ease;position:relative;color:var(--repl-text-secondary);font-weight:700;border-radius:3px;border:1px solid transparent}.repl-tab-button:hover,.repl-tab-button.active{background-color:var(--repl-hover)}.repl-tab-button.active{color:var(--repl-text-primary);background-color:var(--repl-hover);border-color:var(--repl-border-color)}.editor-container{height:100%;overflow:hidden;position:relative}.cm-editor{height:100%!important;width:100%!important;font-family:inherit}.cm-content{cursor:text!important}:root{--cm-font-family: "Fira Code", monospace;--cm-foreground: #393a3480;--cm-background: #fdfdfd;--cm-tooltip-background: #fff;--cm-comment: #a0ada0;--cm-string: #b56959;--cm-number: #296aa3;--cm-variable: #59873a;--cm-keyword: #1c6b48;--cm-property: #b58451;--cm-definition-keyword: #ab5959;--cm-punctuation: #8e8f8b;--cm-decorator: #b07d48;--cm-line-highlight-background: #c9c9c910;--cm-line-highlight-border: #b0b0b030;--cm-selection-background: #eeeeee;--cm-ttc-c-thumb: #eee;--cm-ttc-c-track: white}html[data-repl-theme=dark]{--cm-scheme: dark;--cm-foreground: #d4cfbf80;--cm-tooltip-background: #121212;--cm-background: #121212;--cm-comment: #758575;--cm-string: #d48372;--cm-keyword: #4d9375;--cm-number: #6394bf;--cm-variable: #c2b36e;--cm-property: #dd8e6e;--cm-definition-keyword: #cb7676;--cm-punctuation: #858585;--cm-decorator: #bd976a;--cm-line-number: #dedcd530;--cm-line-number-gutter: #eeeeee;--cm-line-highlight-background: #4d4d4d29;--cm-line-highlight-border: #3a3a3a80;--cm-selection-background: #242424;--cm-ttc-c-thumb: #3d3d3d;--cm-ttc-c-track: #000}.highlighted,.highlighted>span{border-bottom:1px dashed currentColor}.cm-s-solarized.cm-s-dark div.CodeMirror-selected,.cm-s-solarized.cm-s-light div.CodeMirror-selected,.CodeMirror-selected,.CodeMirror-focused .CodeMirror-selected{background:var(--cm-selection-background)}.sub_title{color:hsl(var(--muted-foreground))}.cm-scroller::-webkit-scrollbar{width:8px;height:8px}.full-scrolls .cm-scroller,.scrolls{overflow:auto!important;height:calc(100vh - 2px)!important;scrollbar-width:thin;scrollbar-color:var(--cm-ttc-c-thumb) var(--cm-ttc-c-track)}.scrolls-sidebar{height:calc(100vh - 92px - 2.5rem)!important}.overview-scrolls .cm-scroller{--use-overview-scrolls: var( --overview-scrolls, calc(100vh - 179px - 2rem) );height:var(--use-overview-scrolls)!important}.module-scrolls .cm-scroller{--use-module-scrolls: var(--module-scrolls, calc(100vh - 41px - 2.5rem) );height:var(--use-module-scrolls)!important}.repl-scrolls .cm-scroller{--use-repl-scrolls: var(--repl-scrolls, calc(100vh - 41px - 2.5rem) );height:var(--use-repl-scrolls)!important}.cm-scroller::-webkit-scrollbar-track{background:var(--cm-ttc-c-track)}.cm-scroller::-webkit-scrollbar-thumb{background-color:var(--cm-ttc-c-thumb);border-radius:3px;border:2px solid var(--cm-ttc-c-thumb)}.cm-scroller::-webkit-scrollbar-corner{background-color:var(--cm-ttc-c-track)}.react-repl-iframe-container{position:relative;height:100%}.react-repl-iframe-container>iframe{width:100%;height:100%;border:none;background-color:#fff}.react-repl-iframe-error{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);width:min(90%,44rem);padding:.65rem 3rem .65rem 1rem;border-radius:12px;border:1px solid var(--repl-error-border);background:var(--repl-error-bg);color:var(--repl-error-text);box-shadow:0 16px 30px #00000040;white-space:pre-wrap;animation:fadeInAlert .22s ease}.react-repl-iframe-error pre{margin:0;font-family:Menlo,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.95rem;letter-spacing:.01em}.react-repl-iframe-error-close{position:absolute;top:.35rem;right:.35rem;border:none;background:var(--repl-error-close-bg);color:var(--repl-error-close-text);width:1.5rem;height:1.5rem;border-radius:50%;font-size:.95rem;cursor:pointer;box-shadow:0 4px 12px #0000004d;display:inline-flex;align-items:center;justify-content:center}.react-repl-iframe-error-close:hover{opacity:.9}@keyframes fadeInAlert{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}:root[data-repl-theme=dark] .react-repl-iframe-error{--repl-error-border: #e76666;--repl-error-bg: #2f1c1c;--repl-error-text: #ff9c9c;--repl-error-close-bg: #f04d4d;--repl-error-close-text: #fff}:root[data-repl-theme=light] .react-repl-iframe-error{--repl-error-border: #ff6c6c;--repl-error-bg: #fff5f5;--repl-error-text: #a32626;--repl-error-close-bg: #ff6c6c;--repl-error-close-text: #fff}.repl-output-container{display:flex;flex-direction:column;height:100%}.repl-output-content{flex:1;overflow:auto}.repl-output-panel{height:100%;overflow:hidden;display:none}.repl-output-panel-active{display:block}.repl-split-panel-container{display:flex;width:100%;height:100%;position:relative;overflow:hidden}.repl-split-panel-container.dragging{cursor:ew-resize}.repl-split-panel-dragging{user-select:none;pointer-events:none}.repl-split-panel-left,.repl-split-panel-right{height:100%;overflow:auto;min-width:0}.repl-split-panel-divider{width:4px;background-color:var(--repl-divider-color);cursor:ew-resize;transition:background-color .2s;flex-shrink:0;position:relative;z-index:10;transition:transform .2s ease-in-out}.repl-split-panel-divider:hover,.repl-split-panel-divider:active{transform:scale(2)}:root{--repl-primary-color: #ffffff;--repl-divider-color: #e0e0e0;--repl-border-color: #e4e4e7;--repl-hover: #f4f4f5;--repl-text-primary: #000;--repl-text-secondary: #858585;--repl-bg-primary: #fdfdfd}html[data-repl-theme=dark]{--repl-primary-color: #09090b;--repl-divider-color: #27272a;--repl-border-color: #27272a;--repl-hover: #242428;--repl-text-primary: #fff;--repl-text-secondary: #858585;--repl-bg-primary: #09090b}.react-repl{height:100%;width:100%;margin:0;background-color:var(--repl-bg-primary)}.playground-button{background-color:transparent;color:var(--repl-text-secondary);font-weight:700;border-radius:3px;border:1px solid transparent;padding:5px;transition:all .2s ease;cursor:pointer;outline:none;border:none;position:relative}.playground-button:hover{color:var(--repl-text-primary)}.playground-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:var(--repl-text-primary);background-color:var(--repl-bg-primary);border-bottom:1px solid var(--repl-divider-color)}.playground-header .playground-header-title{display:flex;align-items:center;gap:10px}.playground-header .playground-header-logo{width:25px;height:25px}.playground-header .playground-header-actions{display:flex;gap:10px}body{margin:0}#root{display:flex;flex-direction:column;height:100vh}.react-repl{flex:1;height:0px}