:root{--main-height:86vh;--black:#252525;--main-color:#369ce5}@font-face{font-family:Escoredream;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff)format("woff");font-weight:300;font-display:swap}@font-face{font-family:Escoredream;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Escoredream;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff)format("woff");font-weight:700;font-display:swap}.markdown-body{box-sizing:border-box;min-width:200px;max-width:980px;margin:0 auto;padding:45px}@media (width<=767px){.markdown-body{padding:15px}}body{margin:0;font-family:Escoredream}.main-templates ul{margin:0;padding:0;list-style:none}img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform:scale(.6)}.most-top-nav{background:var(--black);color:#fff;padding:10px;font-size:large;font-weight:700}#app{flex-direction:row;justify-content:center;padding:5px 20px 0;font-size:large;display:flex}.main-templates{height:var(--main-height);width:30vw;padding:0px 10x 0px 20px}.main-title{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.main-title .main-refresh-button{background:0 0;border:none;outline:none;width:40px;height:40px;margin:0;padding:0}.main-title .main-refresh-button:hover{background:#d5d5d5}.main-title .main-plus-button{background:0 0;border:none;outline:none;width:40px;height:40px;margin:0;padding:0}.main-title .main-plus-button:hover{background:#d5d5d5}.template-buttons{height:100%;overflow-y:auto}.template-buttons li{border:1px solid #474747a9;border-radius:3px;justify-content:space-between;align-items:center;height:40px;margin:2px 0;font-family:Escoredream;font-size:large;display:flex}.template-buttons li:hover{background:#f3f3f3}.template-buttons li div{justify-content:center;display:flex}.modify-button{background:0 0;border:none;outline:none;width:40px;height:40px;margin:0 5px 0 0;padding:0}.modify-button:hover{background:#d5d5d5}.delete-button{background:0 0;border:none;outline:none;width:40px;height:40px;margin:0;padding:0}.delete-button:hover{background:#d5d5d5}.template-buttons li span{margin-left:10px}.main-descriptions{height:var(--main-height);width:35vw;min-width:0;padding:0 10px}.main-title .copy-button{flex-direction:row;justify-content:right;align-items:center;width:auto;height:23px;display:flex}.main-title .copy-button span{padding-left:5px;font-size:small;display:block}.main-title .copy-button img{width:30px;height:30px}.code-area{resize:none;border:solid 1px var(--black);width:100%;height:100%}.main-results{height:var(--main-height);width:35vw;min-width:0;padding:0 10px}.main-labels{align-items:center;height:30px;display:flex}.result-values{border:solid 1px var(--black);width:100%;min-width:0;height:100%;font-family:Arial,Helvetica,sans-serif;overflow-y:auto}.modify-modal{background:#0000004d;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.modify-modal .modal-popup{background:#fff;border-radius:10px;flex-direction:column;justify-content:center;width:70%;height:70vh;padding:20px;display:flex}.modal-popup h2{align-items:center;display:flex}.modal-popup img{vertical-align:middle;width:auto;height:1em;margin:0 10px 0 3px;transform:scale(1)}.modal-popup .modal-header{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.modal-popup .modal-header button{background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:40px;margin:0;padding:0;display:flex}.modal-popup .modal-header button:hover{background:#d5d5d5}.modal-popup .modal-header button img{margin:0}.modify-preview{flex-direction:row;justify-content:space-between;height:100%;min-height:0;margin-bottom:5px;display:flex}.modify-code-area{resize:none;border:solid 1px var(--black);width:49%}.modify-results{width:49%}.modify-result-values{border:solid 1px var(--black);width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;overflow-y:auto}.modify-modal button{width:100%;height:40px;margin:2px 0;font-family:Escoredream;font-size:large}.plus-modal{background:#0000004d;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.plus-modal .modal-popup{background:#fff;border-radius:10px;flex-direction:column;justify-content:center;width:70%;height:70vh;padding:20px;display:flex}.plus-template-title-input{height:40px;margin:0 0 5px;font-family:Escoredream;font-size:large}.plus-preview{flex-direction:row;justify-content:space-between;height:100%;min-height:0;margin-bottom:5px;display:flex}.plus-code-area{resize:none;border:solid 1px var(--black);width:49%}.plus-results{width:49%}.plus-result-values{border:solid 1px var(--black);width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;overflow-y:auto}.plus-modal button{width:100%;height:40px;margin:2px 0;font-family:Escoredream;font-size:large}.none{display:none}.markdown-body img{pointer-events:auto;-webkit-user-select:auto;user-select:auto;-webkit-user-drag:auto;transform:scale(1)}.home{flex-direction:column;justify-content:center;align-items:center;display:flex}.home-logo{width:100%;height:10vh;padding:20px 0 0}.home-logo span{margin:0 0 0 30px}.home-main{text-align:center;margin:100px 0 130px}.home-main span{letter-spacing:4px;font-size:60px;font-weight:700}.home-main p{letter-spacing:-1px;font-size:16px}.home-main button{color:#fff;background-color:#8096f8;border:0;border-radius:3px;width:180px;height:60px;margin:5px 0;font-family:Escoredream;font-size:22px;transition:all .1s;box-shadow:0 10px 25px #001aff40}.home-main button:hover{background-color:#6479d4;transform:translateY(-1px)}.title-gradient{background:linear-gradient(to right, var(--main-color), #3939ce);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.home-bottom{box-sizing:border-box;background-color:var(--black);flex-direction:column;align-items:center;width:100%;height:240vh;padding:60px;display:flex}.home-bottom .bottom-flex{flex-direction:column;align-items:center;margin:70px 0 0;display:flex}.home-bottom .screenshot{background-blend-mode:darken;background-color:#0005;border:1px solid #fff;border-radius:15px;width:850px;height:auto;margin:20px 0 0;transform:scale(1);box-shadow:10px 10px #8f8f8f,20px 20px #444}.home-bottom p{color:#fff;margin:0;font-size:20px}.home-bottom .bottom-main-p{color:var(--main-color);text-shadow:3px 3px #404b8c;font-size:60px}.home-bottom .bottom-descriptions{color:#fff;background-color:#2d2d2d;border-radius:20px;flex-direction:row;width:80%;margin:100px 0 0;padding:30px;display:flex;box-shadow:0 10px 25px #00000040}.home-bottom .bottom-descriptions h3{color:var(--main-color);font-size:27px}.home-bottom ul,.home-bottom ol{margin-top:0}.home-bottom .bottom-descriptions .bottom-doc-left{width:50%;height:100%}.home-bottom .bottom-descriptions .bottom-doc-right{flex-direction:column;justify-content:space-evenly;width:50%;margin:0 0 0 30px;display:flex}.brick{color:#fff;background:#222;border:1px solid #ffffff14;border-radius:16px;font-weight:600;transition:all .1s;box-shadow:0 10px 25px #00000040}.brick:hover{border-color:#6d8cff;transform:translateY(-5px)}.brick-lg{width:280px;padding:20px}.brick-sm{width:180px;padding:18px}.offset-1{margin-left:80px}.offset-2{margin-left:150px}.home-bottom .bottom-info{flex-direction:column;align-items:center;margin:100px 0 0;display:flex}.home-bottom .bottom-info img{width:80px;height:auto}.home-bottom .bottom-info p,.home-bottom .bottom-info a,.home-bottom .bottom-info span{color:#a6a6a6}.home-bottom .bottom-info div a{margin:0 3px;font-size:14px;text-decoration:none}.home-bottom .bottom-info div a:hover{color:#7c7c7c}.home-bottom .bottom-info div span{margin:0 3px;font-size:14px;text-decoration:none}.home-bottom .bottom-info div span:hover{color:#7c7c7c;cursor:pointer}