.sidebar{background-color:var(--surface1);background:var(--surface);border-right:2px solid var(--border2);width:30%;height:100%;transition:width var(--transition);flex-direction:column;margin-left:-60px;padding:60px 10px 10px;display:flex;position:sticky;overflow:hidden scroll}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex;overflow-y:auto}.sidebar ul{margin:0;padding-left:20px;list-style-type:none;position:relative}.sidebar li{padding-top:10px}.nav-item{width:100%;font-size:var(--charsize4);text-align:left;white-space:nowrap;color:var(--letters2);border:none;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:inline-block}.arrow{float:right;position:relative}.docs{width:100%;font-family:var(--font);padding:80px 20px 0 10px;font-size:20px;display:inline;position:sticky}.docs h1{padding:30px 40px 10px 20px}.docs h2{padding:40px 30px 10px 20px}.docs h3,.docs h4{padding:20px 5px 5px 20px}.docs p{width:90%;padding:20px}.docs ul{margin:0;padding-left:40px;position:relative}.docs li{padding-top:10px}.docs-link{padding-top:10px;text-decoration:none}.guide{padding:20px}@media (width<=768px){.docs h1{width:100%;font-size:var(--charsize1);padding:10px 0}.docs h2{width:100%;font-size:var(--charsize2);padding:10px 0}.docs h3{width:100%;font-size:var(--charsize3);padding:10px 0}.docs p{width:100%;font-size:var(--charsize4);padding:10px 0}.docs li,.docs-link{font-size:var(--charsize5);padding-top:2px}.guide{font-size:var(--charsize6);padding:10px 0}}.info{text-align:left;border:2px solid var(--border);border-left:3px solid var(--border6);width:85%;transition:width var(--transition);background-color:#ced2d4;margin-left:30px;padding:0 8px 0 5px;font-size:18px;position:sticky}.info ul{margin:0;padding:10px 10px 20px 40px;position:relative}.info li{padding-top:10px}@media (width<=768px){.info{width:90%;margin-left:4px;padding:10px 5px}}.boxes{flex-flow:wrap;place-content:center left;margin:10px 25px;display:flex}.small-box-link{border:3px solid var(--border4);width:20%;transition:width var(--transition);background-color:var(--surface4);color:var(--letters3);font-family:var(--font);text-align:center;border-radius:8px;margin-left:20px;padding:10px;font-size:24px;text-decoration:none}@media (width<=768px){.small-box-link{width:40%;margin-top:10px;font-size:x-small}}.header{z-index:999;border-bottom:2px solid var(--border3);background:var(--surface1);background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px;background-size:80px 140px;gap:10px;width:100%;display:flex;position:fixed;top:0;left:0}.header-link{width:100%;font-size:var(--charsize4);font-family:var(--font);white-space:nowrap;color:#000;text-align:right;border:none;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:inline-block}.header ul{justify-content:right;width:80%;padding-top:20px;padding-right:100px;display:flex}.header li{margin:0 12px;padding-bottom:12px;text-decoration:none;display:inline-block}.logo{align-items:center;width:8em;height:4.2em;padding-top:5px;padding-left:50px}.logo h3{justify-content:left;height:6em;padding:20px 30px 20px 100px}@media (width<=768px){.header{background-size:40px 70px;padding-bottom:8px}.header ul{width:10%;font-size:var(--charsize4);justify-content:right;margin:0 0 0 180px;padding-top:3px;padding-bottom:4px;padding-right:10px}.header li{font-size:var(--charsize4);justify-content:right;margin:0;padding-top:20px;padding-bottom:0}.logo{width:8em;padding-left:40px}}@media (width>=1024px){.header ul{width:100%}}.footer{border-top:3px solid var(--border2);z-index:1;background-color:var(--surface3);text-align:center;white-space:pre;width:100%;font-family:var(--font);display:grid;position:sticky;bottom:0}.footer a{padding:10px;text-decoration:none;list-style-type:none;display:inline-block}@media (width<=768px){.footer{width:100%;font-size:xx-small}}.code-container{border:1px solid var(--border);width:90%;transition:width var(--transition);background-color:var(--surface3);border-radius:8px;margin:0 0 0 20px;position:relative}.code-title{background-color:var(--surface5);color:var(--letters3);font-family:var(--font);font-size:var(--charsize6);border-radius:0%;padding:2px;overflow-x:auto}.code-title button{cursor:pointer;background-color:var(--surface1);border:2px solid var(--border5);color:var(--letters2);text-align:center;border-radius:.5rem;outline:none;font-weight:600;line-height:14px;display:inline-block}.code-icon{float:left;width:1em;height:1.2em}.code-title-text{float:left;font-size:var(--charsize6);font-family:var(--cli-font);width:1em;height:1.2em;padding-left:5px;font-weight:600}.code-copy{float:right;width:6%;font-family:var(--font);height:auto}.code-snippet{transition:width var(--transition);background-color:var(--surface4);color:var(--letters3);border:var(--border5);font-family:var(--cli-font);font-size:var(--charsize5);white-space:pre-wrap;word-wrap:break-word;border-radius:5px;padding:15px 10px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}@media (width<=768px){.code-container{width:100%;font-size:var(--charsize5);margin-left:2px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--radius:10px;--cli-font:"Monospace", monospace;--font:Optimistic Display, -apple-system, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;--surface1:#fefeff;--surface2:linear-gradient(to bottom, #0b0b2b, #1b2735 70%, #090a0f);--surface3:#92929880;--surface4:#723605;--surface5:#f27d09;--border1:#2a3050;--border2:#aeaed080;--border3:#aeaed080;--border4:#e38615;--border5:#3b3d25;--border6:#031256;--letters1:#02020a;--letters2:#303030;--letters3:white;--charsize1:clamp(1.5rem, 4vw, 3rem);--charsize2:clamp(1.2rem, 3vw, 2rem);--charsize3:clamp(1rem, 2vw, 1.5rem);--charsize4:clamp(.9rem, 1.6vw, 1.4rem);--charsize5:clamp(.8rem, 1.2vw, 1.2rem);--charsize6:clamp(.7rem, 1vw, 1rem);--transition:.24s cubic-bezier(.4, 0, .2, 1)}.layout{height:100vh;font-family:var(--font);flex-direction:column;display:flex}.content{font-family:var(--font);flex-wrap:wrap;flex:1;display:flex;overflow:auto}.container{flex-wrap:wrap;display:flex}.left-bottom-arrow{float:left;padding-top:4px;position:relative}.right-bottom-arrow{float:right;padding-top:4px;position:relative}.left-bottom-link{float:left;text-decoration:none}.right-bottom-link{float:right;text-decoration:none}@media (width<=768px){.left-bottom-arrow,.right-bottom-arrow{font-size:var(--charsize3);padding-bottom:12px}.left-bottom-link,.right-bottom-link{font-size:var(--charsize4)}}.download table{width:30%;padding-bottom:20px;text-decoration:none}.download-head{color:gray;border-bottom:1px solid var(--border2);width:75%;margin:-10px 15px 10px 10px;display:inline-block}.download-link{border:3px solid var(--border4);transition:width var(--transition);background-color:var(--surface5);color:#f0f8ff;border-radius:8px;margin:15px 10px 10px;padding:10px 50px;font-size:x-large;text-decoration:none}.options table{border-collapse:collapse;width:90%;font-size:var(--charsize5);margin:-20px 20px 30px;text-decoration:none}.options td{border:3px solid var(--border2);padding:5px}.options-head{background-color:#eac794}.options-name{width:25%;padding:5px}.options-description{width:70%;padding:5px}.options-type{width:4%;padding:5px}@media (width<=768px){.column{margin:10px 0;font-size:x-small}.td-link{padding:2px 10px;font-size:x-small}}.home{width:100%;font-family:var(--font);padding:120px 20px 0 10px;font-size:20px;display:inline;position:sticky}.hero{height:450px;padding:100px 100px 100px 120px}.hero h1{text-align:center;justify-content:center;align-items:center;font-size:clamp(4rem,8vw,6rem);display:flex}.hero p{text-align:center;color:var(--surface5);font-size:var(--charsize1);justify-content:center;align-items:center;display:flex}.hero-button{flex-flow:wrap;place-content:center;align-items:center;margin:10px 25px;padding:50px;display:flex}.slide{background-color:#dedee780;height:450px;padding:3px 30px 30px}.slide h1{text-align:center;justify-content:center;align-items:center;font-size:clamp(4rem,8vw,6rem);display:flex}.slide h3{color:var(--surface2);text-align:center;justify-content:center;align-items:center;padding:30px 30px 5px;display:flex}.slide p{color:var(--surface4);font-size:var(--charsize4);text-align:center;justify-content:center;align-items:center;display:flex}@media (width<=768px){.hero{width:100%;height:300px;padding:10px}.hero-button{padding:2px}.slide{height:350px;padding:10px}.slide h3{font-size:var(--charsize5);margin-top:3px;padding:4px 0 0}.slide p{font-size:var(--charsize6);padding:2px 0 0 3px}}