:root{--red: #ce2812;--orange: #ed872a}*{padding:0;margin:0;text-decoration:none;color:#000}#particles-js{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1;background-color:#fff;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page>h1{margin:50px}.home-page>h1{margin:50px}h1{font-size:200%;font-weight:400}h2{font-size:120%;padding-bottom:4px}h3{font-weight:400;font-size:100%}p{padding:4px}.about-p{text-indent:0px;text-align:center;width:min(60%,600px);padding:0px calc((100% - min(60%,600px))/2)}input{background-color:#fff;padding:6px;margin:8px;color:#000;border:0px;outline:#222222 1px;outline-style:solid}input:focus::placeholder{color:transparent}textarea{width:calc(100% - 12px);background-color:#0001;resize:none;min-height:70vh;border:none;padding:6px}.clickable-text{cursor:pointer}.clickable-text:hover{color:var(--orange)}.page{min-height:calc(100vh - 100px);margin-bottom:-200px;width:min(max(calc(1000px - max(100% - 800px,0px)),max(80%,800px)),100%);margin-left:min(10%,max(100% - 900px,0px));background-color:#fff0}.home-page{margin-left:0;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.tools-page{margin:0 auto;text-align:center;height:100vh}.admin-page{display:flex}.sidebar{width:200px;text-align:center;background-color:var(--border-color);background-color:#0001;display:flex;flex-direction:column;padding:10px;margin-right:10px;margin-bottom:24px}.main-content{width:100%}.content-container{display:flex;flex-direction:row}.content-container>div{flex-basis:200px;flex-grow:1;margin:6px}.post-container{display:grid;grid-template-columns:1fr 1fr;margin-bottom:50px;background-color:#0001;border:2px dashed #ccc;backdrop-filter:blur(4px)}.post-container-text{margin:12px 16px;display:flex;flex-direction:column;justify-content:space-between}.post-container-button{display:block}.post-container-button-below{display:none;order:3}@media(max-width:1080px){.page>h1{margin:25px}.post-container{grid-template-columns:1fr!important;width:80%!important}.post-container-text{text-align:center!important;padding:0!important}.post-container-text{order:1!important}.post-container-image{order:2!important}.post-container-button{display:none}.post-container-button-below{display:flex;justify-content:center;button{margin:12px 16px}}}.header-container{width:100%}.header{background-color:#fff0;width:min(max(calc(1000px - max(100% - 800px,0px)),max(80%,800px)),100%);margin-left:min(10%,max(100% - 900px,0px));display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative}.header-menu{display:flex;align-items:center;justify-content:center;gap:4px}.header-menu-item{user-select:none;font-size:120%;padding:16px}.header-menu-item-selected{border-bottom:#000000 2px solid}.header-menu-item:hover{color:#ed872a}.header-menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;margin:0;background:transparent;border:none}.header-menu-toggle:hover{background:transparent}.header-menu-toggle span{display:block;width:24px;height:2px;margin:0 auto;background-color:#000;transition:transform .2s ease,opacity .2s ease}.header-menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header-menu-toggle.open span:nth-child(2){opacity:0}.header-menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.footer{height:200px;width:100%;background-color:#eee;text-align:center}.footer-links{display:flex;align-items:center;justify-content:center}.main-logo{padding:0 8px 8px;height:80px;width:auto;margin:0;cursor:pointer}table{width:100%;text-align:left}.asset-grid-item{background-color:#0001;padding:4px;margin:4px;position:relative;img{max-width:100%}a{position:absolute;top:4px;left:4px;color:#fff;background-color:#000;padding:0 4px}div{position:absolute;bottom:4px;right:4px;button{height:32px}}}.toggle{position:absolute;right:0;width:48px;height:26px;margin:8px}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#ccc;border-radius:26px;cursor:pointer;transition:.3s}.slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}input:checked+.slider{background:#ed872a}input:checked+.slider:before{transform:translate(22px)}.blog-list{margin-top:-8px;margin-bottom:25px;display:flex;flex-direction:column;gap:16px;padding:8px}.blog-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0 8px;text-align:left}.blog-card{display:flex;flex-direction:column;background-color:#0001;overflow:hidden;cursor:pointer;transition:background-color .15s;border:2px dashed #ccc;backdrop-filter:blur(4px)}.blog-card:hover{border:2px dashed #999}.blog-card--featured{grid-column:span 2;flex-direction:row;max-height:none!important;img >{width:50%!important}}.blog-card-image{width:100%;max-height:360px;object-fit:cover;display:block;max-width:100%}.blog-card--featured .blog-card-image{width:65%;height:auto;min-height:200px;flex-shrink:0}.blog-card-body{padding:12px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.blog-card-title{margin:0;font-size:1.1rem}.blog-card--featured .blog-card-title{font-size:1.35rem}.blog-card-date{font-size:.85rem;opacity:.7}.blog-card-tags{margin-left:-8px;display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.blog-list-item{width:100%;display:flex;flex-direction:row;align-items:stretch;background-color:#0001;backdrop-filter:blur(4px);min-height:120px;cursor:pointer;overflow:hidden;border:2px dashed #ccc}.blog-list-item:hover{border:2px dashed #999}.blog-list-item-image{max-height:120px;width:25%;min-width:120px;object-fit:cover;display:block;flex-shrink:0}.blog-list-item-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:10px 12px;gap:6px;text-align:left}.blog-list-item-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.flex1{flex:1;margin:auto}.tag{text-align:center;padding:0 8px;margin:0 0 auto 8px}.blog-header{padding:16px;margin:0!important;background-color:#0001;border-bottom:2px solid var(--orange);text-align:center}.blog-layout{display:flex;align-items:flex-start}.blog-content{flex:3;min-width:0;text-align:justify;margin-bottom:32px;padding:0 16px;h1,h2,h3{text-align:left}h1{font-size:clamp(2rem,3vw,3rem);padding-top:16px;scroll-margin-top:130px}h2{font-size:clamp(1.2rem,2vw,2rem);padding-top:8px;scroll-margin-top:130px}h3{font-size:clamp(1.2rem,1vw,2rem);font-weight:600;padding-top:8px;scroll-margin-top:130px}p{font-size:clamp(1.05rem,1vw,1.3rem);padding:8px 0;img{max-width:100%!important}}}ul{margin-left:16px;margin-bottom:16px}.blog-sidebar{padding-top:16px;flex:1;min-width:0;position:sticky;top:24px;display:flex;flex-direction:column;gap:16px}.blog-sidebar-toc{background-color:#0001;padding:12px 16px;h3{margin-bottom:8px;border-bottom:2px solid var(--orange);padding-bottom:4px}ul{margin:0;list-style:none;display:flex;flex-direction:column;gap:2px}li a{display:block;padding:2px;border-left:2px solid transparent;transition:color .15s,border-color .15s}li a:hover{color:var(--orange)}li a.active{color:var(--orange);border-left-color:var(--orange)}li a.toc-h1{font-size:100%;padding-left:2px;font-weight:400;font-style:normal}li a.toc-h2{font-size:85%;padding-left:10px;font-weight:400;font-style:normal}}.blog-sidebar-ad{display:flex;align-items:center;justify-content:center;text-align:center;padding:0}.bmc-button{display:flex;align-items:center;justify-content:center;background-color:#ed872a;color:#000;font-size:15px;font-weight:600;padding:10px 8px;text-decoration:none;transition:filter .15s ease;width:100%}.bmc-button:hover{filter:brightness(1.1)}@media(max-width:760px){.bmc-button{margin-bottom:16px}.blog-content{padding:0 16px}.blog-layout{flex-direction:column}.blog-sidebar{position:static;width:100%;order:-1}}.uploadBox{width:100px;height:50px;right:8px;bottom:8px;margin:0 auto;position:absolute;text-align:center;font-weight:700;color:#999;border:2px dashed #ccc;display:inline-block;input[type=file]{position:absolute;height:100%;width:100%;opacity:0;top:0;left:0}}th{border-bottom:1px dashed black}td{font-size:12px}.grid-container{display:grid;padding:8px;grid-template-columns:1fr 1fr 1fr 1fr;@media(max-width:1160px){grid-template-columns:1fr 1fr 1fr}@media(max-width:650px){grid-template-columns:1fr 1fr}}.slim-button{height:32px;margin-top:0;margin-bottom:0;padding:6px 24px}.thin{padding:6px;width:32px;margin:0}.mleft{margin-left:8px}.tool-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 8px;text-align:left;@media(max-width:650px){grid-template-columns:1fr}}.tool-card{display:flex;flex-direction:row;align-items:center;gap:16px;background-color:#0001;border:2px dashed #ccc;backdrop-filter:blur(4px);padding:20px 16px 18px;text-decoration:none;color:inherit;cursor:pointer;position:relative;overflow:hidden;transition:background-color .15s,border-color .15s}.tool-card:hover{border-color:#999;background-color:#0002}.tool-card-icon{font-size:2.5rem;flex-shrink:0}.tool-card-body{display:flex;flex-direction:column;gap:4px}.tool-card-title{margin:0;font-size:1.1rem}.tool-card-description{margin:0;font-size:.9rem;opacity:.7}.tool-card-color-bar{position:absolute;bottom:0;left:0;right:0;height:4px}.shop-item{user-select:none;padding:8px;margin:4px;text-align:left}.shop-item:hover{outline:2px solid #dddddd}.filters{margin:0 8px;width:auto;border-radius:50vh;padding:5px 10px;overflow:visible;background-color:#0001}button{color:#fff;border:none;padding:12px 24px;margin:4px;font-size:1em;font-weight:500;font-family:inherit;background-color:#ce2812;cursor:pointer}img{display:block;margin:auto;max-width:calc(100% - 16px);max-height:1024px}.hljs{font-size:1em}code{font-size:.75em;margin:12px;background-color:#0001!important;border:2px dashed #999}p>code,p>em>code{margin:0}p>a,li>a{font-weight:600;font-style:italic}p>a:hover,li>a:hover{color:var(--orange)}td>button{padding:4px 16px}button:hover{background-color:#ed872a}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.bg-image{width:100%;object-fit:cover;display:block;filter:blur(16px);transform:scale(1.05)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:8px;padding:24px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;position:relative;text-align:center}.modal-title{margin:0 0 16px}.modal-body{margin-bottom:24px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-cancel{padding:8px 16px;border:1px solid #ccc;border-radius:4px;background:#000;cursor:pointer}.modal-confirm{padding:8px 16px;border:none;border-radius:4px;background:var(--red);color:#fff;cursor:pointer}.motion-wrapper{position:absolute;top:50%;left:12px;offset-path:path("M 0 0 Q 80 -100 180 0");offset-rotate:0deg;offset-distance:0%;animation-fill-mode:forwards}.motion-wrapper.animate{animation:arcMove .3s ease forwards}.motion-wrapper.reverse{animation:arcReturn .5s ease forwards}@keyframes arcMove{to{offset-distance:100%}}@keyframes arcReturn{to{offset-distance:0%}}.spark-group{position:absolute;top:12px;left:12px;width:0;height:0;pointer-events:none;z-index:3}.spark-particle{position:absolute;width:4px;height:4px;background:#000;border-radius:50%;opacity:0}.icon{position:absolute;top:50%;left:0;transform:translateY(-50%);width:20px;height:20px;z-index:2;cursor:pointer}.test-box{width:100%;height:400px;border:1px solid black;margin-top:20px}.test-div{margin:20px auto auto;width:40%;height:100px;border:1px solid}.color-picker{transform:translateY(10px);align-self:center;padding:0;height:31px;outline:none}.color-text{font-family:monospace;font-size:15px;width:70px}select{background-color:#fff;padding:6px;border:1px solid black;height:32px}.number-in{width:100px}.nc-category{width:100%;margin-bottom:1.25rem;border:1px solid #ccc}.nc-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:end}.nc-field label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.35rem;color:#555}.nc-field select,.nc-field input{width:100%;box-sizing:border-box;border:1px solid;outline:none;margin:0;height:32px}.nc-field input{margin-top:1rem}.nc-field input[readonly]{background:#f6f6f6}.nc-flip-row{display:flex;justify-content:center;margin:.75rem 0}.nc-equation{margin-top:1.25rem;padding:.75rem 1rem;background:#f6f6f6;font-family:monospace;font-size:.95rem}.nc-error{margin-top:.75rem;color:#b3261e;font-size:.9rem}@media(max-width:760px){.header{width:100%;flex-wrap:wrap}.header-menu-toggle{display:inline-flex;margin-right:16px}.header-menu{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;margin-top:-8px}.header-menu.open{display:flex}.header-menu-item{margin-top:0;padding:12px 8px;border-bottom:1px solid #00000011;text-align:center}.header-menu-item-selected{border-bottom:1px solid #00000011;color:var(--orange)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}