@import url("https://fonts.googleapis.com/css2?family=Afacad+Flux&display=swap");@import url("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/theme/dracula.min.css");@import url("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/theme/material.min.css");@import url("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/theme/monokai.min.css");@import url("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/theme/solarized.min.css");@import url("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/theme/eclipse.min.css");@import url("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/theme/midnight.min.css");@import url("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/theme/cobalt.min.css");@import url("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/theme/ambiance.min.css ");@import url("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/theme/blackboard.min.css");@import url("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/theme/base16-dark.min.css");@import url("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/theme/base16-light.min.css");.afacad-flux-regular,h1,h2,h3,h4,h5,h6{font-family:"Afacad Flux", sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0}.page-outer{width:100vw;display:flex;justify-content:center;outline:1px solid magenta}.container{display:flex;flex:1;overflow:hidden;max-width:1920px;gap:4px;margin:0 5px 5px 5px}.editor-pane,.preview-pane{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.panel{flex:1;overflow:auto;display:none;position:relative}.panel.active{display:block}.CodeMirror{height:calc(100% - 32px);font-size:13px;border-left:5px solid #c9c9c9 !important;border-right:5px solid #c9c9c9 !important;border-bottom:5px solid #c9c9c9 !important}.wysiwyg-editor{height:100%;overflow:auto}.tox-tinymce{border-top:none !important;border-left:5px solid #c9c9c9 !important;border-right:5px solid #c9c9c9 !important;border-bottom:5px solid #c9c9c9 !important;border-radius:0 !important}.preview-panel{height:100%;overflow:auto;background-color:white;width:calc(100% - 8px);border-left:5px solid #c9c9c9;border-right:5px solid #c9c9c9;border-bottom:5px solid #c9c9c9}footer{background:#425d76;padding:1rem;position:absolute;top:calc(100vh - 150px - 0.5rem);height:150px;width:300px;box-sizing:border-box;display:flex;justify-content:left;align-items:center}footer span{color:#efefef}.mobile-alert{display:none}.custom-modal-container body{line-height:1.6;margin:0;padding:20px;background-color:#f5f5f5}.custom-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0d253c;opacity:0.85;z-index:9999}.custom-modal{display:none;position:fixed;top:2.5rem;left:2rem;background-color:white;padding:20px;border-radius:24px;box-shadow:0 0 10px rgba(0,0,0,0.3);z-index:9999;width:calc(100vw - 4rem);height:calc(100vh - 4.5rem)}.custom-modal-close-btn{position:absolute;top:12px;right:12px;cursor:pointer;font-size:36px;color:#fff;background:#7f7f7f;display:flex;width:36px;height:36px;border-radius:50%;justify-content:center;align-items:end}.custom-modal-close-btn:hover{background:#3b3b3b;color:#c1c1c1}.modal-brace{width:100%;height:100%;overflow-y:auto;padding:4rem 8rem;text-align:center}.modal-brace h2{font-size:3rem;font-weight:900;text-align:left}.modal-brace .custom-modal-content{margin:0;padding:1rem 0 0}.modal-brace .custom-modal-content p{text-align:left;font-size:1rem;color:#4c4c4c;line-height:1.35rem;margin:0 0 1.25rem;font-weight:lighter}.modal-brace .custom-modal-content p.quote{text-align:center;font-size:1.25rem;font-style:italic}@media only screen and (max-width: 1024px){.container{flex-direction:column;min-width:768px}.tab-bar{height:43px !important}.tab-bar .tab{font-size:18px !important;height:40px !important;top:4px !important;padding:7px 12px 0 !important}.tab-bar .tab.active{height:42px !important;top:2px !important;padding-top:8px !important}.theme-change{height:42px !important;top:2px !important}.theme-change select#themeSelector{height:30px !important}button.width-trigger,.controls .width-trigger#export-html{height:40px !important;width:145px !important;top:4px !important;text-shadow:none}button.width-trigger:before,.controls .width-trigger#export-html:before{content:'Full Screen ';display:block;position:absolute;width:fit-content;top:9px;left:10px}button.width-trigger:after,.controls .width-trigger#export-html:after{position:absolute;top:6px;right:6px}button.width-trigger:hover,.controls .width-trigger#export-html:hover{text-shadow:none}button.width-trigger:active,.controls .width-trigger#export-html:active{text-shadow:none}.full-width button.width-trigger,.full-width .controls .width-trigger#export-html,.controls .full-width .width-trigger#export-html{width:192px !important}.full-width button.width-trigger:before,.full-width .controls .width-trigger#export-html:before,.controls .full-width .width-trigger#export-html:before{content:'Return to split view';display:block;position:absolute;width:fit-content;top:9px}.tab-bar button#print-button{position:relative !important;top:6px !important;left:4px !important;height:32px}}@media only screen and (max-width: 768px){.mobile-alert{display:block !important;z-index:999999;position:fixed;width:100vw;height:100vh;background:#22394f;color:#fff}.mobile-alert .center-float-wrap{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.mobile-alert .center-float-wrap .floater{width:75%;min-height:33%;padding:1.25rem 2rem 2.25rem 2rem;border:1px solid #eee;border-radius:1rem}.mobile-alert .center-float-wrap .floater h1{font-size:5.75vw;line-height:1.6;padding:0 0 1.5rem 5.5rem;margin:0;height:70px;background:url(../img/white-line-key.svg) no-repeat;background-size:70px 70px;background-position:3px 2px}.mobile-alert .center-float-wrap .floater p{font-size:1rem;line-height:1.25;padding:0 0 0.5rem}}*{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.animate,.custom-modal-close-btn,.tab-bar .tab,button,.controls #export-html,.reg-button,.controls button#save-btn,.controls button#new-btn,.controls button#copy-btn,.nav-menu a{transition:all 0.25s ease;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease}div{box-sizing:border-box}body{margin:0;background-color:#22394f;font-size:16px;font-family:"Afacad Flux", sans-serif;display:flex;flex-direction:column;height:100vh;overflow:hidden}@media print{body *{visibility:hidden}#print-view,#print-view *{visibility:visible}#print-view{position:absolute;left:0;top:0;width:100%}}header{height:57px;display:flex;align-items:flex-start;flex-direction:row;justify-content:space-between}header .pve-heading-block{height:57px;display:flex;flex-direction:row;align-items:center;margin-left:0.5rem}header .pve-heading-block .pve-logo{width:52px;height:46px;margin:2px 8px 0 0}header .pve-heading-block .title-desc{height:57px;width:220px;position:relative}header .pve-heading-block .title-desc h1{font-family:'Afacad Flux', sans-serif;font-weight:900;font-size:2rem;color:#E9F5FF;position:absolute;top:-1px;left:2px}header .pve-heading-block .title-desc p.tagline{font-family:'Afacad Flux', sans-serif;font-weight:100;font-size:0.9rem;color:#B7DEFF;position:absolute;top:30px;left:3px}header .controls{display:flex;align-items:center;height:57px;gap:10px;margin:0 55px 0 0}.tab-bar{display:flex;background-color:#22394f;border-bottom:3px solid #c9c9c9;position:relative;height:35px}.tab-bar .tab{padding:5px 12px 0;margin-right:3px;font-family:"Afacad Flux", sans-serif;cursor:pointer;height:32px;background:#787878;border-radius:3px 3px 0 0;color:#efefef;cursor:pointer;box-shadow:0 1px 1px #aeaeae inset;text-shadow:0px 1px 2px #606060}.tab-bar .tab:hover{background:linear-gradient(#767676, #5d5d5d);background-color:#767676;box-shadow:0 1px 1px #a1a1a1 inset;text-decoration:underline}.tab-bar .tab:active{background:linear-gradient(#686868, #5a5a5a);background-color:#686868;box-shadow:0 1px 1px #848484 inset;color:#fff}.tab-bar .tab.active{pointer-events:none;background:#c9c9c9;color:#454545;box-shadow:none;height:32px;top:0;text-shadow:none}.tab-bar .tab.active:hover{background:linear-gradient(#ababab, #c9c9c9);background-color:#ababab;box-shadow:0 1px 1px #cfcfcf inset;color:#333}.tab-bar .tab.active:active{box-shadow:none;background:linear-gradient(#999, #c9c9c9);box-shadow:0 1px 1px #d1d1d1 inset;color:#000}.tab-bar button#print-button{position:fixed;top:57px;right:70px;z-index:1000;background:#e87f00;cursor:pointer;height:28px;padding-top:3px}.tab-bar button#print-button:hover{background-color:#da7700;text-decoration:underline}.tab-bar button#print-button:active{background-color:#c46c02}.code-top{background:#c9c9c9}.theme-change{display:none;flex-direction:row;justify-content:flex-end;align-items:center;height:32px;background:#c9c9c9;padding:0;border-radius:3px 3px 0 0;position:relative;top:0px;right:5px}.theme-change label{text-transform:capitalize;padding:0 0.5rem;pointer-events:none;cursor:none;color:#545454;display:inline-block;font-size:0.95rem}.theme-change select#themeSelector{width:160px;font-size:0.85rem;border-radius:1px;background:#EEEEEE;padding:0;color:#151515;outline:1px solid #999}.theme-change.has-theme{display:flex}button,.controls #export-html,.reg-button{box-sizing:border-box;background:#bfbfbf;border-radius:3px;color:#FFF;padding:5px 12px;text-decoration:none;cursor:pointer;box-shadow:0px 1px 1px rgba(0,0,0,0.25);text-shadow:0px 0px 2px rgba(0,0,0,0.75)}button:hover,.controls #export-html:hover,.reg-button:hover{text-decoration:underline;background:linear-gradient(#a1a1a1, #9b9b9b);text-shadow:0px 0px 3px #000;box-shadow:0 1px 1px #cfcfcf inset}button:active,.controls #export-html:active,.reg-button:active{background:linear-gradient(#838383, #717171);text-shadow:none;box-shadow:0 1px 2px #727272;color:#eee}.controls button,.controls #export-html{height:32px}.controls button#save-btn{background:#10a528}.controls button#save-btn:hover{background:#139428;box-shadow:0 1px 1px #19b132 inset}.controls button#save-btn:active{background:linear-gradient(#0f8121, #066e17);box-shadow:0 1px 2px #19b132}.controls button#new-btn{background:#2da0e1}.controls button#new-btn:hover{background:#238fcd;box-shadow:0 1px 1px #51aee4 inset}.controls button#new-btn:active{background:linear-gradient(#1871a4, #0d6598);box-shadow:0 1px 2px #52ade3}.controls button#new-btn span{padding:0px 6px 0 0;font-size:30px;line-height:6px;font-weight:bold;display:inline-block;position:relative;top:4px}.controls button#copy-btn{background:#916ad3}.controls button#copy-btn:hover{background:#875ad3;box-shadow:0 1px 1px #bb6af5 inset}.controls button#copy-btn:active{background:linear-gradient(#6642a3, #5d389c);box-shadow:0 1px 2px #9b6dea}.controls button#copy-btn span{padding:0px 5px 0 0;font-size:24px;line-height:6px;font-weight:bold;display:inline-block;position:relative;top:1px}.controls button:hover,.controls #export-html:hover{text-decoration:underline}.controls #export-html{background:#0a8479}.controls #export-html:hover{background:#0c7d72;box-shadow:0 1px 1px #139b8f inset}.controls #export-html:active{background:linear-gradient(#05675e, #034f48);box-shadow:0 1px 2px #16afa2}.controls #export-html span{padding:0;font-size:20px;line-height:6px;font-weight:bold;display:inline-block;position:relative;top:2px;right:4px;rotate:90deg}button.width-trigger,.controls .width-trigger#export-html{border-radius:3px 3px 0 0;cursor:pointer;background:#c9c9c9;color:#111;padding:5px;box-shadow:none;height:35px;width:54px;top:0;margin:0;position:absolute;right:0px}button.width-trigger:after,.controls .width-trigger#export-html:after{background:url(../img/expand.svg) no-repeat;background-size:40px;background-position:center;content:'';display:block;width:44px;height:26px}button.width-trigger:hover,.controls .width-trigger#export-html:hover{background:linear-gradient(#ababab, #c9c9c9);background-color:#ababab;box-shadow:0 1px 1px #cfcfcf inset;color:#000}button.width-trigger:active,.controls .width-trigger#export-html:active{box-shadow:none;background:linear-gradient(#999, #c9c9c9);box-shadow:0 1px 1px #d1d1d1 inset}.full-width button.width-trigger:after,.full-width .controls .width-trigger#export-html:after,.controls .full-width .width-trigger#export-html:after{background:url(../img/col-column.svg) no-repeat;background-size:40px;background-position:center;content:'';display:block;width:44px;height:26px}.full-width{flex:100%}.hidden{display:none}#copy-confirmation{display:none;position:fixed;bottom:20px;right:20px;background:#4CAF50;color:white;padding:10px 20px;border-radius:5px;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1);animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0}}.dropdown{position:relative;display:inline-block}.dropdown:hover .dropdown-content{display:block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:215px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:999;right:0}.dropdown-content a{color:black;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#a5d4ff}#print-view{background-color:white}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);display:none;justify-content:center;align-items:center;z-index:1000}.dialog{background-color:white;padding:20px;border-radius:8px;width:400px;max-width:90%}.dialog h2{margin-bottom:15px}.dialog input{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px}.nav-container{position:fixed;top:10px;right:6px;z-index:9998;width:40px;height:38px}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:40px;height:38px;background:#283443;border:1px solid #5a5d89;border-radius:4px;cursor:pointer;padding:8px;z-index:1001;position:relative}.hamburger span{display:block;height:4px;width:100%;background:#fff;box-shadow:0 1px 2px #383838 inset;border-radius:3px;transition:all 0.3s ease}.hamburger:hover{background:#192431;box-shadow:0 1px 1px #5b5c78 inset;border:1px solid #4f547a}.hamburger:hover span{background:#dadada}.hamburger:active{background:#111e2a;box-shadow:none;border:1px solid #1a1d39;background-image:none}.hamburger:active span{background:#b4b4b4}.hamburger.active{border:1px solid #aeaeae;box-shadow:0 1px 2px #8a8a8a;background:#bfbfbf;background-image:-webkit-linear-gradient(top, #bfbfbf, #d4d4d4);background-image:-moz-linear-gradient(top, #bfbfbf, #d4d4d4);background-image:-ms-linear-gradient(top, #bfbfbf, #d4d4d4);background-image:-o-linear-gradient(top, #bfbfbf, #d4d4d4);background-image:linear-gradient(to bottom, #bfbfbf, #d4d4d4)}.hamburger.active span{background:#555}.hamburger.active:hover{color:#333;background:#969696;background-image:-webkit-linear-gradient(top, #a4a4a4, #c7c7c7);background-image:-moz-linear-gradient(top, #a4a4a4, #c7c7c7);background-image:-ms-linear-gradient(top, #a4a4a4, #c7c7c7);background-image:-o-linear-gradient(top, #a4a4a4, #c7c7c7);background-image:linear-gradient(to bottom, #a4a4a4, #c7c7c7);box-shadow:0 1px 1px #cfcfcf inset}.hamburger.active:hover span{background:#252525}.hamburger.active:active{background-image:-webkit-linear-gradient(top, #8f8e8e, #a9a9a9);background-image:-moz-linear-gradient(top, #8f8e8e, #a9a9a9);background-image:-ms-linear-gradient(top, #8f8e8e, #a9a9a9);background-image:-o-linear-gradient(top, #8f8e8e, #a9a9a9);background-image:linear-gradient(to bottom, #8f8e8e, #a9a9a9);box-shadow:0 1px 1px #e3e3e3 inset;color:#000}.hamburger.active:active span{background:#252525}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-menu{position:fixed;top:0;right:-350px;width:300px;height:100vh;background-color:#22394f;box-shadow:-2px 0 5px rgba(0,0,0,0.1);transition:right 0.25s ease-in;padding:6rem 0.5rem 0 0.5rem;overflow-y:auto;z-index:9998}.nav-menu ul{list-style:none}.nav-menu ul li{margin-bottom:5px}.nav-menu a{font-family:'Afacad Flux', sans-serif;text-decoration:none;background:#22394f;color:#FFF;font-size:1.75rem;display:block;padding:5px 14px;cursor:pointer;border-radius:0.35rem}.nav-menu a:hover{color:#FFF;background:#5d99d0;box-shadow:0 2px 4px #1f3346 inset;text-shadow:0 1px 2px #000}.nav-menu a:active{color:#EEE;background:#396b99;box-shadow:0 1px 2px #1f3346 inset;text-shadow:none}.nav-menu.active{right:0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);visibility:hidden;opacity:0;transition:opacity 0.3s ease, visibility 0.3s ease;z-index:999}.overlay.active{visibility:visible;opacity:1}.accordion{width:100%;max-width:600px;margin:20px auto}.accordion-item{border:1px solid #ddd;margin-bottom:10px;border-radius:4px;overflow:hidden}.accordion-header{background-color:#f4f4f4;padding:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}.accordion-header:hover{background-color:#e8e8e8}.accordion-header h3{font-weight:bold;margin:0}.accordion-icon{display:inline-block;width:16px;height:16px;position:relative}.accordion-icon::before,.accordion-icon::after{content:'';position:absolute;background-color:#333;transition:transform 0.3s ease}.accordion-icon::before{top:7px;left:0;width:16px;height:2px}.accordion-icon::after{top:0;left:7px;width:2px;height:16px}.accordion-item.active .accordion-icon::after{transform:rotate(90deg)}.accordion-content{padding:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease, padding 0.3s ease}.accordion-item.active .accordion-content{padding:15px;max-height:500px}.accordion-content p{margin-top:0;margin-bottom:15px}.accordion-content ul,.accordion-content ol{padding-left:20px;margin-bottom:15px}.accordion-content li{margin-bottom:5px}.accordion-content *:last-child{margin-bottom:0}.land-outer{display:flex;width:100vw;height:100vh;justify-content:center;align-items:center}.land-inner{min-width:50%;min-height:50%}.land-inner header{justify-content:center;align-items:center;height:140px}.land-inner header .pve-heading-block{margin-left:0}.land-inner .land-copy-block{position:relative;margin:0 1.5rem 1.5rem;padding:3.5% 12.5% 7.5%;border-radius:1rem;width:60%;margin:0 auto;border:1px solid #304e6b;border-radius:0.5rem}.land-inner .land-copy-block h2{font-family:'Afacad Flux', sans-serif;font-weight:900;font-size:3rem;color:#E9F5FF;text-align:center;padding:0.25rem 0 0.75rem}.land-inner .land-copy-block p{color:#B7DEFF;font-size:1.2rem;font-family:'Afacad Flux', sans-serif;font-weight:100;line-height:1.4rem;margin:0;padding:0.25rem 0 1rem}.land-inner .land-copy-block a{color:#fff}.land-inner .land-copy-block a:hover{color:#FC0}.land-inner .land-copy-block p.footclan{position:absolute;bottom:-40px;right:0;color:#eee;font-size:0.85rem}