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,menu,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,main,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}input,textarea{outline:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}table{border-collapse:collapse;border-spacing:0}abbr,acronym,fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}menu,ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}blockquote,q{quotes:none}hr{border:0;border-top:1px solid rgba(0,0,0,.1);margin:0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}@font-face{font-family:NotoSans;font-style:normal;font-weight:400;src:local("Noto Sans"),url(/assets/NotoSans-Regular-D96CXwz4.ttf) format("truetype");font-display:swap}@font-face{font-family:NotoSans;font-style:normal;font-weight:700;src:local("Noto Sans"),url(/assets/NotoSans-Bold-my-r4HAi.ttf) format("truetype");font-display:swap}:root{--regular: NotoSans, Ubuntu, Open Sans, "Helvetica Neue", sans-serif;--monospace: "Cascadia Code", "Fira Code", Consolas, monospace;--arial: Arial, "Helvetica Neue", Helvetica, sans-serif;--bg-color-primary: #2d72d2;--color-primary: #ffffff;--bg-color-success: #238551;--color-success: #ffffff;--bg-color-danger: #cd4246;--color-danger: #ffffff;--bg-color-warning: #fbb360;--color-warning: #1c2127}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{font:400 14px var(--monospace)}html body .process,html body .process:hover,html body .process:active{text-decoration:none;pointer-events:none;opacity:.9;cursor:progress;background-size:20px 20px!important;background-image:-webkit-linear-gradient(135deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.25) 75%,transparent 75%,transparent)!important;background-image:-moz-linear-gradient(135deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.25) 75%,transparent 75%,transparent)!important;background-image:-ms-linear-gradient(135deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.25) 75%,transparent 75%,transparent)!important;background-image:-o-linear-gradient(135deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.25) 75%,transparent 75%,transparent)!important;background-image:linear-gradient(135deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.25) 75%,transparent 75%,transparent)!important;-webkit-animation:animate-stripes .8s linear infinite;-moz-animation:animate-stripes .8s linear infinite;animation:animate-stripes .8s linear infinite}@-webkit-keyframes animate-stripes{0%{background-position:0 0}to{background-position:40px 0}}@-moz-keyframes animate-stripes{0%{background-position:0 0}to{background-position:40px 0}}@keyframes animate-stripes{0%{background-position:0 0}to{background-position:40px 0}}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-track{background:transparent;border-radius:10px;cursor:default}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px;border:3px solid transparent;background-clip:content-box;cursor:default}::-webkit-scrollbar-thumb:hover{background:#ffffff4d;background-clip:content-box}::-webkit-scrollbar-corner{background:transparent;cursor:default}body.monokai{background:#191a16}body.monokai .head-site{color:#f8f8f2}body.monokai .app.site{border-color:#3e3e3e}body.tomorrow_night{background:#131415}body.tomorrow_night .head-site{color:#d5d5c7}body.tomorrow_night .app.site{border-color:#373c40}body.one_dark{background:#1a1d22}body.one_dark .head-site{color:#b3bbc8}body.one_dark .app.site{border-color:#494e5a}body.chrome{background:#fff}body.chrome .head-site{color:#323232}body.chrome .app.site{border-color:#dedede}body.xcode{background:#fff}body.xcode .head-site{color:#101010}body.xcode .app.site{border-color:#dbdbdb}.app.monokai .wrapper{background:#2f3129}.app.monokai .footer,.app.monokai .output-wrap{background:#272822;color:#f8f8f2}.app.monokai .output-wrap .copy{background:#494944}.app.monokai .output-wrap .copy:hover{background:#565650}.app.monokai .output-wrap .output-line .note{color:#bbc1d3;background:#494944}.app.monokai .output-wrap .output-line:after{background:#494944}.app.monokai .panel{background:#313131}.app.monokai .app-version{color:#f8f8f2}.app.monokai .tabs{color:#ddddc0}.app.monokai .tabs .tab.active{background:#575b4c;color:#fff}.app.monokai .tabs .tab:hover{background:#646957;color:#fff}.app.monokai .tabs .plus{background:#575b4c;color:#fff}.app.monokai .tabs .plus:hover{background:#646957;color:#fff}.app.monokai .editing-file .editing{color:#fff;background:#2f3129}.app.monokai .editing-file .editing svg{background:#575b4c;color:#f8f8f2}.app.monokai .screen{color:#fff}.app.monokai .screen svg{background:#575b4c;color:#f8f8f2}.app.monokai ::-webkit-scrollbar-thumb{background:#646957;background-clip:content-box}.app.monokai ::-webkit-scrollbar-thumb:hover{background:#989d89;background-clip:content-box}.app.tomorrow_night .wrapper{background:#25282c}.app.tomorrow_night .footer,.app.tomorrow_night .output-wrap{background:#1d1f21;color:#d5d5c7}.app.tomorrow_night .output-wrap .copy{background:#34393c}.app.tomorrow_night .output-wrap .copy:hover{background:#40464a}.app.tomorrow_night .output-wrap .output-line .note{color:#b1b8d1;background:#34393c}.app.tomorrow_night .output-wrap .output-line:after{background:#34393c}.app.tomorrow_night .panel{background:#2b2f32}.app.tomorrow_night .app-version,.app.tomorrow_night .tabs{color:#d5d5c7}.app.tomorrow_night .tabs .tab.active{background:#484e56;color:#f6f6f3}.app.tomorrow_night .tabs .tab:hover{background:#545a63;color:#f6f6f3}.app.tomorrow_night .tabs .plus{background:#484e56;color:#f6f6f3}.app.tomorrow_night .tabs .plus:hover{background:#545a63;color:#f6f6f3}.app.tomorrow_night .editing-file .editing{color:#f6f6f3;background:#25282c}.app.tomorrow_night .editing-file .editing svg{background:#484e56;color:#d5d5c7}.app.tomorrow_night .screen{color:#f6f6f3}.app.tomorrow_night .screen svg{background:#484e56;color:#d5d5c7}.app.tomorrow_night ::-webkit-scrollbar-thumb{background:#545a63;background-clip:content-box}.app.tomorrow_night ::-webkit-scrollbar-thumb:hover{background:#858d98;background-clip:content-box}.app.one_dark .wrapper{background:#282c34}.app.one_dark .footer,.app.one_dark .output-wrap{background:#282c34;color:#b3bbc8}.app.one_dark .output-wrap .copy{background:#3b424e}.app.one_dark .output-wrap .copy:hover{background:#464e5d}.app.one_dark .output-wrap .output-line .note{color:#afb6cf;background:#3b424e}.app.one_dark .output-wrap .output-line:after{background:#3b424e}.app.one_dark .panel{background:#3e424c}.app.one_dark .app-version,.app.one_dark .tabs{color:#b3bbc8}.app.one_dark .tabs .tab.active{background:#49515f;color:#dfe3e8}.app.one_dark .tabs .tab:hover{background:#545d6e;color:#dfe3e8}.app.one_dark .tabs .plus{background:#49515f;color:#dfe3e8}.app.one_dark .tabs .plus:hover{background:#545d6e;color:#dfe3e8}.app.one_dark .editing-file .editing{color:#dfe3e8;background:#282c34}.app.one_dark .editing-file .editing svg{background:#49515f;color:#b3bbc8}.app.one_dark .screen{color:#dfe3e8}.app.one_dark .screen svg{background:#49515f;color:#b3bbc8}.app.one_dark ::-webkit-scrollbar-thumb{background:#545d6e;background-clip:content-box}.app.one_dark ::-webkit-scrollbar-thumb:hover{background:#868fa2;background-clip:content-box}.app.chrome .wrapper{background:#ebebeb}.app.chrome .footer,.app.chrome .output-wrap{background:#fff;color:#323232}.app.chrome .output-wrap .copy{background:#dbdbdb}.app.chrome .output-wrap .copy:hover{background:#cecece}.app.chrome .output-wrap .output-line .note{color:#4a4c54;background:#dbdbdb}.app.chrome .output-wrap .output-line:after{background:#dbdbdb}.app.chrome .panel{background:#ebebeb;transition:color .2s,box-shadow .2s ease-in}.app.chrome .app-version{color:#323232}.app.chrome .tabs{color:#4c4c4c}.app.chrome .tabs .tab.active{background:#ccc;color:#000}.app.chrome .tabs .tab:hover{background:silver;color:#000}.app.chrome .tabs .plus{background:#ccc;color:#000}.app.chrome .tabs .plus:hover{background:silver;color:#000}.app.chrome .editing-file .editing{background:#ebebeb;transition:color .2s ease}.app.chrome .editing-file .editing svg{background:#7c7c7c;color:#fff}.app.chrome .screen{transition:color .2s ease}.app.chrome .screen svg{background:#919191;color:#fff}.app.chrome ::-webkit-scrollbar-thumb{background:#9f9f9f;background-clip:content-box}.app.chrome ::-webkit-scrollbar-thumb:hover{background:#6b6b6b;background-clip:content-box}.app.xcode .wrapper{background:#e8e8e8}.app.xcode .footer,.app.xcode .output-wrap{background:#fff;color:#101010}.app.xcode .output-wrap .copy{background:#d5d5d5}.app.xcode .output-wrap .copy:hover{background:#c8c8c8}.app.xcode .output-wrap .output-line .note{color:#313238;background:#d5d5d5}.app.xcode .output-wrap .output-line:after{background:#d5d5d5}.app.xcode .panel{background:#e8e8e8;transition:color .2s,box-shadow .2s ease-in}.app.xcode .app-version{color:#101010}.app.xcode .tabs{color:#2a2a2a}.app.xcode .tabs .tab.active{background:#c9c9c9;color:#000}.app.xcode .tabs .tab:hover{background:#bdbdbd;color:#000}.app.xcode .tabs .plus{background:#c9c9c9;color:#000}.app.xcode .tabs .plus:hover{background:#bdbdbd;color:#000}.app.xcode .editing-file .editing{background:#e8e8e8;transition:color .2s ease}.app.xcode .editing-file .editing svg{background:#6a6a6a;color:#fff}.app.xcode .screen{transition:color .2s ease}.app.xcode .screen svg{background:#919191;color:#fff}.app.xcode ::-webkit-scrollbar-thumb{background:#9c9c9c;background-clip:content-box}.app.xcode ::-webkit-scrollbar-thumb:hover{background:#696969;background-clip:content-box}#app{overflow:hidden;position:relative}body.site #app{position:static;overflow:visible}body.site.fullscreen #app{position:absolute;inset:0;margin-top:0}body.site.fullscreen .app{border:0;border-radius:0}body.site.fullscreen .wrapper{height:100vh!important}@media(max-width:699px){body.site #app{position:absolute;inset:0}body.site .app{border:0!important;border-radius:0!important}body.site .wrapper{height:100vh!important}}.ace-editor-container[data-v-e6cbdc2a]{width:100%;height:var(--v11a997db);border:none!important}@font-face{font-family:NotoSans;font-style:normal;font-weight:400;src:local("Noto Sans"),url(/assets/NotoSans-Regular-D96CXwz4.ttf) format("truetype");font-display:swap}@font-face{font-family:NotoSans;font-style:normal;font-weight:700;src:local("Noto Sans"),url(/assets/NotoSans-Bold-my-r4HAi.ttf) format("truetype");font-display:swap}[data-v-581433af]:root{--regular: NotoSans, Ubuntu, Open Sans, "Helvetica Neue", sans-serif;--monospace: "Cascadia Code", "Fira Code", Consolas, monospace;--arial: Arial, "Helvetica Neue", Helvetica, sans-serif;--bg-color-primary: #2d72d2;--color-primary: #ffffff;--bg-color-success: #238551;--color-success: #ffffff;--bg-color-danger: #cd4246;--color-danger: #ffffff;--bg-color-warning: #fbb360;--color-warning: #1c2127}.wrap[data-v-581433af]{overflow:visible;font-family:var(--regular)}.wrap.open[data-v-581433af]{height:auto;opacity:1}.toast[data-v-581433af]{display:flex;align-items:flex-start;background-color:#fff;border-radius:5px;box-shadow:inset 0 0 0 1px #11141833,0 2px 4px #11141833,0 8px 16px #11141833;margin:20px 0 0;max-width:500px;min-width:300px;pointer-events:all;position:relative}.toast.primary[data-v-581433af]{background:var(--bg-color-primary);color:var(--color-primary)}.toast.primary .btn[data-v-581433af],.toast.primary .icon[data-v-581433af]{fill:#fffc}.toast.success[data-v-581433af]{background:var(--bg-color-success);color:var(--color-success)}.toast.success .btn[data-v-581433af],.toast.success .icon[data-v-581433af]{fill:#fffc}.toast.danger[data-v-581433af]{background:var(--bg-color-danger);color:var(--color-danger)}.toast.danger .btn[data-v-581433af],.toast.danger .icon[data-v-581433af]{fill:#fffc}.toast.warning[data-v-581433af]{background:var(--bg-color-warning);color:var(--color-warning)}.toast.warning .btn[data-v-581433af],.toast.warning .icon[data-v-581433af]{fill:#1c2127cc}.toast[data-v-581433af] b{font-weight:700}.icon[data-v-581433af]{display:inline-flex;flex:0 0 auto;vertical-align:text-bottom;margin:11px 0 11px 11px}.message[data-v-581433af]{flex:1 1 auto;padding:11px 11px 11px 13px;word-break:break-word}.btn-wrap[data-v-581433af]{flex:0 0 auto;padding:5px 5px 5px 0}.btn[data-v-581433af]{align-items:center;border-radius:3px;cursor:pointer;display:inline-flex;justify-content:center;min-height:28px;min-width:28px}.btn[data-v-581433af]:hover{background:#00000026}.toaster[data-v-fb242f8d]{display:flex;align-items:center;flex-direction:column-reverse;position:fixed;left:0;right:0;top:0;overflow:hidden;padding:0 20px 20px;pointer-events:none;z-index:350}.toaster.topLeft[data-v-fb242f8d]{align-items:flex-start}.toaster.topRight[data-v-fb242f8d]{align-items:flex-end}.toaster.bottomLeft[data-v-fb242f8d]{bottom:0;top:auto;align-items:flex-start;flex-direction:column}.toaster.bottomRight[data-v-fb242f8d]{bottom:0;top:auto;align-items:flex-end;flex-direction:column}.toaster.bottom[data-v-fb242f8d]{bottom:0;top:auto;flex-direction:column}.modal[data-v-1686fdfd]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center;z-index:100;font-family:var(--regular);-webkit-user-select:none;user-select:none;display:flex;transition:opacity .2s ease;padding:15px}.modal-content[data-v-1686fdfd]{background-color:#fff;padding:30px 25px 25px;border-radius:12px;box-shadow:0 4px 20px #0003;max-width:420px;position:relative;transition:all .2s ease;overflow-y:auto;overflow-x:hidden;max-height:90vh}.modal-content[data-v-1686fdfd]::-webkit-scrollbar{width:13px;height:13px}.modal-content[data-v-1686fdfd]::-webkit-scrollbar-track{background:transparent;border-radius:10px}.modal-content[data-v-1686fdfd]::-webkit-scrollbar-thumb{background:#aaa;border-radius:10px;border:3px solid transparent;background-clip:content-box;cursor:default}.modal-content[data-v-1686fdfd]::-webkit-scrollbar-thumb:hover{background:#888;background-clip:content-box}.modal-content[data-v-1686fdfd]::-webkit-scrollbar-thumb:active{background:#888;background-clip:content-box}.modal-content[data-v-1686fdfd]::-webkit-scrollbar-corner{background:transparent;cursor:default}.close-btn[data-v-1686fdfd]{position:absolute;top:3px;right:3px;font-size:24px;cursor:pointer;color:#4d4d70;display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:#dbdbdb;transition:all .2s}.close-btn svg[data-v-1686fdfd]{width:20px;height:20px}.close-btn[data-v-1686fdfd]:hover{color:#383852;background:#cecece}.modal-enter-from[data-v-1686fdfd],.modal-leave-to[data-v-1686fdfd]{opacity:0}@font-face{font-family:NotoSans;font-style:normal;font-weight:400;src:local("Noto Sans"),url(/assets/NotoSans-Regular-D96CXwz4.ttf) format("truetype");font-display:swap}@font-face{font-family:NotoSans;font-style:normal;font-weight:700;src:local("Noto Sans"),url(/assets/NotoSans-Bold-my-r4HAi.ttf) format("truetype");font-display:swap}[data-v-690af5db]:root{--regular: NotoSans, Ubuntu, Open Sans, "Helvetica Neue", sans-serif;--monospace: "Cascadia Code", "Fira Code", Consolas, monospace;--arial: Arial, "Helvetica Neue", Helvetica, sans-serif;--bg-color-primary: #2d72d2;--color-primary: #ffffff;--bg-color-success: #238551;--color-success: #ffffff;--bg-color-danger: #cd4246;--color-danger: #ffffff;--bg-color-warning: #fbb360;--color-warning: #1c2127}.editing-file[data-v-690af5db]{position:relative;height:0}.editing-file svg[data-v-690af5db]{transition:all .2s;margin-right:4px;width:16px;height:16px;color:#fff}.editing-file svg.trash[data-v-690af5db],.editing-file svg.edit[data-v-690af5db]{cursor:pointer;margin:0 0 0 4px!important;padding:2px;width:20px;height:20px;border-radius:6px;background:#00000080}.editing-file svg.trash[data-v-690af5db]:hover,.editing-file svg.edit[data-v-690af5db]:hover{background:#ae508d;color:#fff}.editing-file .editing[data-v-690af5db]{display:flex;background:inherit;height:0;position:absolute;top:5px;right:15px;transition:all .2s ease;align-items:center;width:0;padding-left:0;overflow:hidden;border-bottom-left-radius:8px;border-bottom-right-radius:8px;opacity:0;z-index:100}.editing-file .editing svg[data-v-690af5db]{margin-left:4px;margin-right:0}.editing-file .editing[data-v-690af5db]{opacity:1;width:51px;height:26px}.text-block[data-v-690af5db]{font-size:18px;margin-bottom:13px}.text-block.center[data-v-690af5db]{text-align:center}.text-block input[data-v-690af5db]{background:#e2e5f0;border:1px solid #e2e5f0;border-radius:8px;padding:12px 15px 10px;font-size:16px;width:100%;max-width:100%;white-space:nowrap}.text-block input[data-v-690af5db]:focus{background:#eceef5;border-color:#4f5b93;box-shadow:0 0 3px 2px #4f5b9380}.btns[data-v-690af5db]{display:flex;justify-content:center;margin-top:25px}.btns .btn[data-v-690af5db]{background:#e2e5f0;border-radius:10px;white-space:nowrap;padding:8px 12px;margin:0 6px;transition:background-color .2s;cursor:pointer;display:flex;align-items:center;font-size:16px}.btns .btn svg[data-v-690af5db]{width:16px;height:16px;margin-right:6px}.btns .btn.primary[data-v-690af5db],.btns .btn.active[data-v-690af5db]{background:#5865a4;color:#fff}.btns .btn[data-v-690af5db]:hover{background:#d2d5e7}.btns .btn.primary[data-v-690af5db]:hover{background:#6774ae;color:#fff}@font-face{font-family:NotoSans;font-style:normal;font-weight:400;src:local("Noto Sans"),url(/assets/NotoSans-Regular-D96CXwz4.ttf) format("truetype");font-display:swap}@font-face{font-family:NotoSans;font-style:normal;font-weight:700;src:local("Noto Sans"),url(/assets/NotoSans-Bold-my-r4HAi.ttf) format("truetype");font-display:swap}[data-v-77554c4f]:root{--regular: NotoSans, Ubuntu, Open Sans, "Helvetica Neue", sans-serif;--monospace: "Cascadia Code", "Fira Code", Consolas, monospace;--arial: Arial, "Helvetica Neue", Helvetica, sans-serif;--bg-color-primary: #2d72d2;--color-primary: #ffffff;--bg-color-success: #238551;--color-success: #ffffff;--bg-color-danger: #cd4246;--color-danger: #ffffff;--bg-color-warning: #fbb360;--color-warning: #1c2127}.text-block[data-v-77554c4f]{font-size:18px;margin-bottom:13px}.text-block.center[data-v-77554c4f]{text-align:center}.text-block input[data-v-77554c4f]{background:#e2e5f0;border:1px solid #e2e5f0;border-radius:8px;padding:12px 15px 10px;font-size:16px;width:100%;max-width:100%;white-space:nowrap}.text-block input[data-v-77554c4f]:focus{background:#eceef5;border-color:#4f5b93;box-shadow:0 0 3px 2px #4f5b9380}.btns[data-v-77554c4f]{display:flex;justify-content:center;margin-top:25px}.btns .btn[data-v-77554c4f]{background:#e2e5f0;border-radius:10px;white-space:nowrap;padding:8px 12px;margin:0 6px;transition:background-color .2s;cursor:pointer;display:flex;align-items:center;font-size:16px}.btns .btn svg[data-v-77554c4f]{width:16px;height:16px;margin-right:6px}.btns .btn.primary[data-v-77554c4f],.btns .btn.active[data-v-77554c4f]{background:#5865a4;color:#fff}.btns .btn[data-v-77554c4f]:hover{background:#d2d5e7}.btns .btn.primary[data-v-77554c4f]:hover{background:#6774ae;color:#fff}.tabs[data-v-77554c4f]{font-family:var(--regular);display:flex;padding:6px 6px 0;align-items:center;overflow-x:auto}.tabs.multiple[data-v-77554c4f]{flex-wrap:wrap}.tabs[data-v-77554c4f]::-webkit-scrollbar{height:9px}.tabs .plus[data-v-77554c4f]{background:#e2e5f0;border-radius:50%;width:20px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:8px}.tabs .plus svg[data-v-77554c4f]{width:14px;height:14px}.tabs .plus[data-v-77554c4f]:hover{background:#eceef5;color:#fff}.tab[data-v-77554c4f]{padding:3px 7px 4px 5px;border-radius:7px;cursor:pointer;transition:all .2s;display:flex;align-items:center;white-space:nowrap;position:relative}.tab .text[data-v-77554c4f]{text-overflow:ellipsis;max-width:250px;display:inline-block;overflow:hidden}.tab svg[data-v-77554c4f]{transition:all .2s;margin-right:4px;width:16px;height:16px}.tab svg.dots[data-v-77554c4f],.tab svg.trash[data-v-77554c4f],.tab svg.edit[data-v-77554c4f]{margin:0 0 0 2px!important;padding:2px;width:20px;height:20px;border-radius:6px;background:#00000080}.tab svg.dots[data-v-77554c4f]:hover,.tab svg.trash[data-v-77554c4f]:hover,.tab svg.edit[data-v-77554c4f]:hover{background:#ae508d;color:#fff}.tab .editing[data-v-77554c4f]{display:flex;background:inherit;height:0;position:absolute;top:50%;right:0;transition:all .2s ease;align-items:center;width:0;padding-left:1px;overflow:hidden;border-radius:8px;transform:translateY(-50%);opacity:0}.tab .editing svg[data-v-77554c4f]{margin-left:4px;margin-right:0}.tab.menu .editing[data-v-77554c4f]{opacity:1;width:48px;height:100%}@font-face{font-family:NotoSans;font-style:normal;font-weight:400;src:local("Noto Sans"),url(/assets/NotoSans-Regular-D96CXwz4.ttf) format("truetype");font-display:swap}@font-face{font-family:NotoSans;font-style:normal;font-weight:700;src:local("Noto Sans"),url(/assets/NotoSans-Bold-my-r4HAi.ttf) format("truetype");font-display:swap}[data-v-1b20a374]:root{--regular: NotoSans, Ubuntu, Open Sans, "Helvetica Neue", sans-serif;--monospace: "Cascadia Code", "Fira Code", Consolas, monospace;--arial: Arial, "Helvetica Neue", Helvetica, sans-serif;--bg-color-primary: #2d72d2;--color-primary: #ffffff;--bg-color-success: #238551;--color-success: #ffffff;--bg-color-danger: #cd4246;--color-danger: #ffffff;--bg-color-warning: #fbb360;--color-warning: #1c2127}.ace-resizable[data-v-1b20a374]{border:1px solid #ddd}.ace-resize-handle[data-v-1b20a374]{position:absolute;right:-5px;bottom:-5px;height:10px;width:100%;background:#007acc;cursor:se-resize;border-radius:2px;z-index:100}.ace-resize-handle[data-v-1b20a374]:hover{background:#005a9e}.app[data-v-1b20a374]{margin:0 auto;font-family:var(--arial);position:relative}.app.site[data-v-1b20a374]{border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:0 25px 50px -12px #000000bf}.demo-section[data-v-1b20a374]{display:grid;grid-template-columns:300px 1fr;gap:20px;margin-top:20px}.demo-info[data-v-1b20a374]{background:#f5f5f5;padding:20px;border-radius:8px}.demo-info ul[data-v-1b20a374]{margin:10px 0;padding-left:20px}.demo-info li[data-v-1b20a374]{margin:5px 0}.completion-stats[data-v-1b20a374]{margin-top:20px;padding:15px;background:#fff;border-radius:4px}.controls[data-v-1b20a374]{margin-bottom:10px}.controls label[data-v-1b20a374]{display:flex;flex-direction:column;gap:5px}.controls select[data-v-1b20a374]{padding:5px;border:1px solid #ccc;border-radius:4px}.editor[data-v-1b20a374]{border:1px solid #ddd}code[data-v-1b20a374]{background:#e9e9e9;padding:2px 4px;border-radius:3px}.ace_editor .ace_gutter-cell{padding-left:7px}.wrapper[data-v-1b20a374]{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100vh}.site .wrapper[data-v-1b20a374]{height:calc(100vh - 200px)}.editor-wrapper[data-v-1b20a374]{padding-top:5px}.panel[data-v-1b20a374]{padding:0 0 5px;display:flex;justify-content:space-between;align-items:stretch;position:relative;-webkit-user-select:none;user-select:none;z-index:100;transition:all .2s ease-in}.panel.hover[data-v-1b20a374]{box-shadow:0 0 2px 2px #4f5b93}.panel-space-2[data-v-1b20a374],.panel-space-1[data-v-1b20a374]{cursor:row-resize;margin-bottom:-5px}.panel-space-1[data-v-1b20a374]{width:40px}.panel-space-2[data-v-1b20a374]{flex:1 1 auto}.panel button[data-v-1b20a374]{font-family:var(--regular);border:0;background:#4f5b93;border-radius:10px;margin-right:5px;margin-top:5px;font-size:16px;padding:3px 10px;cursor:pointer;color:#fff;transition:background-color .2s;position:relative}.panel button.active[data-v-1b20a374]{background:#9d487f}.panel button[data-v-1b20a374]:hover{background:#ae508d}.panel button.run-btn[data-v-1b20a374]{font-size:18px;padding:7px 12px;border-top-left-radius:0;border-bottom-left-radius:0;margin-top:0;margin-bottom:-5px;display:flex;align-items:center}.panel button.run-btn.process[data-v-1b20a374]{background:#ae508d}.panel button.run-btn .play-icon[data-v-1b20a374]{fill:#fff;width:19px;height:19px;position:relative;left:-5px}.panel .version-btns[data-v-1b20a374]{display:flex;flex-wrap:wrap;align-items:center}.click[data-v-1b20a374]:after{content:"";position:absolute;inset:0;border-radius:inherit;animation:pulseOut-1b20a374 .2s ease-out;opacity:0;background:#ffffffb3}.click[data-click-small][data-v-1b20a374]:after{animation:pulseOutSmall-1b20a374 .2s ease-out}@keyframes pulseOut-1b20a374{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes pulseOutSmall-1b20a374{0%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}.panel-left[data-v-1b20a374]{display:flex}.panel-right[data-v-1b20a374]{display:flex;margin-bottom:-5px;align-items:center}.eraser-btn[data-v-1b20a374],.copy-all-btn[data-v-1b20a374],.settings-btn[data-v-1b20a374]{position:relative;background:#4f5b93;border-radius:50%;color:#fff;cursor:pointer;transition:background-color .2s;display:flex;padding:5px 7px;width:32px;height:32px;align-items:center;justify-content:center;margin-right:4px}.eraser-btn[data-v-1b20a374]:hover,.copy-all-btn[data-v-1b20a374]:hover,.settings-btn[data-v-1b20a374]:hover{background:#ae508d}.eraser-btn svg[data-v-1b20a374],.copy-all-btn svg[data-v-1b20a374],.settings-btn svg[data-v-1b20a374]{fill:#fff}.eraser-btn svg[data-v-1b20a374],.copy-all-btn svg[data-v-1b20a374],.settings-btn svg[data-v-1b20a374]{fill:none}.copy .copy-icon[data-v-1b20a374],.copy-all-btn .copy-icon[data-v-1b20a374]{display:block}.copy .copy-icon-success[data-v-1b20a374],.copy-all-btn .copy-icon-success[data-v-1b20a374]{display:none}.copy.success[data-v-1b20a374],.copy-all-btn.success[data-v-1b20a374]{background:#ae508d!important;color:#fff!important}.copy.success .copy-icon[data-v-1b20a374],.copy-all-btn.success .copy-icon[data-v-1b20a374]{display:none}.copy.success .copy-icon-success[data-v-1b20a374],.copy-all-btn.success .copy-icon-success[data-v-1b20a374]{display:block}.output-wrap[data-v-1b20a374]{flex:1 1 0;overflow:auto;overflow-y:scroll;white-space:pre-wrap;word-break:break-word;font-family:var(--monospace);color:#f8f8f2;padding:10px 4px 10px 15px;scroll-behavior:smooth}.output-wrap.center[data-v-1b20a374]{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.output-wrap .copy[data-v-1b20a374]{position:absolute;top:-3px;right:0;display:flex;width:33px;height:33px;cursor:pointer;background:#4f5b93;border-radius:50%;align-items:center;justify-content:center;transition:all .2s;-webkit-user-select:none;user-select:none}.output-wrap .copy svg[data-v-1b20a374]{width:18px;height:18px}.output-wrap .copy[data-v-1b20a374]:hover{background:#ae508d}.output-block[data-v-1b20a374]{padding:6px 0 10px;position:relative;margin-right:2px}.output-line[data-v-1b20a374]{position:relative;padding-bottom:10px;font-size:10px}.output-line .note[data-v-1b20a374]{position:relative;z-index:1;padding:3px 6px 2px;border-radius:10px;-webkit-user-select:none;user-select:none;margin-right:5px;text-overflow:ellipsis;max-width:150px;display:inline-block;white-space:nowrap;overflow:hidden}.output-line[data-v-1b20a374]:after{content:"";display:block;position:absolute;height:1px;width:calc(100% - 55px);bottom:75%;margin-left:55px}.app-version[data-v-1b20a374]{display:flex;align-items:center;color:#333;padding:2px 6px;font-size:10px;margin-left:4px;height:16px;border-radius:4px;-webkit-user-select:none;user-select:none;font-family:var(--regular)}.app-version-new[data-v-1b20a374]{display:none;width:12px;height:12px;border-radius:50%;background:var(--bg-color-warning);color:var(--color-warning);justify-content:center;align-items:center;margin-left:5px;cursor:pointer;font-weight:700;position:relative}.app-version-new .app-version-new-data[data-v-1b20a374]{display:none;cursor:default;background:var(--bg-color-warning);padding:3px;position:absolute;bottom:100%;left:0;font-size:12px;font-weight:400;border-radius:10px 10px 10px 0;z-index:100}.app-version-new .app-version-new-data div[data-v-1b20a374]{white-space:nowrap;padding:2px 5px;border-radius:5px}.app-version-new.show-new-data[data-v-1b20a374]{display:flex}.app-version-new.show-new-data[data-v-1b20a374]:hover{border-top-right-radius:0;border-top-left-radius:0}.app-version-new.show-new-data:hover .app-version-new-data[data-v-1b20a374]{display:block}.app-version strong,.app-version b{font-weight:700}.app-version i{font-style:italic}.app-version hr{border-top:1px solid rgba(0,0,0,.2);margin:3px 0 1px}.footer[data-v-1b20a374]{display:flex;align-items:center;justify-content:space-between;padding-bottom:2px}.spacer[data-v-1b20a374]{flex:1 1 auto}.rating[data-v-1b20a374]{display:flex;align-items:center;justify-content:flex-end;-webkit-user-select:none;user-select:none}.rating .rate-text[data-v-1b20a374]{text-align:center;font-size:12px;padding-right:8px;margin-top:-2px}.rating .full-stars[data-v-1b20a374]{text-align:right;padding-right:5px}.rating .full-stars .rating-group[data-v-1b20a374]{display:inline-flex}.rating .full-stars input[data-v-1b20a374]{position:absolute;left:-9999px}.rating .full-stars label[data-v-1b20a374]{margin:0;cursor:pointer}.rating .full-stars label .star[data-v-1b20a374]{margin:2px;height:14px;width:14px;fill:#ffc711;transition:fill .3s}.rating .full-stars label .star.empty[data-v-1b20a374]{display:none}.rating .full-stars .rating-group:hover label .star[data-v-1b20a374]{fill:#ff8000}.rating .full-stars .rating-group input:checked:hover~label .star.fill[data-v-1b20a374],.rating .full-stars .rating-group input:hover~label .star.fill[data-v-1b20a374]{display:none}.rating .full-stars .rating-group input:checked:hover~label .star.empty[data-v-1b20a374],.rating .full-stars .rating-group input:hover~label .star.empty[data-v-1b20a374]{display:block}.head[data-v-1b20a374]{font-size:18px;font-weight:700;margin:20px 0 6px}.head.top[data-v-1b20a374]{margin-top:0}.items[data-v-1b20a374]{background:#fff;display:flex;flex-direction:column;align-items:flex-start;margin-left:-2px}.items.wrap[data-v-1b20a374]{flex-wrap:wrap;flex-direction:row}.items .item[data-v-1b20a374]{background:#e2e5f0;border-radius:10px;white-space:nowrap;padding:8px 12px 8px 10px;margin:2px;transition:background-color .2s;cursor:pointer;display:flex;align-items:center}.items .item svg[data-v-1b20a374]{width:16px;height:16px;margin-right:6px}.items .item.active[data-v-1b20a374]{background:#5865a4;color:#fff}.items .item[data-v-1b20a374]:hover{background:#6774ae;color:#fff}.screen[data-v-1b20a374]{display:flex;align-items:center;justify-content:center;margin:0 0 0 36px}.screen span[data-v-1b20a374]{position:absolute;bottom:0;right:0}.screen svg[data-v-1b20a374]{transition:all .2s;color:#fff;cursor:pointer;padding:5px 4px 5px 5px;width:26px;height:26px;border-top-left-radius:10px;background:#00000080;display:flex}.screen svg[data-v-1b20a374]:hover{background:#ae508d;color:#fff}
