:root{--color-highlight-primary: #FFD700;--color-accent-yellow: #D2B617;--color-accent-green: #2DCC14;--font-headers: "Rubik", sans-serif;--font-body: "Manrope", sans-serif;--color-background: #0F0F2E;--color-frame: #1F1F60;--color-accent-cyan: #24CED1;--color-accent-cyan-translucent: rgba(36, 206, 209, .7);--color-text-muted: #A1A1A1;--color-text-bright: #E6FFFF;--color-text-neutral: #D9D9D9;--color-text-code-comment: #00E000;--color-text-code-keywords: #9098F5;--color-text-code-class: #04D5D8;--color-text-code-value: #FDAA8B;--color-text-warning: #FF7575;--font-weight-for-code-text: normal;--color-border: #252574;--color-text-primary: #E6FFFF;--color-text-secondary: #E6E6E6;--color-nav-btn-inactive: #19194D;--color-nav-btn-active: #1F1F60;--color-button-bg: rgba(19, 19, 58, .9);--icon-accordion-list-item: url(data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2213%22%20viewBox%3D%220%200%2011%2013%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Crect%20x%3D%220.25%22%20y%3D%220.539955%22%20width%3D%2210.3355%22%20height%3D%222.20888%22%20fill%3D%22%230F0F2E%22%20stroke%3D%22%23D9D9D9%22%20stroke-width%3D%220.5%22/%3E%3Crect%20x%3D%220.25%22%20y%3D%229.56956%22%20width%3D%2210.3355%22%20height%3D%222.20888%22%20fill%3D%22%230F0F2E%22%20stroke%3D%22%23D9D9D9%22%20stroke-width%3D%220.5%22/%3E%3Crect%20x%3D%220.25%22%20y%3D%225.05476%22%20width%3D%2210.3355%22%20height%3D%222.20888%22%20fill%3D%22%230F0F2E%22%20stroke%3D%22%23D9D9D9%22%20stroke-width%3D%220.5%22/%3E%3C/svg%3E);--color-bottom-shadow-horizontal-line: rgba(0, 0, 0, .25);--color-top-shadow-horizontal-line: rgba(255, 255, 255, .4);--color-background-select: #13133a;--svw: 1svw;--svh: 1svh}body.light-theme{--color-background: #C5C5EC;--color-frame: #8B8BDA;--color-accent-cyan: #0000B3;--color-accent-cyan-translucent: rgba(0, 0, 179, .7);--color-text-muted: #383838;--color-text-bright: #003333;--color-text-neutral: #333333;--color-text-code-comment: #004d00;--color-text-code-keywords: var(--color-accent-cyan);--color-text-code-class: #540284;--color-text-code-value: #661B00;--color-text-warning: #700000;--font-weight-for-code-text: bold;--color-border: #7878D3;--color-text-primary: #0F0F2E;--color-text-secondary: #1A1A1A;--color-nav-btn-inactive: #9F9FE0;--color-nav-btn-active: #8B8BDA;--color-button-bg: rgba(178, 178, 230, .9);--color-background-select: #b2b2e6;--color-bottom-shadow-horizontal-line: rgba(0, 0, 0, .15);--color-top-shadow-horizontal-line: rgba(255, 255, 255, .6)}html{scroll-padding-top:25svh;scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-text-primary);transition:background-color .5s ease,color .5s ease;font-family:var(--font-body);display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,1fr);width:100svw;height:100svh;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}.page-layout{display:flex;flex-direction:column;height:100svh;width:100svw;gap:1svw}.main-content{display:flex;flex-direction:row;height:60svh;width:100svw}.middle-content{display:flex;flex-direction:column;height:60svh;width:58svw}.component-box{border-left:10px solid var(--color-frame);border-bottom:10px solid var(--color-frame);overflow-y:scroll}.text-primary,a.primary-text,a.primary-text:after{color:var(--color-text-primary)}.accordion-container{border:1px solid var(--color-background);overflow:hidden}.accordion-header-btn,.v2-accordion-header-btn{width:100%;text-align:left;border:none;font-size:clamp(.3rem,1svw + .1rem,.7rem);white-space:nowrap;flex-shrink:0;gap:.2rem;cursor:pointer;display:flex;justify-content:left;align-items:center;color:var(--color-text-primary)}.accordion-header-btn{background-color:var(--color-background)}.v2-accordion-header-btn{background-color:var(--color-frame);height:20px}.accordion-panel{align-items:center;gap:.2rem;margin-left:.5svw}.v2-accordion-panel{padding:.1rem;background-color:var(--color-background);border-left:12px solid var(--color-frame);border-right:12px solid var(--color-frame)}.panel-sidebar-right,.panel-sidebar-left{display:flex;flex-direction:column;width:20svw;border:2px solid var(--color-border);overflow-y:auto;overflow-x:auto}.panel-sidebar-left{margin:0 1svw 0 0}.panel-sidebar-right{margin:0 0 0 1svw}.sidebar-object-header{display:flex;align-items:center;gap:.2rem;margin:2px;width:20svw;box-sizing:border-box}.text-title-sm{font-size:clamp(.5rem,1svw + .1rem,.88rem);white-space:nowrap;flex-shrink:0}.divider-expandable{flex-grow:1;min-width:0;width:100%;height:2vh;background-image:repeating-linear-gradient(to right,var(--color-text-muted),var(--color-text-muted) .2vw,transparent .2vw,transparent .4vw),repeating-linear-gradient(to right,transparent,transparent .2vw,var(--color-text-muted) .2vw,var(--color-text-muted) .4vw),repeating-linear-gradient(to right,var(--color-text-muted),var(--color-text-muted) .2vw,transparent .2vw,transparent .4vw);background-repeat:no-repeat;background-size:100% 1px;background-position:0 .7vh,0 1.1vh,0 1.5vh;display:flex}.window-controls{display:inline-flex}button.btn-icon-window{background-color:var(--color-background);padding:0;margin:0 1px;cursor:auto;display:flex;align-items:center;justify-content:center;border:none}.icon-controls{width:clamp(.5svw,1svw,1.5svw);height:clamp(.5svw,1svw,1.5svw)}.accordion-icon-group{display:flex;align-items:center;gap:.2ram}.accordion-list-db{padding:0;margin:0 1.3rem;font-size:clamp(.3rem,1svw + .1rem,.7rem);list-style-image:var(--icon-accordion-list-item)}.accordion-list-prop{padding:0;margin:0 1px;font-size:clamp(.3rem,1svw + .1rem,.7rem);list-style:none}.accordion-list-prop li:before{background-size:contain;background-repeat:no-repeat;display:inline-block}.accordion-list-prop li a{text-decoration:none;color:var(--color-text-primary)}.line{border:none;height:.5px;background-color:var(--color-frame);margin:0}.nav-bar{display:flex;align-items:stretch;justify-content:flex-start}#nav-buttons button{background-color:var(--color-nav-btn-inactive);border:none;margin:0 2px 0 0;color:var(--color-text-primary);text-align:center;padding:.5rem}#nav-buttons button:active,#nav-buttons button.active{background-color:var(--color-nav-btn-active);border-top:2px solid var(--color-highlight-primary)}.hamburger-icon{display:none}.animation-controls{display:flex;align-items:center;gap:.75rem}.animation-toggle-button{display:flex;align-items:center;padding:.35rem .6rem;color:var(--color-text-primary);background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:.35rem;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;font-size:.75rem}.animation-toggle-button:hover{color:var(--color-accent-cyan);border-color:var(--color-accent-cyan)}.animation-toggle-button:focus{outline:2px solid var(--color-accent-cyan);outline-offset:2px}.animation-speed-select{display:inline-block;padding:.35rem .6rem;font-size:.75rem;color:var(--color-text-primary);background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:.35rem;cursor:pointer;transition:border-color .2s,background-color .2s}.animation-speed-select.hidden{display:none}.animation-speed-select:hover{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan)}.animation-speed-select:focus{outline:2px solid var(--color-accent-cyan);outline-offset:2px;box-shadow:0 0 0 2px #4fd1ff40}.animation-speed-select:focus option{background-color:var(--color-background-select)}.side-bar{width:10svw;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;align-self:stretch;background-color:var(--color-button-bg);border:2px solid var(--color-frame);gap:2svw;overflow:auto}.page-content{display:flex;align-items:center;justify-items:center;flex-direction:row;overflow:hidden;height:100svh}@media screen and (max-width:600px),screen and (max-height:500px){.animation-controls{align-items:stretch;gap:.4rem}.animation-toggle-btn,.animation-speed-select{width:100%;font-size:.7rem}.nav-bar{justify-content:space-between;align-items:center;width:100%;margin-left:2px;height:5svh;min-height:5svh;max-height:5svh;flex-shrink:0}.responsive-nav-button button.active{font-size:clamp(.65rem,.7svw + .15rem,.875rem);height:5svh;line-height:1svh}.hamburger-icon{display:flex;background-color:transparent;border:none;cursor:pointer}.navigate-buttons.responsive{display:flex;flex-direction:column;position:absolute;top:10svh;left:10svw;width:max-content;background-color:var(--color-nav-btn-inactive);z-index:10}.responsive-nav-button button.active{display:flex;height:5svh}.responsive-nav-button button:not(.active){display:none}.navigate-buttons.responsive .responsive-nav-button button:not(.active){display:flex}.navigate-buttons.responsive .responsive-nav-button button{width:100%}#nav-buttons button{font-size:clamp(.65rem,.7vw + .15rem,.875rem);line-height:1svh}.page-layout{gap:0;display:flex;flex-direction:column;width:100svw;height:100svh}.middle-content{display:flex;flex-direction:column;width:90svw;height:100%}.color-theme-icon{margin:0;padding-top:20px}.component-box{border:2px solid var(--color-border)!important;overflow:scroll;width:99%;min-height:50svh;display:flex;flex-grow:1}.footer{width:99%;margin:1px 1px 0;max-height:40svh;flex-shrink:1}.text-primary{font-size:clamp(.65rem,.7vw + .15rem,.875rem)}}@media screen and (max-width:250px),screen and (max-height:250px){.animation-controls{flex-direction:column}}.download-btn svg{width:clamp(4svw,7svw,8svw);height:clamp(4svw,7svw,8svw)}button.download-btn{background:var(--color-button-bg);color:var(--color-text-primary);gap:0;width:8svw;height:8svh;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(.5rem,.3svw + .3rem,.8rem)}.full-line{width:80%;height:clamp(1px,.3svh,5px);min-height:1px;background:var(--color-border);box-shadow:0 .5px 2px var(--color-bottom-shadow-horizontal-line),0 -.5px 1px var(--color-top-shadow-horizontal-line);border-radius:2px;margin:0 auto}.vs-toolbar-wrapper{display:flex;flex-direction:column;width:100svw;height:5svh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.vs-toolbar-line{display:flex;align-items:center;height:2.5svh}.vs-toolbar-line button{height:2.5svh;padding:0 .5vw;line-height:2.5svh;display:flex;align-items:center;justify-content:center;cursor:pointer}@media screen and (max-width:750px){.vs-toolbar-line button{font-size:clamp(10px,1svh,20px)}}.icon-button-row{display:flex;gap:0 2px;height:2.5svh;width:99svw;flex-direction:row;justify-content:space-between}.icon-button-row-left-side{display:flex;flex-direction:row}.divider-vertical{height:2.5svh;width:1px;margin:0 2px}.divider-double-dotted{border-left:1px dotted var(--color-text-muted);border-right:1px dotted var(--color-text-muted)}.divider-single-solid{border-left:1px solid var(--color-text-muted)}.btn-icon,.btn-icon-double{background-color:var(--color-background)}.btn-icon svg{height:2.5svh;width:auto}.btn-icon-double{border:1px solid var(--color-background);font-weight:700;gap:0}.btn-icon-double svg{height:2.3svh;width:auto}.btn-muted{background-color:var(--color-background);border:none;color:var(--color-text-muted);font-weight:lighter}.btn-icon-round{border-radius:10px;border:2px solid var(--color-text-muted)}.btn-icon-round.active{border:2px solid var(--color-accent-cyan);color:var(--color-accent-cyan)}.btn-icon-dashed{border-radius:3px;border:2px dashed var(--color-text-muted);font-size:clamp(.4rem,.8svw + .1rem,.9rem);width:clamp(1.8svw,1svw + .1svw,3.6svw)}.btn-icon-solid{border:1px solid var(--color-background)}.btn-text-light{background-color:var(--color-button-bg);border:1px solid var(--color-button-bg);font-weight:lighter;font-size:clamp(.4rem,.8svw + .1rem,.9rem)}.btn-text-muted{background-color:var(--color-background);border:1px solid var(--color-background);font-weight:lighter;font-size:clamp(.4rem,.8svw + .1rem,.9rem);margin-left:8px}.btn-abc-check{border:none;background-color:var(--color-bg-button);cursor:none}button.btn-muted,button.btn-icon,button.btn-icon-double,button.btn-abc-check{cursor:auto}.text-bold-sm{font-weight:700;font-size:clamp(.5rem,1svw + .1rem,1rem)}.text-muted{color:var(--color-text-muted)}.text-accent-green{color:var(--color-accent-green)}.decorative-top-mobile{width:100svw;height:5svh;display:flex;justify-content:space-between;align-items:center;margin:0;background-color:var(--color-button-bg);border-bottom:solid 1px var(--color-frame)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-frame)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:6px}::-webkit-scrollbar-corner{background-color:var(--color-frame)}@supports (scrollbar-width: thin){*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-frame)}.component-box{border-right:10px solid var(--color-frame)}}@supports (scrollbar-color: var(--color-border) var(--color-frame)){*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-frame)}.component-box{border-right:10px solid var(--color-frame)}}.text-code{font-size:clamp(.875rem,1vw + .25rem,1.125rem);font-family:Courier New,monospace;font-weight:var(--font-weight-for-code-text)}.text-code-rows{padding:0 2ch 0 .1ch;color:var(--color-text-muted)}.text-code-keyword{color:var(--color-text-code-keywords)}.text-code-value,.text-code-value a{color:var(--color-text-code-value)}.text-code-class{color:var(--color-text-code-class)}.text-comment{color:var(--color-text-code-comment)}.text-comment span{margin-left:-3ch}a.link-in-comment{color:var(--color-text-code-comment)}.code-list{list-style:none;display:inline;text-indent:-1ch;padding-inline-start:0}.code-list:before{padding-right:0}.code-list li{margin-bottom:.4rem;padding-left:1rem;position:relative}.code-list li:before{padding-right:1ch}.text-code-identifier{color:var(--color-text-warning)}.reverse-hanging-indent{--indent: 7ch;margin:0;padding-left:var(--indent);text-indent:calc(var(--indent) * -1)}.header-stripe{background-color:var(--color-frame);height:fit-content;padding:.5rem;border-top:2px solid var(--color-highlight-primary);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.color-theme-icon{margin:0 8px;cursor:pointer;transition:box-shadow .3s ease,transform .2s ease;border-radius:8px}.color-theme-icon:hover{box-shadow:0 4px 10px #0000004d;transform:translateY(-2px);cursor:pointer}.color-theme-icon svg{transition:filter .3s ease}.color-theme-icon:hover svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.footer{max-height:40vh;border:solid 2px var(--color-frame);border-radius:0}.console-window{font-size:clamp(.75rem,.9vw + .2rem,1rem);background-color:transparent;font-family:Courier New,monospace;padding:.2rem;max-height:20vh;overflow-y:auto;white-space:pre-wrap}.console-window-header{font-size:clamp(.65rem,.7vw + .15rem,.875rem);white-space:nowrap}.console-input{background:transparent;border:none;color:var(--color-text-primary);outline:none;flex:1;font-size:clamp(.75rem,.9vw + .2rem,1rem)}.console-prefics{margin:0 .2rem;color:var(--color-text-secondary);white-space:nowrap}.console-input-form{display:flex;align-items:center}.console-line{margin:0 .2rem;white-space:nowrap}.cmd{color:var(--color-accent-cyan);font-weight:700}.cmd-warning{color:var(--color-text-warning);font-weight:700}.text-warning{color:var(--color-text-warning)}.developer-powershell-header{display:flex;align-items:center;gap:.5rem;margin-left:2px;font-size:clamp(.75rem,.9vw + .2rem,1rem);font-family:Courier New,monospace;font-weight:bolder}.powershell-bar{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;font-size:clamp(.65rem,.7vw + .15rem,.875rem);font-family:Courier New,monospace;font-weight:bolder;gap:.2rem;margin-left:2px}.reverse-hanging-indent:has(.text-line){--indent: 4ch}.line-title{font-family:var(--font-headers);font-size:clamp(1.2rem,2svw,2rem);color:var(--color-text-code-keywords);margin-bottom:.5rem}.line-list{list-style:none;display:inline;text-indent:-4ch;padding-inline-start:0}.line-list:before{padding-right:0}.line-list li{margin-bottom:.4rem;padding-left:5ch;position:relative}.line-list li:before{content:"-";color:var(--color-text-code-class);padding-right:1ch}.intro{color:var(--color-text-code-class);font-family:var(--font-headers)}.hint-text{font-size:.85rem;color:var(--color-text-code-value)}.stripe-text{font-size:clamp(.7rem,1.2svw,1rem)}.view-mode-select{display:inline-block;padding:.35rem .6rem;font-size:clamp(.6rem,1svw,.7rem);color:var(--color-text-primary);background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:.35rem;cursor:pointer;transition:border-color .2s,background-color .2s}.view-mode-select:hover{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan)}.view-mode-select:focus{outline:2px solid var(--color-accent-cyan);outline-offset:2px;box-shadow:0 0 0 2px #4fd1ff40}.view-mode-select:focus option{background-color:var(--color-background-select)}.line-subtitle{font-family:var(--font-headers);font-size:clamp(.9rem,1.4svw,1.4rem);color:var(--color-accent-cyan);margin-bottom:.5rem}.line-link{color:var(--color-accent-cyan)}.line-link:visited{color:var(--color-text-code-comment)}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}