.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 20px;display:flex;position:sticky;overflow:hidden}.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(--charsize3);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}@media (width>=1024px){.sidebar{width:33.33%}}.page{width:100%;font-family:var(--font);padding:80px 20px 0 10px;font-size:20px;display:inline;position:sticky}.page h1{padding:30px 40px 10px 20px}.page h2{padding:40px 30px 10px 20px}.page h3{padding:20px 5px 5px 20px}.page p{width:90%;padding:20px}.page ul{margin:0;padding-left:40px;position:relative}.page li{padding-top:10px}.page-link{padding-top:10px;text-decoration:none}.guide{padding:20px}@media (width<=768px){.page h1{width:100%;font-size:var(--charsize1);padding:10px 0}.page h2{width:100%;font-size:var(--charsize2);padding:10px 0}.page h3{width:100%;font-size:var(--charsize3);padding:10px 0}.page p{width:100%;font-size:var(--charsize4);padding:10px 0}.page li,.page-link{font-size:var(--charsize5);padding-top:2px}.guide{font-size:var(--charsize6);padding:10px 0}}.header{z-index:999;background:var(--surface2);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(--charsize3);font-family:var(--font);white-space:nowrap;color:var(--letters3);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:20em;height:5em;padding-left:100px}.logo h3{justify-content:left;height:6em;padding:20px 30px 20px 100px}@media (width<=768px){.header{background-size:40px 70px}.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}}*,: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:#070a24;--surface5:#6c6e6e;--border1:#2a3050;--border2:#aeaed080;--border3:#aeaed080;--border4:#4857d8;--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, 2vw, 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)}}.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}}.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}}table{width:30%;margin:-20px 20px 30px 2px;text-decoration:none}.column{color:gray;border-bottom:1px solid var(--border2);width:75%;margin:25px 15px;display:inline-block}.td-link{border:3px solid var(--border4);transition:width var(--transition);background-color:var(--surface4);color:#f0f8ff;border-radius:3px;margin:25px 15px;padding:10px 60px;text-decoration:none}@media (width<=768px){.column{margin:10px 0;font-size:x-small}.td-link{padding:2px 10px;font-size:x-small}}.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}}