*,:before,:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--bg-color:#fef7e7;--text-color:#1d1d1d;--nav-expanded-bg-color:#fdf0d3;--highlight-color:#ffd589;--bg-red:#ffd4c1;--orange:#ff5e00;--code-bg-color:var(--highlight-color);--link-color:#1e6b8a;--link-hover-color:#ff9167;--table-border-color:#d3d3c3;--table-odd-bg:var(--nav-expanded-bg-color);--table-head-color:var(--highlight-color);--default-font:"Inconsolata", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--special-font:Gluten;--default-bolder-font:Inconsolata-Bold;--player-avatar-radius-blob:40% 40% 40% 40% / 60% 30% 60% 50%}*{font-family:var(--default-font);color:var(--text-color);font-size:18px;line-height:25px}html,body,#root{font-family:var(--default-font);height:100%;color:var(--text-color);font-size:18px;line-height:25px;overflow:hidden}body{background-color:var(--bg-color)}a{font-family:var(--default-font);color:var(--link-color);text-decoration:underline;text-decoration-thickness:1px}a:hover{color:var(--link-hover-color)}h1,h2,h3,h4{font-family:var(--special-font);letter-spacing:-2%;margin-bottom:24px;font-weight:600;line-height:1.2em}h1{font-size:3em}h2{font-size:2.4em}h3{font-size:1.5em}h4{font-size:1.2em}@font-face{font-family:Gluten;src:url(/clyde-js/assets/Gluten-Regular-Ci9XIuy9.eot);src:url(/clyde-js/assets/Gluten-Regular-Ci9XIuy9.eot?#iefix)format("embedded-opentype"),url(/clyde-js/assets/Gluten-Regular-Ca983Xpy.woff2)format("woff2"),url(/clyde-js/assets/Gluten-Regular-BKPY1hGy.woff)format("woff"),url(/clyde-js/assets/Gluten-Regular-BMbq1k9c.svg#Gluten-Regular)format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inconsolata;src:url(/clyde-js/assets/Inconsolata.ttf-QcXVFPu-.woff)format("woff"),url(/clyde-js/assets/Inconsolata.ttf-BWZvuG7b.svg#Inconsolata)format("svg"),url(/clyde-js/assets/Inconsolata.ttf-DqTyur-I.eot),url(/clyde-js/assets/Inconsolata.ttf-DqTyur-I.eot?#iefix)format("embedded-opentype");font-weight:400;font-style:normal}@font-face{font-family:Inconsolata-Bold;src:url(/clyde-js/assets/Inconsolata-Bold.ttf-CkbNjlbC.woff)format("woff"),url(/clyde-js/assets/Inconsolata-Bold.ttf-Rri4Tg_T.svg#Inconsolata-Bold)format("svg"),url(/clyde-js/assets/Inconsolata-Bold.ttf-C_78wM1m.eot),url(/clyde-js/assets/Inconsolata-Bold.ttf-C_78wM1m.eot?#iefix)format("embedded-opentype");font-weight:400;font-style:normal}.app-container{flex-direction:column;height:100%;display:flex;overflow:hidden}.app-container header{margin:20px}.app-container header h1{margin-bottom:10px}.app-container main{height:100%;padding:10px;overflow:hidden}.editor-panel,.player-panel{height:100%;padding:20px 10px;overflow:hidden}.player-panel{flex-direction:column;display:flex}.separator{border-left:1px solid var(--highlight-color);align-items:center;height:100%;margin:0 20px;display:flex}code-input{color:var(--code-input_no-override-color,black);caret-color:var(--code-input_default-caret-color,inherit);--padding:16px;--padding-left:var(--padding,16px);--padding-right:var(--padding,16px);--padding-top:var(--padding,16px);--padding-bottom:var(--padding,16px);height:250px;font-size:inherit;text-align:start;tab-size:2;white-space:pre;background-color:#fff;grid-template-rows:100%;grid-template-columns:100%;margin:8px;font-family:monospace;line-height:1.5;display:grid;position:relative;top:0;left:0;overflow:auto;padding:0!important}code-input :not(.code-input_dialog-container *){box-sizing:content-box}code-input textarea,code-input:not(.code-input_pre-element-styled) pre code,code-input.code-input_pre-element-styled pre{min-width:calc(100% - var(--padding-left,16px) - var(--padding-right,16px));min-height:calc(100% - var(--padding-top,16px) - var(--padding-bottom,16px));resize:none;border:0;grid-area:1/1;display:block;overflow:hidden;padding-left:var(--padding-left,16px)!important;padding-right:var(--padding-right,16px)!important;padding-top:var(--padding-top,16px)!important;padding-bottom:var(--padding-bottom,16px)!important;margin:0!important}code-input:not(.code-input_pre-element-styled) pre code,code-input.code-input_pre-element-styled pre{width:max-content;height:max-content;transition:color 1ms}code-input:not(.code-input_pre-element-styled) pre,code-input.code-input_pre-element-styled pre code{min-width:100%;min-height:100%;border:0!important;margin:0!important;padding:0!important}code-input textarea,code-input pre,code-input pre *{font-size:inherit!important;font-family:inherit!important;line-height:inherit!important;tab-size:inherit!important;text-align:inherit!important}code-input pre,code-input pre code{overflow:visible!important}code-input textarea[dir=auto]+pre{unicode-bidi:plaintext}code-input textarea[dir=ltr]+pre{direction:ltr}code-input textarea[dir=rtl]+pre{direction:rtl}code-input textarea,code-input pre{grid-area:1/1}code-input textarea:not([data-code-input-fallback]){z-index:1}code-input pre{z-index:0}code-input textarea:not([data-code-input-fallback]){color:#0000;caret-color:inherit;background:0 0}code-input textarea:not([data-code-input-fallback]):placeholder-shown{color:var(--code-input_highlight-text-color,inherit)}code-input textarea,code-input pre{white-space:inherit;word-spacing:normal;word-break:normal;word-wrap:normal}code-input textarea{resize:none;outline:none!important}code-input:has(textarea:focus):not(.code-input_mouse-focused){outline:2px solid}code-input .code-input_dialog-container{z-index:2;width:100%;height:0;text-align:inherit;color:inherit;grid-area:1/1;margin:0;padding:0;transition:color 1ms;position:sticky;top:0;left:0}[dir=rtl] code-input .code-input_dialog-container,code-input[dir=rtl] .code-input_dialog-container{left:unset;right:0}code-input .code-input_dialog-container .code-input_keyboard-navigation-instructions{color:#fff;padding:2px;padding-left:var(--padding-left,16px);padding-right:var(--padding-right,16px);text-wrap:balance;box-sizing:border-box;background-color:#000;width:100%;height:3em;margin:0;display:block;position:absolute;top:0;left:0;overflow:hidden auto}code-input.code-input_mouse-focused .code-input_dialog-container .code-input_keyboard-navigation-instructions,code-input .code-input_dialog-container .code-input_keyboard-navigation-instructions:empty{display:none}code-input:not(:has(textarea:not([data-code-input-fallback]):focus)) .code-input_dialog-container .code-input_keyboard-navigation-instructions{display:none}code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused) textarea{min-height:calc(100% - var(--padding-top,16px) - 3em - var(--padding-bottom,16px));padding-top:calc(var(--padding-top,16px) + 3em)!important}code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused):not(.code-input_pre-element-styled) pre code{min-height:calc(100% - var(--padding-top,16px) - 3em - var(--padding-bottom,16px));padding-top:calc(var(--padding-top,16px) + 3em)!important}code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused).code-input_pre-element-styled pre{min-height:calc(100% - var(--padding-top,16px) - 3em - var(--padding-bottom,16px));padding-top:calc(var(--padding-top,16px) + 3em)!important}code-input:not(.code-input_loaded){box-sizing:border-box;display:block;overflow:hidden;padding-left:var(--padding-left,16px)!important;padding-right:var(--padding-right,16px)!important;padding:var(--padding-top,16px)!important;padding:var(--padding-bottom,16px)!important}code-input:not(.code-input_loaded):after{content:"No highlighting. JavaScript support is disabled or insufficient, or codeInput.registerTemplate has not been called.";bottom:0;left:var(--padding-left,16px);width:calc(100% - var(--padding-left,1.6px) - var(--padding-right,1.6px));outline-top:0;background-color:inherit;color:inherit;border-top:1px solid;height:2em;margin:0;padding:0;display:block;position:absolute;overflow-x:auto}code-input:not(.code-input_loaded) pre,code-input:not(.code-input_loaded) textarea:not([data-code-input-fallback]){opacity:0}code-input:has(textarea[data-code-input-fallback]){box-sizing:content-box;caret-color:revert;padding:0!important}code-input textarea[data-code-input-fallback]{background-color:inherit;color:var(--code-input_highlight-text-color,inherit);min-height:calc(100% - var(--padding-top,16px) - max(2em, var(--padding-bottom,16px)));height:calc(100% - var(--padding-top,16px) - max(2em, var(--padding-bottom,16px)));overflow:auto;padding-bottom:max(2em, var(--padding-bottom,16px))!important}:root{--prism-line-number-color:#999;--prism-font-color:black;--prism-pre-bg-color:#fdfdfd;--prism-inline-code-border-color:#0000001a;--prism-inline-code-color:#c92c2c;--prism-comment-color:#7d8b99;--prism-punctuation-color:#5f6364;--prism-symbol-color:#c92c2c;--prism-selector-color:#2f9c0a;--prism-var-color:#a67f59;--prism-var-bg-color:#ffffff80;--prism-keyword-color:#1990b8;--prism-regex-color:#e90;--prism-string-color:#a67f59;--prism-string-bg-color:#ffffff80}[data-theme=dark]{--prism-line-number-color:#ccc;--prism-font-color:#d5d5d2;--prism-boarder-color:#97803cb2;--prism-shadown-color:#0000004d;--prism-bg-linear-gradient-color:#458ed10a;--prism-pre-bg-color:#2e3440;--prism-inline-code-border-color:#0000001a;--prism-inline-code-color:#f8f8f2;--prism-comment-color:#636f88;--prism-punctuation-color:#81a1c1;--prism-symbol-color:#81a1c1;--prism-selector-color:#a3be8c;--prism-var-color:#81a1c1;--prism-keyword-color:#81a1c1;--prism-regex-color:#ebcb8b;--prism-string-color:#81a1c1;--prism-string-bg-color:transparent;--prism-var-bg-color:transparent}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:var(--prism-comment-color)}.token.punctuation{color:var(--prism-punctuation-color)}.token.property,.token.tag,.token.boolean,.token.number,.token.function-name,.token.constant,.token.symbol,.token.deleted{color:var(--prism-symbol-color)}.token.selector,.token.attr-name,.token.string,.token.char,.token.function,.token.builtin,.token.inserted{color:var(--prism-selector-color)}.token.operator,.token.entity,.token.url,.token.variable{color:var(--prism-var-color);background:var(--prism-var-bg-color)}.token.atrule,.token.attr-value,.token.keyword,.token.class-name{color:var(--prism-keyword-color)}.token.regex,.token.important{color:var(--prism-regex-color)}.language-css .token.string,.style .token.string{color:var(--prism-string-color);background:var(--prism-string-bg-color)}.token.important{font-weight:400}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.namespace{opacity:.7}.code-input-container{border-radius:20px;height:100%}.code-input-container:has(textarea:focus):not(.code-input_mouse-focused){outline:2px solid var(--highlight-color)}.code-input-container:has(textarea:focus){outline:2px solid var(--highlight-color)}.player-container{flex-direction:column;height:100%;display:flex;overflow:hidden}.player-container .action-bar{gap:4px;display:flex}.player-container .action-bar select{background-color:var(--highlight-color);border:1px solid;border-radius:5px;flex-grow:1;padding:4px}.player-container .action-bar button{background-color:var(--highlight-color);border:1px solid;border-radius:5px;align-items:center;padding:4px;display:flex}.player-container .error-message{color:var(--orange);align-items:center;gap:4px;display:flex}.player-container .entries{height:100%;padding-top:20px;overflow-y:auto}.player-container .entries .bubble{gap:5px;align-items:top;background-color:var(--highlight-color);clip-path:url(#bubble);border-radius:40px;flex-direction:column;height:auto;margin:5px auto;padding:30px;display:flex}.player-container .entries .bubble.bubble-event{background-color:var(--nav-expanded-bg-color);justify-content:center;align-items:center}.player-container .entries .bubble.bubble-end{background-color:var(--bg-red);justify-content:center;align-items:center}.player-container .entries .bubble .speaker{font-family:var(--special-font);font-size:1.2em}.player-container .entries .bubble ul{flex-direction:column;align-items:start;gap:5px;padding-left:40px;display:flex}.player-container .entries .bubble ul li{list-style-type:none}:is(.player-container .entries .bubble .option,.player-container .entries .bubble .option-selected):disabled{background-color:#0000}:is(.player-container .entries .bubble .option,.player-container .entries .bubble .option-selected):disabled:hover{background-color:#0000}.player-container .entries .bubble .option-selected{color:var(--orange)}.player-container .entries .bubble .metadata{opacity:.6;justify-content:end;display:flex}.player-container .entries .bubble button{background-color:var(--bg-color);font-family:var(--special-font);cursor:pointer;clip-path:url(#bubble);float:right;border:0;margin-right:20px;padding:4px 8px;font-size:1.5em}.player-container .entries .bubble button:hover{filter:brightness(110%)}