@import"https://fonts.googleapis.com/css2?family=Prompt:wght@700&family=Rubik:wght@300;400;500;700&display=swap";button[data-v-ce0fcc82]{border:none;outline:none;color:#fff;padding:.5rem 1rem;cursor:pointer;border-radius:.2rem}.googleSignIn[data-v-ce0fcc82]{background-color:#fff;color:#9c254d}.signOut[data-v-ce0fcc82]{background-color:#d02e2e;width:max-content}.signOut[data-v-ce0fcc82]:hover{background-color:#b62626;width:max-content}.hiUser[data-v-ce0fcc82]{display:flex;position:relative}.userPhotoContainer[data-v-ce0fcc82]{width:35px;height:35px;border-radius:50%;overflow:hidden;cursor:pointer}.userPhotoContainer img[data-v-ce0fcc82]{width:100%}.signOutContainer[data-v-ce0fcc82]{position:absolute;bottom:-6.8rem;right:0;background-color:#333;width:200px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;border-radius:.2rem;color:#fff;z-index:40;box-shadow:1px 1px 3px #0006}nav[data-v-da00f035]{background-color:#222}.navWrap[data-v-da00f035]{width:100%;max-width:var(--maxwidthContainer);margin:auto;background-color:#161616;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:0 1rem;height:3.5rem}.websdeck[data-v-da00f035]{font-size:1.5rem;font-family:Prompt,sans-serif;font-size:700;color:#fff}.websdeck span[data-v-da00f035]{color:#10a19d}.titleAndMenu[data-v-da00f035]{display:flex;gap:2rem;align-items:center}.titleAndMenu img[data-v-da00f035]{width:40px;transform:translateY(2.7px)}.menuList[data-v-da00f035]{background-color:#222;position:absolute;display:flex;width:100%;top:3.5rem;left:0;flex-direction:column;box-sizing:border-box;padding:1rem;transform:translate(-100%);transition:.3s ease-in-out;z-index:20;opacity:0}.menuListAppear[data-v-da00f035]{transform:translate(0);opacity:1}.menuList a[data-v-da00f035]{text-decoration:none;color:#eee;display:block;padding:1.5rem 0}.menuList a[data-v-da00f035]:hover{color:#fff}button[data-v-da00f035]{border:none;outline:none;color:#fff;padding:.5rem 1.5rem;cursor:pointer;border-radius:.2rem}.writeAndAccount[data-v-da00f035]{display:flex;gap:2rem;align-items:center}.googleSignIn[data-v-da00f035]{background-color:#faebd7;color:#9c254d}.signOut[data-v-da00f035]{background-color:#d02e2e}.writeCode a[data-v-da00f035]{color:#eee;border-radius:.3rem;font-size:1.2rem;padding:1rem 0}.writeCode a[data-v-da00f035]:hover{color:#fff}.toggleMenuIndex[data-v-da00f035]{background-color:transparent;font-size:1.5rem;color:#eee;padding:0}.loadProgress button[data-v-da00f035]{background-color:transparent;font-size:1.2rem;padding:1rem 0;color:#eee}.loadProgress button[data-v-da00f035]:hover{color:#fff}.loadProgress .progressList[data-v-da00f035]{max-width:300px;height:auto;position:absolute;top:4rem;background-color:#222}@media screen and (min-width: 700px){.menuList[data-v-da00f035]{background-color:transparent;position:static;flex-direction:row;padding:1rem;transform:translate(0);gap:2rem;opacity:1}.toggleMenuIndex[data-v-da00f035]{display:none}.writeAndAccount[data-v-da00f035]{gap:2.5rem}.titleAndMenu[data-v-da00f035]{gap:1rem}}a[data-v-8a93004c]{color:#666}.indexContainer[data-v-8a93004c]{margin:auto;overflow:hidden}footer[data-v-8a93004c]{background-color:#121212;color:#666;font-size:.8rem;display:flex;justify-content:space-between;align-items:center;height:4rem;box-sizing:border-box;padding:0 1rem;width:100%;max-width:var(--maxwidthContainer);margin:auto}nav[data-v-55db18bf]{background-color:#222;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:0 1rem;height:3rem}.websdeck[data-v-55db18bf]{font-size:1.5rem;font-family:Prompt,sans-serif;font-size:700;color:#fff}.websdeck span[data-v-55db18bf]{color:#10a19d}.titleAndMenu[data-v-55db18bf]{display:flex;gap:2rem;align-items:center}.titleAndMenu img[data-v-55db18bf]{width:40px;transform:translateY(2.7px)}.buttonArea[data-v-55db18bf]{position:absolute;top:3rem;left:0;flex-wrap:wrap;width:100%;background-color:#111;z-index:39;display:flex;gap:2rem;align-items:baseline;justify-content:center;box-sizing:border-box;padding:1rem}button[data-v-55db18bf]{border:none;outline:none;color:#aaa;cursor:pointer;border-radius:.2rem;background-color:transparent}button[data-v-55db18bf]:hover{color:#fff}.googleSignIn[data-v-55db18bf]{background-color:#faebd7;color:#9c254d}.signOut[data-v-55db18bf]{background-color:#d02e2e}.projectTitle[data-v-55db18bf]{width:140px;background-color:transparent;display:flex;align-items:center;padding:.3rem;border:none;border-bottom:1px solid #333;color:#fff;outline:none}@media screen and (min-width: 850px){.buttonArea[data-v-55db18bf]{position:static;flex-wrap:wrap;width:100%;background-color:transparent;display:flex;gap:2rem;align-items:baseline;justify-content:center;box-sizing:border-box;padding:1rem}.menuToggle[data-v-55db18bf]{display:none}}.skeleton *[data-v-498a95e1]{border-radius:.3rem}.skeleton[data-v-498a95e1]{margin-bottom:1rem;display:flex;gap:1rem;width:100%}.skeletonImg[data-v-498a95e1]{background-color:#333;min-width:45px;height:45px}.titleAndAuthorSkeleton[data-v-498a95e1]{height:45px;display:flex;flex-direction:column;gap:.5rem;width:100%}.titleSkeleton[data-v-498a95e1]{background-color:#333;height:49%;width:100%;max-width:250px}.skeleton:nth-child(2n + 1) .titleSkeleton[data-v-498a95e1]{max-width:390px}.skeleton:nth-child(3n + 2) .titleSkeleton[data-v-498a95e1]{max-width:300px}.authorSkeleton[data-v-498a95e1]{background-color:#333;height:49%;width:100px}a[data-v-8de013db]{color:#eee}a[data-v-8de013db]:hover{color:#fff}.loadProjects[data-v-8de013db]{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:40}.loadProjects .contents[data-v-8de013db]{background-color:#222;padding:2rem;border-radius:.3rem;box-shadow:1px 1px 3px #0006}.loadProjects .contents h3[data-v-8de013db]{margin-bottom:2rem;color:#aaa}.loadProjects .list[data-v-8de013db]{width:100%;min-width:250px;max-width:500px;box-sizing:border-box;line-height:2rem}.loadProjects .list li[data-v-8de013db]{border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:baseline;gap:1rem;margin-bottom:1.2rem}.loadProjects .list li[data-v-8de013db]:last-child{border-bottom:none}.loadProjects .list li a[data-v-8de013db]{color:#ddd}.loadProjects .list li a[data-v-8de013db]:hover{color:#fff}.liCon[data-v-8de013db]{color:#666}.noProjectLoad[data-v-8de013db]{text-align:center;color:#aaa;font-size:.9rem}.noProjectLoad a[data-v-8de013db]{background-color:#333;padding:.5rem 1rem;border-radius:.3rem}.noProjectLoad .link[data-v-8de013db]{margin-top:.5rem}@media screen and (min-width: 700px){.loadProjects .list[data-v-8de013db]{width:500px;box-sizing:border-box;line-height:2rem}}a[data-v-3a07133b]{color:#fff}a[data-v-3a07133b]:focus{color:#fff}main[data-v-3a07133b]{background-color:#111;padding:1rem;box-sizing:border-box;text-align:center;width:100%;max-width:var(--maxwidthContainer);margin:auto;min-height:var(--minheightContainer);overflow:hidden}h2[data-v-3a07133b]{color:#eee;font-size:1.5rem;text-align:center;margin:1rem 0 2rem;font-weight:700}.projectTitle[data-v-3a07133b]{text-align:left;border-bottom:1px dotted #222;width:100%;color:#fff}.projectTitle a[data-v-3a07133b]{font-size:1.1rem;margin-bottom:.3rem;font-weight:500;line-height:1.3rem;color:#ddd}.projectTitle a[data-v-3a07133b]:hover{color:#fff}.projectTitle p[data-v-3a07133b]{margin:.5rem 0;font-size:.9rem;color:#bbb}.project[data-v-3a07133b]{min-height:30px;width:100%;margin-bottom:1rem;font-weight:lighter}.loading[data-v-3a07133b]{width:100%}.projectItem[data-v-3a07133b]{display:flex;width:100%;gap:1rem}.authorProfilePhoto img[data-v-3a07133b]{width:45px;height:45px;border-radius:.3rem}.load[data-v-3a07133b]{background-color:transparent;border:1px solid #333;color:#666;cursor:pointer;padding:.3rem 1rem;border-radius:.2rem}.load[data-v-3a07133b]:hover{color:#eee}.isForked[data-v-3a07133b]{margin-left:1rem;color:#0c6ec3}.sorter[data-v-3a07133b]{margin:1.5rem 0;text-align:right;color:#aaa;font-size:.8rem}.sorter select[data-v-3a07133b]{background-color:#222;border:1px solid #111;color:#aaa;padding:.3rem;border-radius:.3rem}.sorter label[data-v-3a07133b]{margin-right:1rem}.prism-editor-wrapper{width:100%;height:100%;display:flex;align-items:flex-start;overflow:auto;-o-tab-size:1.5em;tab-size:1.5em;-moz-tab-size:1.5em}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.prism-editor-wrapper .prism-editor__textarea{color:transparent!important}.prism-editor-wrapper .prism-editor__textarea::-moz-selection{background-color:#accef7!important;color:transparent!important}.prism-editor-wrapper .prism-editor__textarea::selection{background-color:#accef7!important;color:transparent!important}}.prism-editor-wrapper .prism-editor__container{position:relative;text-align:left;box-sizing:border-box;padding:0;overflow:hidden;width:100%}.prism-editor-wrapper .prism-editor__line-numbers{height:100%;overflow:hidden;flex-shrink:0;padding-top:4px;margin-top:0;margin-right:10px}.prism-editor-wrapper .prism-editor__line-number{text-align:right;white-space:nowrap}.prism-editor-wrapper .prism-editor__textarea{position:absolute;top:0;left:0;height:100%;width:100%;resize:none;color:inherit;overflow:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-fill-color:transparent}.prism-editor-wrapper .prism-editor__editor,.prism-editor-wrapper .prism-editor__textarea{margin:0;border:0;background:none;box-sizing:inherit;display:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-variant-ligatures:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;-moz-tab-size:inherit;-o-tab-size:inherit;tab-size:inherit;text-indent:inherit;text-rendering:inherit;text-transform:inherit;white-space:pre-wrap;word-wrap:keep-all;overflow-wrap:break-word;padding:0}.prism-editor-wrapper .prism-editor__textarea--empty{-webkit-text-fill-color:inherit!important}.prism-editor-wrapper .prism-editor__editor{position:relative;pointer-events:none}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}a[data-v-378ef595]{color:#aaa}h3[data-v-378ef595]{position:absolute;top:.4rem;right:.8rem;z-index:10;width:100%;text-align:right;color:#eee;font-size:1.5rem}.codePane[data-v-378ef595]{display:flex;flex-direction:column;height:100vh}.codeArea[data-v-378ef595]{display:flex;flex-direction:row;position:relative;overflow:hidden;padding-top:.3rem}.codeViewer[data-v-378ef595]{background-color:#fff;width:100%}.htmlArea[data-v-378ef595],.cssArea[data-v-378ef595],.jsArea[data-v-378ef595]{position:relative;background-color:#222;color:#fff;overflow-y:auto;padding:2rem .6rem 1rem .5rem;box-sizing:border-box;border-radius:.3rem;width:100%;overflow:hidden}.codePaneChangeViewVertical[data-v-378ef595]{flex-direction:column-reverse}.codePaneChangeViewHorizontal[data-v-378ef595]{flex-direction:row-reverse!important}.codePaneHorizontalStatePos[data-v-378ef595]{flex-direction:row}.codeAreaOnHorizontalFlex[data-v-378ef595]{flex-direction:column!important}.editorField[data-v-378ef595]{color:#ccc;font-family:Fira code,Fira Mono,Consolas,Menlo,Courier,monospace;font-size:14px;line-height:1.5;padding:5px}.projectDetails[data-v-378ef595]{position:absolute;width:100%;max-width:26rem;height:100vh;z-index:30;right:0;background-color:#222;color:#bbb;box-sizing:border-box;padding:1rem;line-height:1.5rem;border:1px solid rgba(0,0,0,.1)}.projectDetails img[data-v-378ef595]{width:20px;height:20px}.projectDetails span[data-v-378ef595]{color:#444}.title[data-v-378ef595],.author[data-v-378ef595],.created[data-v-378ef595],.isForked[data-v-378ef595]{margin-bottom:1rem}.projectDetails ul li[data-v-378ef595]{display:flex;align-items:center;gap:1rem}.forkedLogs li[data-v-378ef595]{margin-bottom:.3rem}a[data-v-773fb828]{color:#aaa}.projectDetails[data-v-773fb828]{width:100%;max-width:26rem;height:100vh;background-color:#222;color:#bbb;box-sizing:border-box;padding:1rem;line-height:1.5rem;border:1px solid rgba(0,0,0,.1)}.projectDetails img[data-v-773fb828]{width:20px;height:20px}.projectDetails span[data-v-773fb828]{color:#444}.title[data-v-773fb828],.author[data-v-773fb828],.created[data-v-773fb828],.isForked[data-v-773fb828]{margin-bottom:1rem}.projectDetails ul li[data-v-773fb828]{display:flex;align-items:center;gap:1rem}.forkedLogs li[data-v-773fb828]{margin-bottom:.3rem}a[data-v-c57dff83]{color:#aaa}h3[data-v-c57dff83]{position:absolute;top:.4rem;right:.8rem;z-index:10;width:100%;text-align:right;color:#eee;font-size:1.5rem}.codePane[data-v-c57dff83]{display:flex;flex-direction:column;height:100vh}.codeArea[data-v-c57dff83]{display:flex;flex-direction:row;position:relative;overflow:hidden;padding-top:.3rem}.codeViewer[data-v-c57dff83]{background-color:#fff;width:100%}.htmlArea[data-v-c57dff83],.cssArea[data-v-c57dff83],.jsArea[data-v-c57dff83]{position:relative;background-color:#222;color:#fff;overflow-y:auto;padding:2rem .6rem 1rem .5rem;box-sizing:border-box;border-radius:.3rem;width:100%;overflow:hidden}.codePaneChangeViewVertical[data-v-c57dff83]{flex-direction:column-reverse}.codePaneChangeViewHorizontal[data-v-c57dff83]{flex-direction:row-reverse!important}.codePaneHorizontalStatePos[data-v-c57dff83]{flex-direction:row}.codeAreaOnHorizontalFlex[data-v-c57dff83]{flex-direction:column!important}.editorField[data-v-c57dff83]{color:#ccc;font-family:Fira code,Fira Mono,Consolas,Menlo,Courier,monospace;font-size:14px;line-height:1.5;padding:5px}.detailContainer[data-v-c57dff83]{position:absolute;right:0;z-index:30}a[data-v-4518e1da]{color:#fff}.about[data-v-4518e1da]{width:100%;max-width:var(--maxwidthContainer);background-color:#111;margin:auto;color:#fff;font-weight:lighter;font-size:1.3rem;box-sizing:border-box;padding:1.5rem;min-height:var(--minheightContainer)}.about h1[data-v-4518e1da]{font-weight:700;font-size:2rem;padding:2rem 0}.about article[data-v-4518e1da]{line-height:2rem;margin-bottom:3rem}.socials[data-v-4518e1da]{margin:3rem 0}.socials a[data-v-4518e1da]{font-size:1.5rem}.socials ul[data-v-4518e1da]{display:flex;gap:1.5rem;flex-direction:row-reverse}a[data-v-7a8d3538]{color:#fff;font-weight:bolder}.attribution[data-v-7a8d3538]{width:100%;max-width:var(--maxwidthContainer);background-color:#111;margin:auto;color:#fff;font-weight:lighter;font-size:1.2rem;box-sizing:border-box;padding:1.5rem;min-height:var(--minheightContainer)}.attribution h1[data-v-7a8d3538]{font-weight:700;font-size:2rem;padding:2rem 0}.attributionList ul[data-v-7a8d3538]{line-height:2.5rem}a[data-v-2c5faf38]{color:#ddd;font-weight:bolder}.error[data-v-2c5faf38]{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}h1[data-v-2c5faf38]{color:#ddd;font-size:5rem}p[data-v-2c5faf38]{color:#ccc;font-weight:lighter}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--maxwidthContainer: 980px;--minheightContainer: 90vh}::-webkit-scrollbar{width:8px;height:10px}::-webkit-scrollbar-thumb{background-color:#111;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}a{text-decoration:none}body{font-family:Rubik,sans-serif;background-color:#161616}button{font-family:Rubik,sans-serif}.gutter{background-repeat:no-repeat;background-position:50%}.gutter.gutter-horizontal{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);cursor:col-resize}.gutter.gutter-vertical{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=);cursor:row-resize}.prism-editor__textarea:focus-visible{outline:none;border:none}iframe{width:100%;height:100%}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}