*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;position:relative}html{height:100vh;height:100svh;max-height:100vh;max-height:100svh;font-size:100%;line-height:1.3;overscroll-behavior-x:none}body{width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.3;background:var(--color_bg);color:var(--color_fg);overflow-x:clip;overscroll-behavior-x:none}@media (prefers-reduced-motion: reduce){:root{--transform_time: 0;--transform_time_fast: 0;--transform_time_slow: 0;--opacity_time: .3s;--opacity_time_fast: .2s;--opacity_time_slow: .4s}}@keyframes smooth_scroll1{0%,to{scroll-behavior:smooth}}@keyframes smooth_scroll2{0%,to{scroll-behavior:smooth}}html{animation:smooth_scroll1 1s}html:focus-within{animation-name:smooth_scroll2;scroll-behavior:smooth}@media (max-height: 599px){html{font-size:62.5%}h1{font-size:2rem}.hide_xs{display:none}}@media (max-width: 768px){html{font-size:70%}.hide_sm_landscape{display:none}}@media (max-height: 768px){html{font-size:70%}.hide_sm{display:none}}@media (max-height: 1024px){html{font-size:80%}}a,a:visited{color:#000;text-decoration:none;cursor:pointer;position:relative}a:before{position:absolute;content:"";bottom:-2px;border-bottom:2px solid;width:100%}a.noline:before{border-bottom:none}.index{max-width:1024px;width:clamp(60%,800px,90%);color:#37352f;position:relative}.no_select,.no_select *{user-select:none;-webkit-user-select:none}.no_pointer,.no_pointer *{pointer-events:none}.transparent_bg{background-color:transparent;background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.1) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.1) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.icon_fill{fill:var(--color_bg);stroke-width:2;stroke:var(--color_fill)}.icon_outline{fill:none;stroke-width:2;stroke:var(--color_fill)}.left_handler:before{position:absolute;content:"";height:100%;left:0;width:2px;top:0;border-left:2px solid var(--color, var(--color_border))}:root{--primary: 210deg;--secondary: 240deg;--accent: 40deg;--satuation: 0%;--light: 100%;--dark: 20%;--color-white: hsl(var(--primary), var(--satuation), var(--light));--color-black: hsl(240, 2%, 10%);--color-gray-0: hsl(240, 2%, 17%);--color-gray-1: hsl(240, 2%, 27%);--color-gray-2: hsl(240, 2%, 57%);--color-gray-3: hsl(240, 3%, 68%);--color-gray-4: hsl(240, 3%, 78%);--color-gray-5: hsl(240, 3%, 83%);--color-gray-6: hsl(240, 3%, 90%);--color-gray-7: hsl(240, 3%, 94%);--color-red: hsl(4, 100%, 53%);--color-brown: hsl(30, 20%, 50%);--color-orange: hsl(37, 100%, 50%);--color-yellow: hsl(45, 100%, 50%);--color-green: hsl(150, 100%, 42%);--color-mint: hsl(180, 100%, 39%);--color-teal: hsl(185, 75%, 54%);--color-cyan: hsl(200, 80%, 50%);--color-blue: hsl(210, 100%, 50%);--color-indigo: hsl(210, 67%, 55%);--color-purple: hsl(270, 70%, 57%);--color-pink: hsl(330, 100%, 62%);--color-white-dark: hsl(0, 0%, 100%);--color-black-dark: hsl(0, 0%, 0%);--color-gray-1-dark: hsl(210, 2%, 56%);--color-gray-2-dark: hsl(210, 2%, 39%);--color-gray-3-dark: hsl(210, 2%, 30%);--color-gray-4-dark: hsl(210, 3%, 27%);--color-gray-5-dark: hsl(210, 4%, 22%);--color-gray-6-dark: hsl(210, 5%, 16%);--color-gray-7-dark: hsl(210, 5%, 10%);--color-gray-8-dark: hsl(210, 5%, 3%);--color-red-dark: hsl(4, 100%, 57%);--color-brown-dark: hsl(30, 27%, 52%);--color-orange-dark: hsl(38, 100%, 51%);--color-yellow-dark: hsl(45, 100%, 49%);--color-green-dark: hsl(150, 100%, 41%);--color-mint-dark: hsl(180, 57%, 66%);--color-teal-dark: hsl(190, 75%, 62%);--color-cyan-dark: hsl(200, 84%, 66%);--color-blue-dark: hsl(210, 100%, 60%);--color-indigo-dark: hsl(240, 67%, 64%);--color-purple-dark: hsl(270, 72%, 67%);--color-pink-dark: hsl(330, 100%, 62%);--color-white-blue: hsl(210, 100%, 99%);--color-black-blue: hsl(210, 100%, 7%);--color-gray-1-blue: hsl(210, 2%, 56%);--color-gray-2-blue: hsl(210, 2%, 39%);--color-gray-3-blue: hsl(210, 2%, 30%);--color-gray-4-blue: hsl(210, 3%, 27%);--color-gray-5-blue: hsl(210, 4%, 22%);--color-gray-6-blue: hsl(210, 5%, 16%);--color-gray-7-blue: hsl(210, 5%, 10%);--color-gray-8-blue: hsl(210, 5%, 3%);--color-white-accessible: hsl(0, 0%, 0%);--color-black-accessible: hsl(0, 0%, 0%);--color-gray-1-accessible: hsl(240, 2%, 43%);--color-gray-2-accessible: hsl(240, 5%, 49%);--color-gray-3-accessible: hsl(240, 2%, 62%);--color-gray-4-accessible: hsl(240, 3%, 32%);--color-gray-5-accessible: hsl(240, 3%, 29%);--color-gray-6-accessible: hsl(240, 3%, 16%);--color-brown-accessible: hsl(30, 30%, 47%);--color-orange-accessible: hsl(20, 100%, 40%);--color-yellow-accessible: hsl(29, 100%, 38%);--color-green-accessible: hsl(150, 100%, 26%);--color-mint-accessible: hsl(180, 100%, 25%);--color-teal-accessible: hsl(190, 100%, 30%);--color-cyan-accessible: hsl(200, 100%, 41%);--color-blue-accessible: hsl(210, 100%, 43%);--color-indigo-accessible: hsl(240, 67%, 38%);--color-purple-accessible: hsl(270, 100%, 52%);--color-pink-accessible: hsl(330, 100%, 55%);--color-red-accessible: hsl(348, 100%, 42%);--color-white-accessible-dark: hsl(0, 0%, 100%);--color-black-accessible-dark: hsl(0, 0%, 0%);--color-gray-1-accessible-dark: hsl(240, 2%, 36%);--color-gray-2-accessible-dark: hsl(240, 6%, 36%);--color-gray-3-accessible-dark: hsl(240, 3%, 30%);--color-gray-4-accessible-dark: hsl(240, 3%, 19%);--color-gray-5-accessible-dark: hsl(240, 3%, 15%);--color-gray-6-accessible-dark: hsl(240, 3%, 10%);--color-brown-accessible-dark: hsl(30, 50%, 54%);--color-orange-accessible-dark: hsl(30, 100%, 60%);--color-yellow-accessible-dark: hsl(45, 100%, 53%);--color-green-accessible-dark: hsl(150, 100%, 53%);--color-mint-accessible-dark: hsl(180, 100%, 63%);--color-teal-accessible-dark: hsl(190, 100%, 68%);--color-cyan-accessible-dark: hsl(200, 100%, 75%);--color-blue-accessible-dark: hsl(210, 100%, 71%);--color-indigo-accessible-dark: hsl(240, 67%, 67%);--color-purple-accessible-dark: hsl(270, 100%, 70%);--color-pink-accessible-dark: hsl(330, 100%, 66%);--color-red-accessible-dark: hsl(348, 100%, 64%);--logo_primary: #00ffcc;--transform_time: .3s;--transform_time_fast: .2s;--transform_time_slow: .4s;--opacity_time: .3s;--opacity_time_fast: .2s;--opacity_time_slow: .4s;--syntax-normal: #1b1e23;--syntax-comment: #828282;--syntax-diff: #24292e;--syntax-diff-bg: #fff;--syntax-number: #20a5ba;--syntax-keyword: #c30771;--syntax-atom: #10a778;--syntax-string: #008ec4;--syntax-error: #ffbedc;--syntax-unknown-variable: #838383;--syntax-known-variable: #005f87;--syntax-matchbracket: #20bbfc;--syntax-key: #6636b4}body,body[data-theme=light]{--color_bg: var(--color-white);--color_bg2: var(--color-gray-7);--color_bg_transparent: hsla(var(--primary), var(--satuation), var(--light), .95);--color_bg_transparent2: hsla(var(--primary), var(--satuation), var(--light), .5);--color_fg: var(--color-black);--color_bg_input: var(--color-gray-6);--color_border_darker: var(--color-gray-1);--color_border: var(--color-gray-4);--color_border_fill: var(--color-gray-5);--color_border_lighter: var(--color-gray-7);--red: var(--color-red);--brown: var(--color-brown);--orange: var(--color-orange);--yellow: var(--color-yellow);--green: var(--color-green);--mint: var(--color-mint);--teal: var(--color-teal);--cyan: var(--color-cyan);--blue: var(--color-blue);--indigo: var(--color-indigo);--purple: var(--color-purple);--pink: var(--color-pink);--error: var(--color-red);--warn: var(--color-yellow);--color_primary: var(--color-blue);--color_secondary: var(--color-purple);--color_accent: var(--color-purple)}body[data-theme=dark]{--color_primary: var(--color-blue);--color_secondary: var(--color-indigo);--color_accent: var(--color-purple);--color_bg: var(--color-black-dark);--color_bg2: var(--color-gray-6-dark);--color_bg_transparent: hsla(var(--primary), var(--satuation), var(--dark), .88);--color_bg_transparent2: hsla(var(--primary), var(--satuation), var(--dark), .5);--color_fg: var(--color-white-dark);--color_bg_input: var(--color-gray-7-dark);--color_border: var(--color-gray-4-dark);--red: var(--color-red-dark);--brown: var(--color-brown-dark);--orange: var(--color-orange-dark);--yellow: var(--color-yellow-dark);--green: var(--color-green-dark);--mint: var(--color-mint-dark);--teal: var(--color-teal-dark);--cyan: var(--color-cyan-dark);--blue: var(--color-blue-dark);--indigo: var(--color-indigo-dark);--purple: var(--color-purple-dark);--pink: var(--color-pink-dark);--error: var(--color-red-dark);--warn: var(--color-yellow-dark);--box-shadow: 0 0 8px hsla(210, 80%, 50%, 1), 0 0 5px hsla(210, 80%, 50%, 1), 0 0 8px hsla(210, 80%, 50%, 1), inset 0 0 2px hsla(210, 80%, 50%, 1), inset 0 0 5px hsla(210, 80%, 50%, .6)}body[data-theme=purple]{--color_primary: var(--color-purple);--color_secondary: var(--color-indigo);--color_accent: var(--color-green);--color_bg: linear-gradient(135deg, hsl(120, 30%, 10%), hsl(120, 30%, 15%));--color_bg2: var(--color-gray-6-blue);--color_fg: var(--color-white-blue);--color_bg_input: var(--color-gray-7-blue);--color_border: var(--color_primary);--red: var(--color-red-dark);--brown: var(--color-brown-dark);--orange: var(--color-orange-dark);--yellow: var(--color-yellow-dark);--green: var(--color-green-dark);--mint: var(--color-mint-dark);--teal: var(--color-teal-dark);--cyan: var(--color-cyan-dark);--blue: var(--color_primary);--indigo: var(--color-indigo-dark);--purple: var(--color-purple-dark);--pink: var(--color-pink-dark);--error: var(--color-red-dark);--warn: var(--color-yellow-dark);--box-shadow: 0 0 5px hsla(210, 80%, 50%, .8), 0 0 10px hsla(210, 80%, 50%, .6), 0 0 15px hsla(210, 80%, 50%, .4) }body[data-theme=mono]{--color_primary: hsl(150, 100%, 12%);--color_secondary: hsl(210, 67%, 15%);--color_accent: hsl(270, 70%, 17%);--color_bg: white;--color_bg2: var(--color-gray-6-blue);--color_fg: var(--color-black-accessible);--color_bg_input: var(--color-gray-7-blue);--color_border: var(--color_primary);--red: var(--color-red-dark);--brown: var(--color-brown-dark);--orange: var(--color-orange-dark);--yellow: var(--color-yellow-dark);--green: var(--color-green-dark);--mint: var(--color-mint-dark);--teal: var(--color-teal-dark);--cyan: var(--color-cyan-dark);--blue: var(--color_primary);--indigo: var(--color-indigo-dark);--purple: var(--color-purple-dark);--pink: var(--color-pink-dark);--error: var(--color-red-dark);--warn: var(--color-yellow-dark);--box-shadow: 0 0 5px hsla(120, 80%, 10%, .4), 0 0 10px hsla(120, 80%, 10%, .2), 0 0 15px hsla(120, 80%, 10%, .4) }body[data-theme=green]{--color_primary: var(--logo_primary);--color_secondary: var(--color-indigo);--color_accent: var(--color-purple);--color_primary_bg: #008866;--color_bg: linear-gradient(105deg, hsl(270, 50%, 17%), hsl(270, 30%, 7%));--color_bg2: var(--color-gray-6-blue);--color_fg: var(--color-white-blue);--color_bg_input: var(--color-gray-7-blue);--color_border: var(--color_primary);--red: var(--color-red-dark);--brown: var(--color-brown-dark);--orange: var(--color-orange-dark);--yellow: var(--color-yellow-dark);--green: var(--color-green-dark);--mint: var(--color-mint-dark);--teal: var(--color-teal-dark);--cyan: var(--color-cyan-dark);--blue: var(--color_primary);--indigo: var(--color-indigo-dark);--purple: var(--color-purple-dark);--pink: var(--color-pink-dark);--error: var(--color-red-dark);--warn: var(--color-yellow-dark);--box-shadow: 0 0 5px hsla(120, 80%, 50%, .4), 0 0 10px hsla(120, 80%, 50%, .2), 0 0 15px hsla(120, 80%, 50%, .4) }.full{width:100%;height:100%}.offscreen{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.absolute_full{position:absolute;width:100%;height:100%;left:0;top:0}.companion{--padding: 2px;position:absolute;width:calc(100% + 2 * var(--padding));height:calc(100% + 2 * var(--padding));left:calc(-1 * var(--padding) - 1px);top:calc(-1 * var(--padding) * -1px);background:var(--color_bg);overflow:visible}.companion .anchor{transition:opacity .1s ease-out}.entity:hover .anchor{visibility:visible;opacity:1}.entity .anchor{visibility:hidden;z-index:1;position:absolute;display:flex;justify-content:center;align-items:center;top:20px;width:20px;height:20px;transform:translate(-50%,-50%);transition:opacity .15s ease-out}.entity:hover .anchor{visibility:visible}.entity .anchor.in{left:-3px}.entity .anchor.out{right:-21px}.entity .anchor svg{width:100%;height:100%}.flex{display:flex}.flex_center{display:flex;justify-content:center;align-items:center}.flex_between{display:flex;justify-content:space-between;align-items:center}.flex_2_column>*{flex:1}.typewriter:after{background:var(--color_bg);content:attr(data-content);display:inline-block;position:fixed;left:var(--x, 0px);top:var(--y, 0px)}.button{padding:.5em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.label{display:inline-flex;align-items:center;gap:2px}.hover_expand{overflow:clip;width:var(--width, 80%);text-overflow:ellipsis;transition:width .3s ease}.hover_expand:hover{width:unset}.icon{display:inline-flex;align-items:center}.reference_point{position:fixed;left:-5px;top:-5px;width:10px;height:10px;border:2px solid orange;border-radius:50%}.editable{min-width:50px;width:auto;max-width:100%;border:none;display:inline-block;position:relative;outline:none;border-radius:4px}.editable:empty{width:var(--placeholder_width, 150px)}.editable:empty:before{content:attr(data-placeholder);opacity:.5;pointer-events:none;position:absolute;left:0}.slim_scrollbar{scrollbar-color:var(--color_border) var(--color_bg);scrollbar-width:thin}.slim_scrollbar::-webkit-scrollbar{width:6px;height:16px}.slim_scrollbar::-webkit-scrollbar-thumb{border-radius:7px;margin:2px;width:5px;background:linear-gradient(var(--color_border),rgba(0,0,0,.2))}.slim_scrollbar::-webkit-scrollbar-track{border-radius:10px;background:var(--color_bg)}.splash_checkbox{display:inline-block;width:var(--size, 20px);height:var(--size, 20px);position:relative}path.splash_check{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:19;stroke-dashoffset:19;transition:stroke-dashoffset .3s ease;transition-delay:.2s}.splash_checkbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;border:2px solid #bfbfc0;border-radius:4px}.splash_checkbox.circle input{border-radius:50%}.splash_checkbox input:focus{outline:0}.splash_checkbox input:checked{animation:splash .6s ease forwards;border:2px solid var(--color, #866efb)}.splash_checkbox input:checked+svg path{stroke-dashoffset:0}@keyframes splash{40%{background:var(--background, #866efb);box-shadow:0 -18px 0 -8px var(--color, #866efb),16px -8px 0 -8px var(--color, #866efb),16px 8px 0 -8px var(--color, #866efb),0 18px 0 -8px var(--color, #866efb),-16px 8px 0 -8px var(--color, #866efb),-16px -8px 0 -8px var(--color, #866efb)}to{background:var(--color, #866efb);box-shadow:0 -36px 0 -10px transparent,32px -16px 0 -10px transparent,32px 16px 0 -10px transparent,0 36px 0 -10px transparent,-32px 16px 0 -10px transparent,-32px -16px 0 -10px transparent}}.sidebar{position:absolute;height:100%;display:flex;flex-direction:column;width:calc(var(--left_sidebar_width, 200) * 1px);border-right:1px solid #eef;font-size:16px;z-index:1;transform:translate(0);opacity:1;transition:transform .3s ease-in-out;background:var(--color_bg)}.tab_title{text-transform:capitalize;opacity:.5;transition:opacity .3s;padding:2px;position:relative;transform:scale(.9)}.tab_title.selected{opacity:1;transform:scale(1)}.tab_title:after{content:"";width:100%;position:absolute;left:0;bottom:-3px;border-bottom:2px solid;transform:translate(-30px);opacity:0;transition:none}.tab_title.selected:after{transform:translate(0);opacity:1;transition:all .3s ease-out}.sidebar.left_slided{transform:translate(-100%)}.sidebar.left_slided .collapse{opacity:0}.sidebar .expand{position:absolute;right:0;opacity:0}.sidebar:after{position:absolute;content:"";width:100%;height:calc(100% - 1px);box-sizing:border-box;left:1px;top:0;display:none}.sidebar.drag_hover:after{display:block;border:2px dashed var(--green)}.sidebar.left_slided .expand{opacity:1;transform:translate(30px);transition:all .3s ease-in-out;transition-delay:.2s;background:var(--color_bg)}.side_panes{flex-grow:1}.side_panes>*{position:absolute;width:100%;height:100%;left:0;top:0}.dragger{position:absolute;width:4px;height:100%;right:-2px;background:#ccd;opacity:0;transition:all .3s ease;transition-delay:.3s;cursor:ew-resize}.dragger:hover,.dragging{opacity:1}.droppable:after{position:absolute;content:"";width:100%;height:calc(100% - 1px);box-sizing:border-box;left:1px;top:0;display:none}.droppable.dragover:after{display:block;border:2px dashed var(--green)}.toolbar{position:fixed;top:4px;right:5px;border:1px solid var(--color_border_lighter);padding:8px;display:flex;justify-content:center;align-items:center;border-radius:5px;font-size:22px;gap:15px}.toolbar_btn{color:inherit;font-size:22px}.dot3{height:1em;position:relative;display:flex}.label{display:inline-flex;align-items:center}.label *{padding:5px;margin:5px}.label3{display:flex;position:relative;justify-content:space-between;align-items:center}.label3 *{display:inline-block}.checkbox{-webkit-appearance:none;appearance:none;background:transparent;margin:0;position:relative;font:inherit;color:currentColor;width:1em;height:1em;border-radius:.1em;overflow:clip}.checkbox:checked{background:indigo}.checkbox:before{content:"";position:absolute;top:0;left:0;opacity:.2;width:.4em;height:.7em;border-style:solid;border-color:#fff;border-width:0 2px 2px 0;transform:rotate(40deg) translate(-1.1em,1.18em);transition:all .3s ease}.checkbox:checked:before{opacity:1;transform:rotate(40deg) translate(.25em,-.15em)}.checkbox:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;border:.1em solid currentColor;z-index:1}.toolbar_btn{outline:none;border:none;background:none}.toolbar_btn:disabled,.toolbar_btn.disabled{opacity:.5;color:unset}.gray_out{opacity:.5}.overlay{position:fixed;font-size:30px;display:flex;justify-content:center;align-items:center;color:var(--color-gray-1)}.overlay.left{left:5px;top:80vh;top:80svh}.overlay.right{right:5px;top:80svh}.overlay.top_right{right:5px;top:5px}.hide_level1 .level1,.hide_level1 .level2,.hide_level2 .level2{display:none}