@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_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}.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 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:15px;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:1200px){section{width:90%}}.modal{position:fixed;display:flex;justify-content:center;align-items:center;background-color:#00000080;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}#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}#add-color{height:50px;width:50px;border:2px solid var(--background);border-radius:10px;background:var(--background-2)}#customization{display:flex;flex-direction:column;gap:20px;width:20%}.settings-checkbox{display:flex;align-items:center;gap:10px}#customization-colors-buttons{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}#customization-preferences-settings{display:flex;flex-direction:column;gap:10px}.settings-variants{display:flex;align-items:flex-start;gap:5px;flex-wrap:wrap}#edit-custom-button{background:none;border:none;padding:4px}@media(max-width:1200px){#customization{width:90%}}.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}.checkbox{width:35px;height:35px;background-color:var(--background-2);border:2px solid var(--background);border-radius:10px;transition:.3s ease all}.checkbox[data-checked=true]{background-color:var(--green)}.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%}.dropdown-container{width:fit-content;font-family:var(--default-font),system-ui;font-weight:500;font-size:1.7rem}.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{display:flex;align-items:center;gap:5px}.dropdown-selected[data-showing=true]{border-radius:10px 10px 0 0}.dropdown-options{position:relative;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: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}#preview{position:relative;display:flex;justify-content:center;align-items:center;min-width:200px;min-height:150px}#canvas-container{overflow:auto}#download-button{opacity:50%;transition:.3s ease all;position:absolute;bottom:15px;right:15px;background-color:var(--background-2);border:none;padding:7px;border-radius:10px}#download-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)}#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)}