:root{--border:#2a3050;--radius:10px;--font:"Optimistic Display - 700";--surface:#fefeff;--letters:#02020a;--transition:.24s cubic-bezier(.4, 0, .2, 1)}.sidebar{background-color:#e3e6e2;background:var(--surface);border-right:2px solid var(--border);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 p{color:#303030}.sidebar ul{margin:0;padding-left:20px;list-style-type:none;position:relative}.sidebar li{padding-top:10px}.nav-item{text-align:left;white-space:nowrap;color:#303030;border:none;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:1.2rem;text-decoration:none;display:inline-block}.arrow{float:right;position:relative}.page{width:100%;padding:80px 20px 30px;font-family:Optimistic Display,-apple-system,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:22px;display:inline;position:sticky}.page h1{padding:20px 40px 30px 20px}.page h3{padding:20px}.page p{padding:10px 30px 10px 20px}.page ul{margin:0;padding-left:40px;position:relative}.page li{padding-top:10px}.page-link{color:#7f7c7c;text-decoration:none}.header{z-index:999;background-color:#0000;background-image:linear-gradient(#0b0b2b,#1b2735 70%,#090a0f);background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px;background-repeat:repeat;background-size:80px 140px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;gap:10px;width:100%;display:flex;position:fixed;top:0;left:0}.header-link{white-space:nowrap;color:#fff;text-align:right;border:none;align-items:center;gap:10px;width:100%;padding:8px 10px;font-family:Optimistic Display,-apple-system,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.2rem;text-decoration:none;display:inline-block}.header ul{justify-content:right;width:80%;padding-top:20px;padding-right:100px;font-size:12px;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{color:#ebf0eb;justify-content:left;height:6em;padding:20px 30px 20px 100px}.footer{z-index:1;text-align:center;white-space:pre;background-color:#92929880;border-top:3px solid #aeaed080;width:100%;font-family:Optimistic Display,-apple-system,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;display:grid;position:sticky;bottom:0}.footer a{padding:10px;text-decoration:none;list-style-type:none;display:inline-block}:root{--sidebar-w:35%;--border:#2a3050;--radius:10px;--font:Optimistic Display, -apple-system, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;--surface:#fefeff;--letters:#02020a;--transition:.24s cubic-bezier(.4, 0, .2, 1)}.layout{flex-direction:column;height:100vh;font-family:Optimistic Display,-apple-system,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;display:flex}.content{flex:1;font-family:Optimistic Display,-apple-system,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;display:flex;overflow:auto}.code-container{border:1px solid var(--border);width:90%;transition:width var(--transition);background-color:#f0f4f2;border-radius:8px;margin:0 0 0 20px;position:relative}.code-title{color:#71716e;background-color:#e9eeee;border-radius:0%;padding:2px;font-family:Optimistic Display,-apple-system,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:14px;overflow-x:auto}.code-title button{cursor:pointer;color:#52708a;text-align:center;background-color:#fff;border:2px solid #68737c;border-radius:.5rem;outline:none;font-size:14px;font-weight:600;line-height:14px;display:inline-block}.code-title button :hover{background-color:#bfcde3}.code-icon{float:left;width:1em;height:1.2em}.code-title-text{float:left;width:1em;height:1.2em;padding-left:5px;font-family:"Monospace",monospace;font-size:12px;font-weight:600}.code-copy{float:right;width:5%;height:auto;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:12px}.code-snippet{color:#252f38;white-space:pre-wrap;word-wrap:break-word;background-color:#ede9e9;border:#3b3d25;border-radius:5px;padding:15px 10px;font-family:"Monospace",monospace;font-size:16px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--border:#cdced3;--font:"Optimistic Display - 700";--transition:.24s cubic-bezier(.4, 0, .2, 1)}.info{text-align:left;border:2px solid var(--border);width:85%;transition:width var(--transition);background-color:#ced2d4;border-left:3px solid #031256;margin-left:30px;padding:10px 8px 10px 5px;position:sticky}.info ul{margin:0;padding-left:40px;position:relative}.info li{padding-top:10px}