:root{--primary-txt: #111111;--primary-bg: #CCCCCC;--primary-link: #111166;--primary-highlight: #11111111;--primary-hover: #11111133;--base-bg: white;--base-txt: black;--base-link: blue;--base-visited: #800080;--base-btn: #f5f5dc;--base-error: #8b0000;--base-border: darkblue;--base-radius: 0}.alt{--primary-txt: #CCCCCC;--primary-bg: #111111;--primary-link: #9999CC;--primary-highlight: #FFFFFF11;--primary-hover: #FFFFFF33}@media (prefers-color-scheme: dark){:root{--primary-txt: #CCCCCC;--primary-bg: #111111;--primary-link: #9999CC;--primary-highlight: #FFFFFF11;--primary-hover: #FFFFFF33}.alt{--primary-txt: #111111;--primary-bg: #CCCCCC;--primary-link: #111166;--primary-highlight: #11111111;--primary-hover: #11111133}}.base1{--base-bg: white;--base-txt: black;--base-link: #006400;--base-visited: #00008b;--base-btn: #90ee90;--base-error: purple;--base-border: white}.base2{--base-bg: white;--base-txt: black;--base-link: darkred;--base-visited: purple;--base-btn: #add8e6;--base-error: red;--base-border: darkred}.base3{--base-bg: #30343F;--base-txt: #FAFAFF;--base-link: #E4D9FF;--base-visited: #E4D9FF;--base-btn: #374479;--base-border: #6E7799;--base-error: #C490D1}.base4{--base-bg: #111111;--base-txt: #CCCCCC;--base-link: #E4D9FF;--base-visited: #E4D9FF;--base-btn: #085E8F;--base-border: #085E8F;--base-error: #09BCE0}.base5{--base-bg: #D0F2FB;--base-txt: #726DA8;--base-link: #726DA8;--base-visited: #726DA8;--base-btn: #D0F2FB;--base-border: #726DA866}.base6{--base-bg: #250001;--base-txt: #FCBA04;--base-link: #F3F3F3;--base-visited: #F3F3F3;--base-btn: #590004;--base-border: #A50104;--base-error: #FCBA04}.base7{--base-bg: #2D3142;--base-link: #BFC0C0;--base-txt: #EF8354;--base-visited: #BFC0C0;--base-btn: #4F5D75;--base-border: #4F5D75;--base-error: #EF8354}.base8{--base-bg: #D3BDB0;--base-link: #715B64;--base-txt: #69385C;--base-visited: #715B64;--base-btn: #C1AE9F;--base-border: #89937C;--base-error: #715B64}.base9{--base-bg: #536B78;--base-link: #ACCBE1;--base-txt: #CEE5F2;--base-visited: #ACCBE1;--base-btn: #637081;--base-border: #7C98B3;--base-error: #CEE5F2}.base10{--base-bg: #E9FFF9;--base-link: #1D3354;--base-txt: #467599;--base-visited: #467599;--base-btn: #9ED8DB;--base-border: #E9FFF9;--base-error: #D64045}.radius1{--base-radius: .3rem }.radius2{--base-radius: .5rem }.radius3{--base-radius: .7rem }.radius4{--base-radius: 1rem }.radius5{--base-radius: 1.4rem }*{box-sizing:border-box}html{font-size:62.5%}body{font-size:1.6rem;font-family:Arial,Helvetica,sans-serif;margin:0;color:var(--primary-txt);background-color:var(--primary-bg)}a,button{cursor:pointer}a{text-decoration:none;color:var(--primary-link)}a:hover{background-color:var(--primary-hover)}.menu-h{position:relative;display:flex;align-items:stretch;justify-content:flex-start;margin:0;padding:0}.menu-h li{list-style:none}.menu-h ul{position:absolute;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;margin:0;padding:0;z-index:100;box-shadow:0 0 10px 0 var(--primary-txt)}.menu-h ul li{background-color:var(--primary-bg)}.menu-h>li:hover>ul,.menu-h>li>ul:hover{display:flex}.browser{margin:5rem 1%;padding:0;border:3px solid #D9D9D9;border-top-left-radius:4px;border-top-right-radius:4px}.browser-header{padding:5px;background-color:#d9d9d9;display:flex;justify-content:space-between}.browser .browser-dot{margin:4px 4px 0 0;height:12px;width:12px;background-color:#bbb;border-radius:50%;display:inline-block}.browser .browser-left{width:64px}.browser .browser-middle{width:90%}.browser .browser-middle a{background-color:#fff;display:inline-block;border-radius:4px;width:90%}.browser .browser-right{display:flex;justify-content:flex-end;gap:4px;width:64px}.browser .browser-bar{width:17px;height:3px;background-color:#aaa;margin:3px 0;display:block}.browser-path{padding:.5rem}.browser-capture img{height:2rem}.browser .browser-content{padding:0}.fl{display:flex;flex-flow:row wrap;align-items:stretch}@media print{#app>header.top,.browser-header{display:none!important}.browser-address{border:0}}.flex{display:flex}.nocss{padding:5px 5px 2rem;background-color:var(--base-bg);font-family:Times New Roman,Times,serif;color:var(--base-txt)}.nocss a{color:var(--base-link);text-decoration:underline}.nocss a:visited{color:var(--base-visited)}.demo{width:80rem;margin:1rem;padding:0 1rem 1rem;border:1px solid var(--base-link);font-family:Verdana,Geneva,Tahoma,sans-serif}.demo h1,.demo h2,.demo h3{margin:0;padding:1rem 0;color:var(--base-link)}.demo fieldset{border:1px dashed var(--base-border);border-radius:var(--base-radius);padding:2.4rem 2rem 0}.demo fieldset>div{padding-top:.5rem;padding-bottom:.5rem}.demo select{width:120px;height:30px;border:1px solid var(--base-border);color:var(--base-link);background-color:var(--base-btn);border-radius:var(--base-radius)}.demo input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;vertical-align:sub;border:1px solid var(--base-border);border-radius:var(--base-radius);outline:none;box-shadow:0 0 5px var(--base-border);transition:box-shadow .3s ease}.demo input[type=radio]:before{content:"";display:block;width:60%;height:60%;margin:20% auto;border-radius:var(--base-radius)}.demo input[type=radio]:checked:before{background-color:var(--base-txt)}.demo button{margin-left:10px;margin-right:10px;padding:.6rem;background-color:var(--base-btn);color:var(--base-link);border:2px solid var(--base-border);min-width:8rem;border-radius:var(--base-radius)}.demo button:hover{background-color:var(--base-link);color:var(--base-btn)}.demo .hl{font-weight:700;color:var(--base-link)}.demo .hla{margin:.1rem;padding:.5rem 1rem;background-color:var(--base-link);color:var(--base-btn);display:inline-block}.demo .hlb{margin:.1rem;padding:.5rem 1rem;background-color:var(--base-btn);color:var(--base-link);display:inline-block;border-radius:var(--base-radius)}.demo .gap{margin-bottom:16px}.demo label{display:inline-block;width:180px;margin:1rem 0}.demo input{width:16rem;margin-left:1rem;margin-right:1rem;padding:.5rem;border:2px solid var(--base-border);border-radius:var(--base-radius);background-color:var(--base-btn);color:var(--base-link)}.demo input[type=checkbox]{width:auto}.demo table{margin:3rem 1rem;background-color:var(--base-btn);color:var(--base-link);border:1px solid var(--base-border);border-spacing:0;border-collapse:separate;border-radius:var(--base-radius)}.demo tr{border-radius:var(--base-radius)}.demo th,.demo td{border:1px solid var(--base-border);padding:.5rem}.demo th:first-child{border-top-left-radius:var(--base-radius)}.demo th:last-child{border-top-right-radius:var(--base-radius)}.demo tr:last-child td:first-child{border-bottom-left-radius:var(--base-radius)}.demo tr:last-child td:last-child{border-bottom-right-radius:var(--base-radius)}.demo .tdbtn{text-align:center;cursor:pointer;color:var(--base-error);font-weight:700}.top{display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:space-between;list-style:none;background-color:var(--primary-bg);color:var(--primary-txt);box-shadow:0 0 10px 0 var(--primary-txt)}.top a{display:block;height:55px;padding:1.5rem;font-size:1.8rem;color:var(--primary-txt);white-space:nowrap}.top a:hover{background-color:var(--primary-hover);box-shadow:0 0 10px 0 var(--primary-txt)}.top .logo{margin:0 1rem 0 0;padding:0}.top .logo img{height:90%;margin:5%}#theme{font-size:1.7rem}