@import"https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:JetBrains Mono NL;src:url(../fonts/JetBrainsMonoNL_Bold.ttf);font-weight:800;font-size:16px}@font-face{font-family:JetBrains Mono NL;src:url(../fonts/JetBrainsMonoNL_Regular.ttf);font-weight:400}:root{background-color:var(--background);--accent-color: #CAE6FF;--text: #f5faff;--text-1: #95989c;--text-2: #737577;--header-font: "Cherry Bomb One";--default-font: "Sour Gummy";--background: #151515;--background-1: #1C1C1C;--background-2: #2C2C2C;--background-hover: #474747;--background-1-hover: #4f4f4f;--background-2-hover: #4f4f4f;--red: #C90D0D;--green: #0DC93F;--toastify-text-color-dark: var(--text) !important;--toastify-color-dark: var(--background-1) !important;--toastify-color-success: var(--green) !important}.lucide{transition:.3s ease all}button:hover>.lucide{stroke:var(--accent-color)}#root{display:flex;flex-direction:column;min-height:100vh}main{display:flex;flex-wrap:wrap;justify-content:center;gap:75px;padding:50px 20px 25px;margin-bottom:25px}h1{color:#fff;font-family:var(--header-font),system-ui;font-size:5rem;text-align:center}h2{color:var(--accent-color);font-family:var(--default-font),system-ui;font-weight:700;font-size:2rem;text-decoration:underline;margin-bottom:5px}h3{color:var(--accent-color);font-family:var(--default-font),system-ui;font-weight:700;font-size:1.5rem}label{color:var(--text);font-family:var(--default-font),system-ui;font-weight:700;font-size:2rem;line-height:2rem}li{list-style:inside;color:var(--text-2)}ul>li>ul{padding-left:20px}header{display:flex;justify-content:center;align-items:center;padding:20px 0}footer{display:flex;justify-content:space-between;align-items:baseline;padding:5px;margin-top:auto}footer>#footer-repo-svg{color:var(--text-2)}footer a{transition:.3s ease all;color:var(--text-2);font-family:JetBrains Mono NL;font-size:1.5rem}footer a:hover{color:var(--accent-color)}footer .lucide{transition:.3s ease all}footer .lucide:hover{stroke:var(--accent-color)}section{position:relative;padding:40px 20px;background-color:var(--background-1);border-radius:12px;height:fit-content}section[data-title]:before{content:attr(data-title);font-family:var(--default-font),system-ui;font-weight:bolder;font-size:30px;position:absolute;top:-20px;left:20px;padding:8px 12px;line-height:30px;border-radius:10px;background-color:var(--background-2);color:var(--accent-color)}@media(max-width:600px){section{width:100%}}.modal{position:fixed;display:flex;justify-content:center;align-items:center;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);top:0;left:0;width:100vw;height:100vh;z-index:3}.modal-container{background-color:var(--background-1);padding:20px;border-radius:10px;color:var(--text)}.pointer{cursor:pointer}.icon-button{background:var(--background-2);border:2px solid var(--background);border-radius:15px}.Toastify{position:absolute;padding:0;height:0;width:0}#customization input[type=color]{height:50px;width:50px;border:2px solid var(--background);border-radius:10px;appearance:none}#customization input[type=checkbox]{height:35px;width:35px;border:2px solid var(--background);border-radius:10px}#customization{display:flex;flex-direction:column;gap:20px;width:320px}.settings-checkbox{display:flex;align-items:center;gap:10px}.customization-settings{display:flex;flex-direction:column;gap:10px}#edit-custom-button{background:none;border:none;padding:4px}#customization-category-nav{position:absolute;left:-48px;top:25px;display:flex;flex-direction:column;gap:5px}#customization-category-nav>li{width:fit-content;background:var(--background-1);padding:8px;border-radius:12px 0 0 12px;list-style:none;transition:.2s ease background;display:flex;align-items:center;justify-content:center;cursor:pointer}#customization-category-nav>li:hover{background:var(--background-2)}#customization-category-nav svg{color:var(--text)}@media(max-width:600px){#customization-category-nav{top:-48px;left:unset;right:12px;flex-direction:row}#customization-category-nav>li{border-radius:12px 12px 0 0}}@media(max-width:600px){#customization{width:100%}}.settings-variants{display:flex;align-items:flex-start;gap:5px;flex-wrap:wrap}#edit-custom-button>svg{color:var(--text)}.checkbox{width:35px;height:35px;background-color:var(--background-2);border:2px solid var(--background);border-radius:10px;transition:.3s ease all}.checkbox>svg{color:var(--text)}.checkbox[data-checked=true]{background-color:var(--green)}.dropdown-container{position:relative;width:fit-content;font-family:var(--default-font),system-ui;font-weight:500;font-size:1.7rem;min-width:200px}.dropdown-selected{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;border:2px solid var(--background);border-radius:10px;height:44px;padding:10px;background:var(--background-2);color:var(--text);z-index:2}.dropdown-selected>p{width:100%;display:flex;align-items:center;gap:5px}.dropdown-selected[data-showing=true]{border-radius:10px 10px 0 0}.dropdown-options{position:absolute;width:100%;top:100%;display:flex;flex-direction:column;border:2px solid var(--background);background:var(--background-2);border-radius:0 0 10px 10px;color:var(--text);overflow:hidden;z-index:2}.dropdown-option{padding:0 10px}.dropdown-option:hover{background:var(--background-2-hover)}.dropdown-bg{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:1}#editing-modal-container{position:relative;display:flex;flex-direction:column;gap:10px;width:max(45%,700px);height:50%}#editing-custom-save-button{opacity:50%;position:absolute;bottom:35px;right:35px;background-color:var(--background-1);border:none;padding:7px;border-radius:10px;transition:.2s ease all}#editing-custom-save-button>svg{color:var(--text)}#editing-custom-save-button:hover{opacity:100%;background-color:var(--background-1-hover)}#editing-custom-textarea{background:var(--background-2);width:100%;height:100%;border:2px solid var(--background);border-radius:5px;font-family:JetBrains Mono NL,monospace;color:var(--text);padding:10px;resize:none}#editing-custom-textarea:focus{border:2px solid var(--background);outline:none}#customization-colors-buttons{position:relative;display:flex;gap:10px;flex-wrap:wrap}#preset-combinations{display:flex;flex-wrap:wrap;gap:10px}#presets>h2{display:flex;gap:5px;align-items:center;width:fit-content}#add-color{height:50px;width:50px;border:2px solid var(--background);border-radius:10px;background:var(--background-2)}#add-color>svg{color:var(--text)}#colors-tip-backdrop{position:fixed;height:100vh;width:100vw;top:0;left:0;z-index:2;background:#0000001a}#colors-tip{position:absolute;background:var(--background-2);padding:10px;top:110%;border-radius:8px;z-index:3}#colors-tip>#colors-tip-close{position:absolute;top:-10px;right:-10px;background:var(--background);border-radius:100%;border:none;cursor:pointer;width:25px;height:25px;display:flex;justify-content:center;align-items:center}#colors-tip>#colors-tip-close>svg{color:var(--text)}#colors-tip>#colors-text{font-family:var(--default-font);color:var(--text);font-size:24px}.preset-color-combination{width:50px;height:50px;border:2px solid var(--background);background:var(--background-2);display:flex;flex-direction:column;border-radius:10px;overflow:hidden}.preset-color-combination>div{height:100%}.color-picker{height:50px;width:50px;border:2px solid var(--background);border-radius:10px;appearance:none;transition:.3s ease all}.color-picker>input{visibility:hidden}#preview{position:relative;display:flex;justify-content:center;align-items:center;min-width:200px;min-height:150px}#canvas-container{overflow:auto}#preview-buttons{display:flex;flex-direction:column;position:absolute;bottom:15px;right:15px;gap:5px}#preview-buttons>button{position:relative;opacity:50%;transition:.3s ease all;background-color:var(--background-2);border:none;padding:7px;border-radius:10px}#preview-buttons>button>svg{color:var(--text)}#preview-buttons>button:hover{background-color:var(--background-2-hover);opacity:100%}#download-modal-container{display:flex;gap:15px;flex-direction:column}#download-modal-container>div{display:flex;align-items:center;gap:5px}#scale-slider{appearance:none;background:var(--background-2);height:20px;border-radius:5px}#scale-slider::webkit-slider-thumb{appearance:none;width:25px;height:25px;background:var(--background-1);border:2px solid var(--background);cursor:pointer}#scale-slider::-moz-range-thumb{width:25px;height:25px;background:var(--background-1);border:2px solid var(--background);cursor:pointer}#background-color-picker{appearance:none;border:2px solid var(--background);height:35px;width:35px;border-radius:10px;cursor:pointer}#background-color-picker::-moz-color-swatch{border:none}#background-color-picker::-webkit-color-swatch-wrapper{padding:0;border-radius:0}#background-color-picker::-webkit-color-swatch{border:none}#download-modal-buttons{display:flex;flex-direction:column}.download-modal-button{width:100%;border:2px solid var(--background);background:var(--background-2);font-family:var(--default-font),system-ui;font-size:1.7rem;color:var(--text);border-radius:10px;transition:.3s ease all}.download-modal-button:hover{color:var(--accent-color);background:var(--background-2-hover)}#import-dialog{display:flex;flex-direction:column;gap:10px;font-family:var(--default-font),system-ui;font-size:20px;color:var(--text)}#import-dialog>div{display:flex;flex-wrap:wrap;width:100%;justify-content:right;gap:5px}#import-dialog>div button{cursor:pointer;border:2px solid var(--background);background:var(--background-2);border-radius:10px;transition:.3s ease all;font-family:var(--default-font),system-ui;padding:10px;width:75px;height:50px;color:var(--text);font-size:20px}#import-dialog>div button:hover{background:var(--background-2-hover);color:var(--accent-color)}#credits-markdown li{color:var(--text);font-family:JetBrains Mono NL,system-ui}#credits-markdown a{color:var(--text)}#credits-markdown a:hover{color:var(--accent-color)}#not-found{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;gap:20px}#not-found button{border:2px solid var(--background-1);background:var(--background-2);font-family:var(--default-font),system-ui;font-size:2.3rem;color:var(--text);border-radius:10px;transition:.3s ease all;padding:5px 15px}#not-found button:hover{color:var(--accent-color);background:var(--background-2-hover)}