:root{--table-radius: 5px}@font-face{font-family:InterRegular;src:url(../../../fonts/Inter-Regular.ttf);font-weight:400}@font-face{font-family:InterBold;src:url(../../../fonts/Inter-Bold.ttf);font-weight:700}nav{z-index:1;position:relative}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{font-family:InterRegular,Arial,Helvetica,sans-serif;height:100%;background-color:#34728b;color:#fffc;font-size:16px}body{line-height:1.5;-webkit-font-smoothing:antialiased;margin:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;margin:0}#debug{padding:12px;color:#fff;top:0;left:0;position:absolute;syntax:"<integer>"}a{color:#fffffff2}input{background-color:#ffffffe5;border-radius:6px;color:#03060d;padding:4px 8px!important}input:disabled{opacity:.5}button,input[type=submit]{border:2px solid #ffffff9c;border-radius:7px;background:none;color:inherit;padding:0 12px;cursor:pointer;transition-duration:.1s}button:hover,input[type=submit]:hover{background-color:#ffffff47}input[type=submit]:hover:disabled{background:none;cursor:not-allowed}p a{color:#fffd;border-radius:3px;padding-left:2px;padding-right:2px;margin-left:-2px;margin-right:-2px;transition-duration:.2s}li a:hover,p a:hover{background-color:#00aeff4d;background-color:#fff3}h1,h2,h3{color:#fffffff2}.rounded{border-radius:6px}.rounded-top-left{border-top-left-radius:6px}.rounded-bottom-left{border-bottom-left-radius:6px}.rounded-top-right{border-top-right-radius:6px}.rounded-bottom-right{border-bottom-right-radius:6px}.w{max-width:980px;margin:0 auto;padding-left:12px;padding-right:12px}.left{text-align:left}.right{text-align:right}p{margin-top:12px;margin-bottom:12px}h1,h2,h3,h4,h5{margin-top:22px;margin-bottom:12px}#draggables{position:fixed;z-index:200;top:0}@media only screen and (max-width: 600px){.mobile-hidden{display:none!important}.rounded{border-radius:16px}h1{font-size:22px}h2{font-size:18px}h3{font-size:16px;opacity:.8}.lol{margin-top:46px}}@media only screen and (min-width: 601px){.desktop-hidden{display:none!important}}.project-info>p,.project-info>ul,.project-info>ol,.project-info>h1,.project-info>h2,.project-info>h3,.project-info>h4,.project-info>h5,.project-info>.post-content,.project-info>.code,.project-info>.nomax{max-width:700px;margin-left:auto;margin-right:auto}.code{position:relative;background:#03060a;padding:0;border-radius:7px;border:1px solid #ffffff29}p>code{background:#03060a;border-radius:6px;border:1px solid #ffffff29;padding:2px 6px;display:inline-block}code{font-size:15px}.code button.copy{padding:17px;margin:0;right:0;top:1px;position:absolute;border:none;background-image:linear-gradient(90deg,#03060a00,#03060a 50%)}.code button.copy:hover{background:none;background-image:linear-gradient(90deg,#03060a00,#03060a 50%)}.code button.copy:active{transform:scale(.83)}.code button.copy svg{color:#fff6;transition-duration:.2s}.code button.copy:hover svg{color:#fff}.actual-code{padding:16px;overflow-x:auto}.code-command{color:#eee}.code-comment{color:#eeeeee95}.code-arg{color:#77a2c8}.code-value{color:#579589}.project-info>ul,.project-info>ol{padding-left:24px}.project-info>p>img{max-width:calc(100% + 280px);margin-left:-140px;display:block;object-fit:contain}@media only screen and (max-width: 1000px){.project-info>p>img{width:100%;margin-left:0}}.col-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.col-2 p{margin:0}.col-2>div{margin:0}.col-2>div:nth-child(2)>img:nth-child(1){margin-top:-10px;margin-bottom:10px}.col-2>div:nth-child(2){overflow:hidden}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.grid-2>p{display:none}.grid-2 p{margin:0}.grid-2>div{display:initial!important}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:20px 0}@media only screen and (max-width: 600px){.grid-3,.grid-2{grid-template-columns:1fr}}.three-phones{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin:32px 0}.three-phones>img{background:hsla(0,0%,100%,.05);padding-bottom:42px;padding-top:20px;border-radius:20px;border:2px solid rgba(190,199,217,.1);height:auto}.browser{background:hsla(0,0%,100%,.05);margin:32px 0;padding-top:22px;border:2px solid rgba(190,199,217,.1);border-radius:12px 12px 4px 4px;height:auto}.copyright{position:absolute;left:0;bottom:0;opacity:.6;padding:4px 9px;font-size:15px;right:0;text-align:right;user-select:none}@media only screen and (max-width: 600px){.three-phones{grid-template-columns:1fr}.browser{padding-top:2.5%}.three-phones>img{margin:0 auto}}.tooltip{position:absolute;background-color:#03060d;border:1px solid #ffffff99;padding:2px 5px;border-radius:2px;font-size:15px;transition-duration:.2s}.explanation{border:none;padding:0;background:none;color:#fff6}.overlay{background-image:linear-gradient(to bottom,#03060d5c,#03060d00);position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none}table{font-family:InterRegular,Arial,Helvetica,sans-serif;border-collapse:separate;border-spacing:0;margin:16px 0;border:solid #ffffff3c 1px;border-radius:var(--table-radius)}table>tbody>tr:last-child>td:last-child{border-bottom-right-radius:var(--table-radius)}table>tbody>tr:last-child>td:first-child{border-bottom-left-radius:var(--table-radius)}table>tbody>tr:first-child>th:last-child{border-top-right-radius:var(--table-radius)}td,th{border:1px solid #ffffff3c;text-align:left;padding:8px}td,th{border-left:solid black 1px;border-top:solid black 1px;background-color:#ffffff0e}th{border-top:none}td:first-child,th:first-child{border-left:none}tr:nth-child(odd)>td,tr:nth-child(odd)>th{background-color:#00000079}.mc-comments{display:grid;gap:20px;grid-template-columns:1fr;container-type:inline-size}.mc-comment-container{border-left:2px solid rgba(255,255,255,.317);border-radius:2px;padding-left:16px;padding-top:20px;border-top:1px solid #ffffff22}.mc-comment{display:grid;grid-template-columns:50px 1fr;gap:0px;grid-template-columns:40px 1fr auto auto;grid-template-rows:auto;grid-template-areas:"avatar display-name	date		reply-link" "avatar user-name		date		reply-link" "body 	body			body		body";margin-bottom:16px;max-width:100%}@container (max-width: 600px){.mc-comment-container{padding-left:8px}.mc-comment{grid-template-areas:"avatar display-name" "avatar user-name" "body 	body" "date	date" "reply-link 	reply-link"}}.mc-comment-container:last-child .mc-comment{margin-bottom:0}.mc-avatar{grid-row:span 2;border-radius:9999999px;grid-area:avatar;margin-right:12px}.mc-display-name{font-weight:700;grid-area:display-name;margin-left:12px;display:flex;gap:8px;overflow-x:auto}.mc-user-name{grid-area:user-name;margin-left:12px;opacity:.5;overflow-x:auto}.mc-date{grid-area:date;opacity:.5}.mc-reply-link{grid-area:reply-link;margin-left:12px}.mc-body{grid-area:body;margin-bottom:12px}.mc-author{border:1px solid rgb(62,229,137);opacity:.5;color:#3ee589;border-radius:2000px;padding:2px 8px;font-style:italic;font-size:.72rem;height:fit-content}.desktop-nav.svelte-1rl9sj6.svelte-1rl9sj6.svelte-1rl9sj6{display:flex;width:100%;justify-content:space-between;margin-top:36px}#logo.svelte-1rl9sj6.svelte-1rl9sj6.svelte-1rl9sj6{font-size:20px;padding:20px 22px;font-weight:700}.desktop-nav.svelte-1rl9sj6 a.svelte-1rl9sj6.svelte-1rl9sj6{font-size:18px;color:#fff;padding:22px;display:inline-block;text-decoration:none}.mobile-nav.svelte-1rl9sj6.svelte-1rl9sj6.svelte-1rl9sj6{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;justify-content:space-between;background-color:#03060db4;padding:0 22px;background-image:linear-gradient(to top,#03060ddb,#0a0f1ae6);border-top:2px solid #7e8baa4d;box-shadow:0 0 14px #0000007d}.mobile-nav.svelte-1rl9sj6>div.svelte-1rl9sj6.svelte-1rl9sj6{width:25%;text-align:center}.mobile-nav.svelte-1rl9sj6>div.svelte-1rl9sj6>a.svelte-1rl9sj6{padding:12px 0 10px;min-width:66%;width:fit-content;display:block;margin:0 auto;color:#fff;text-decoration:none;font-size:12px}.mobile-nav>div>a>svg{margin:0 auto;width:28px;height:28px}.mobile-logo.svelte-1rl9sj6.svelte-1rl9sj6.svelte-1rl9sj6{font-size:19px;font-weight:700}.wip-disclaimer.svelte-uqsdpm.svelte-uqsdpm.svelte-uqsdpm{position:absolute;top:0;left:0;right:0;z-index:20;text-align:center;backdrop-filter:blur(8px);background-color:#ffffff14;display:flex;justify-content:center;gap:16px}.wip-disclaimer.svelte-uqsdpm p.svelte-uqsdpm.svelte-uqsdpm{margin:6px 0}.wip-disclaimer.svelte-uqsdpm>p.svelte-uqsdpm>span.svelte-uqsdpm{margin-right:6px;margin-left:6px}#loading-bar.svelte-uqsdpm.svelte-uqsdpm.svelte-uqsdpm{position:fixed;background-position-x:20vw;animation:1s linear infinite normal svelte-uqsdpm-slidein;background-image:linear-gradient(to right,#fff3 20%,#ffff,#fff3 80%);height:5px;top:0;left:0;right:0;z-index:200;opacity:0;transition:opacity .2s}#loading-bar.navigating.svelte-uqsdpm.svelte-uqsdpm.svelte-uqsdpm{opacity:1}@keyframes svelte-uqsdpm-slidein{0%{background-position-x:0vw}to{background-position-x:100vw}}.root.svelte-uqsdpm.svelte-uqsdpm.svelte-uqsdpm{position:relative}.scrollable.svelte-uqsdpm.svelte-uqsdpm.svelte-uqsdpm{position:relative;display:flex;flex-direction:column;min-height:100vh}main.svelte-uqsdpm.svelte-uqsdpm.svelte-uqsdpm{flex-grow:1;transition-duration:1s}.sometimes-gradient.svelte-uqsdpm.svelte-uqsdpm.svelte-uqsdpm{position:absolute;left:0;right:0;top:0;bottom:0;background-image:linear-gradient(to bottom,#03060de7 0px,#03060d 1110px);opacity:0;transition-duration:.3s}.sometimes-gradient.visible.svelte-uqsdpm.svelte-uqsdpm.svelte-uqsdpm{opacity:1}footer.svelte-uqsdpm.svelte-uqsdpm.svelte-uqsdpm{z-index:1}canvas.svelte-uqsdpm.svelte-uqsdpm.svelte-uqsdpm{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;padding:0}canvas.debug{z-index:100}.canvas-blurrer.svelte-uqsdpm.svelte-uqsdpm.svelte-uqsdpm{position:fixed;top:0;bottom:0;left:0;right:0}.no_pointer_events.svelte-uqsdpm.svelte-uqsdpm.svelte-uqsdpm{pointer-events:none}.overlay-top.svelte-uqsdpm.svelte-uqsdpm.svelte-uqsdpm{background-image:linear-gradient(to bottom,#03060d5c,#03060d00 220px);opacity:.5}.ovrelay-bottom.svelte-uqsdpm.svelte-uqsdpm.svelte-uqsdpm{background-image:linear-gradient(to top,#03060ddc,#03060d00 320px);opacity:.2}footer.svelte-uqsdpm.svelte-uqsdpm.svelte-uqsdpm{display:flex;justify-content:space-between;padding:24px;gap:0;margin-top:20px}footer.svelte-uqsdpm>.svelte-uqsdpm.svelte-uqsdpm{width:100%}#fps.svelte-uqsdpm.svelte-uqsdpm.svelte-uqsdpm{position:absolute;font-family:monospace;z-index:2000}