html{box-sizing:border-box;font-size:16px}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%}#app{min-height:100vh;font-family:IBM Plex Sans}#about-section{width:100%;background-color:#040404;padding:2rem 2rem 4rem}.about-tool,.download-section,#about-section h1{font-family:IBM Plex Sans;color:#fff;margin-top:4rem;margin-left:8rem;margin-right:8rem}#about-section h1{margin-top:5%}.about-tool p,.download-section p{margin-top:2rem;line-height:1.25rem;opacity:.7;font-family:monospace}@media screen and (max-width: 800px){.about-tool,.download-section,#about-section h1{margin-left:3rem;margin-right:3rem}}@media screen and (max-width: 500px){.about-tool,.download-section,#about-section h1{margin-left:1.5rem;margin-right:1.5rem}}#carbonads *{margin:initial;padding:initial}#carbonads{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif}#carbonads{display:flex;max-width:330px;background-color:#fafafa;box-shadow:0 1px 4px 1px #0000001a;z-index:100;margin-bottom:1rem;border-radius:4px}#carbonads a{color:inherit;text-decoration:none}#carbonads a:hover{color:inherit}#carbonads span{position:relative;display:block;overflow:hidden}#carbonads .carbon-wrap{display:flex}#carbonads .carbon-img{display:flex;justify-content:center;padding-left:10px;padding-top:10px;padding-bottom:10px;margin:0;line-height:1}#carbonads .carbon-img img{display:block}#carbonads .carbon-text{font-size:12px;padding:10px;margin-bottom:16px;line-height:1.5;text-align:left}#carbonads .carbon-poweredby{display:block;padding:6px 8px;background:#f1f1f2;text-align:center;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:8px;line-height:1;border-top-left-radius:3px;border-bottom-right-radius:4px;position:absolute;bottom:0;right:0}@media screen and (min-width: 1025px) and (max-width: 1256px){#carbonads .carbon-wrap{flex-direction:column}#carbonads .carbon-img{padding-left:0}}@media screen and (max-width: 1024px){#carbonads{min-width:250px;height:150px;margin-right:1rem}#carbonads .carbon-wrap{flex-direction:row}#carbonads .carbon-img{padding-left:10px}}.color-customizer.svelte-1b4cwob.svelte-1b4cwob{display:flex;justify-content:center;align-items:center;flex-grow:1;margin-left:.75rem;margin-right:.75rem}.color-customizer.svelte-1b4cwob .color-options.svelte-1b4cwob{display:flex}.color-customizer.svelte-1b4cwob .color-options .color-border-wrapper.svelte-1b4cwob{display:flex;justify-content:center;align-items:center;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background-color:#fff;width:50px;height:50px;border-radius:5px;border:solid 2px #ddd;border-color:#3c366b;margin:0 .6rem}.color-customizer.svelte-1b4cwob .color-options .color-border-wrapper .color-box-wrapper.svelte-1b4cwob{position:relative;overflow:hidden;width:40px;height:40px;border-radius:4px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.color-customizer.svelte-1b4cwob .color-options .color-border-wrapper .color-box-wrapper .color-box.svelte-1b4cwob{position:absolute;right:-8px;top:-8px;width:56px;height:56px;border:none}@media (max-width: 1024px){.color-customizer.svelte-1b4cwob .color-options .color-border-wrapper.svelte-1b4cwob{width:40px;height:40px}.color-customizer.svelte-1b4cwob .color-options .color-border-wrapper .color-box-wrapper.svelte-1b4cwob{width:30px;height:30px}.color-customizer.svelte-1b4cwob .color-options .color-border-wrapper .color-box-wrapper .color-box.svelte-1b4cwob{width:46px;height:46px}}@media (max-width: 724px){.color-customizer.svelte-1b4cwob .color-options .color-border-wrapper.svelte-1b4cwob{margin-top:1rem;margin-bottom:1rem}}.modal.svelte-10uc4mf.svelte-10uc4mf{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#000000b3}.flex.svelte-10uc4mf.svelte-10uc4mf{display:flex}.modal-content.svelte-10uc4mf.svelte-10uc4mf{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;border-radius:8px;width:40%}@media (max-width: 1024px){.modal-content.svelte-10uc4mf.svelte-10uc4mf{width:60%}}@media (max-width: 724px){.modal-content.svelte-10uc4mf.svelte-10uc4mf{width:70%}}@media (max-width: 480px){.modal-content.svelte-10uc4mf.svelte-10uc4mf{width:90%}}.close.svelte-10uc4mf.svelte-10uc4mf{color:#aaa;float:right;font-size:28px;font-weight:700}.close.svelte-10uc4mf.svelte-10uc4mf:hover,.close.svelte-10uc4mf.svelte-10uc4mf:focus{color:#000;text-decoration:none;cursor:pointer}.content.svelte-10uc4mf.svelte-10uc4mf{width:100%}.content.svelte-10uc4mf h2.svelte-10uc4mf{margin-bottom:1rem;text-align:center;letter-spacing:.2mm;font-weight:700}.content.svelte-10uc4mf h2 p.svelte-10uc4mf{margin-top:.5rem;font-size:18px}.content.svelte-10uc4mf .range-slider-container .range-slider-grp.svelte-10uc4mf{display:flex;align-items:flex-start}.content.svelte-10uc4mf .range-slider-container .range-slider-grp .size-input.svelte-10uc4mf{width:15%;margin-left:1rem;text-align:center;border:none;border-bottom:1px solid black;font-size:18px;font-weight:700}.content.svelte-10uc4mf .range-slider-container .range-slider-grp .size-input.svelte-10uc4mf:focus{outline:none}.content.svelte-10uc4mf .btn-grp.svelte-10uc4mf{display:flex;align-items:center}.content.svelte-10uc4mf .btn-grp .btn.svelte-10uc4mf{display:flex;justify-content:center;align-items:center;border:none;outline:none;box-sizing:border-box;cursor:pointer;font-size:15px;border-radius:8px;font-family:ibm plex sans;margin:0;user-select:none;-webkit-user-select:none;touch-action:manipulation}.content.svelte-10uc4mf .btn-grp .btn p.svelte-10uc4mf{font-weight:700;margin-right:8px}.content.svelte-10uc4mf .btn-grp div.svelte-10uc4mf{background-color:#f7f7f7;height:100%;padding:.7rem 1.8rem;border-radius:8px}.content.svelte-10uc4mf .btn-grp .btn-download.svelte-10uc4mf{background-color:#000;color:#fff;font-weight:700;padding:.7rem 1.8rem;flex-grow:1;margin:0 1.8rem}#range-slider-height,#range-slider-width{width:80%}.rangeFloat{--float-inactive:var(--float);opacity:1!important}#customizer.svelte-4pgc2e.svelte-4pgc2e{width:30%;margin:0 auto;display:flex;flex-direction:column;margin-bottom:2rem;margin-top:2rem}#customizer.svelte-4pgc2e #input-container.svelte-4pgc2e{display:flex;justify-content:center;align-items:center;width:100%;flex-grow:1}#customizer.svelte-4pgc2e #input-container #input-group p.svelte-4pgc2e{text-align:center;font-size:large;font-weight:600;margin-bottom:1rem}#customizer.svelte-4pgc2e #input-container #input-group .input-item.svelte-4pgc2e{position:relative}#customizer.svelte-4pgc2e #input-container #input-group .input-item input.svelte-4pgc2e{border:none;border-bottom:1px solid black;outline:none;font-size:22px;text-align:right;font-weight:700;padding:.75rem 1rem .75rem 1.5rem;width:6rem;color:#4d4d4d}#customizer.svelte-4pgc2e #input-container #input-group .input-item span.svelte-4pgc2e{position:absolute;left:.5rem;padding:.2rem 0;font-size:xx-large;font-weight:700;color:#708090}#customizer.svelte-4pgc2e .img-container.svelte-4pgc2e{width:100%;flex-grow:1;display:flex;justify-content:center;align-items:center}#customizer.svelte-4pgc2e .btn-container.svelte-4pgc2e{display:flex;justify-content:center;align-items:center;flex-grow:1}#customizer.svelte-4pgc2e .btn-container .btn.svelte-4pgc2e{border:none;outline:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:15px;border-radius:8px;font-family:ibm plex sans;margin:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;justify-content:center}#customizer.svelte-4pgc2e .btn-container .save-btn.svelte-4pgc2e{display:flex;align-items:center;background-color:#fff;border:1px solid #000;padding:.7rem 1rem;margin-right:16px}#customizer.svelte-4pgc2e .btn-container .save-btn p.svelte-4pgc2e{font-weight:700;margin-right:8px}#customizer.svelte-4pgc2e .btn-container .highlight-btn.svelte-4pgc2e{padding:2px;border:solid 4px lightgray;border-radius:12px}#customizer.svelte-4pgc2e .btn-container .gen-btn.svelte-4pgc2e{display:flex;align-items:center;background-color:#000;color:#fff;font-weight:700;padding:.7rem 1.8rem}#customizer.svelte-4pgc2e .btn-container .gen-btn p.svelte-4pgc2e{font-weight:700;margin-right:8px}@media (max-width: 1239px){#customizer.svelte-4pgc2e.svelte-4pgc2e{margin-right:1rem}}@media (max-width: 1024px){#customizer.svelte-4pgc2e.svelte-4pgc2e{width:40%}#customizer.svelte-4pgc2e #input-container #input-group p.svelte-4pgc2e{margin-bottom:.5rem}#customizer.svelte-4pgc2e #input-container #input-group .input-item input.svelte-4pgc2e{font-size:18px}#customizer.svelte-4pgc2e .btn-container .btn.svelte-4pgc2e{padding:.5rem 1rem}#customizer.svelte-4pgc2e .btn-container .btn p.svelte-4pgc2e{font-weight:600;margin-right:6px;font-size:14px}#customizer.svelte-4pgc2e .btn-container .btn img.svelte-4pgc2e{width:15px}}@media (max-width: 724px){#customizer.svelte-4pgc2e.svelte-4pgc2e{margin-left:auto;margin-right:auto;margin-top:1rem}#customizer.svelte-4pgc2e .btn-container .btn.svelte-4pgc2e{padding:.5rem 1.5rem}#customizer.svelte-4pgc2e .img-container.svelte-4pgc2e{margin-bottom:1rem}}#main-canvas.svelte-1he90jm.svelte-1he90jm{display:flex;justify-content:center;align-items:center;width:70%;padding:1rem 0rem 1rem 3rem;margin-left:0}#main-canvas.svelte-1he90jm #gradient-canvas.svelte-1he90jm{border-radius:12px;width:600px;height:350px}@media (max-width: 1239px){#main-canvas.svelte-1he90jm.svelte-1he90jm{width:60%}#main-canvas.svelte-1he90jm #gradient-canvas.svelte-1he90jm{width:500px;height:300px}}@media (max-width: 812px){#main-canvas.svelte-1he90jm #gradient-canvas.svelte-1he90jm{width:400px;height:250px}}@media (max-width: 724px){#main-canvas.svelte-1he90jm.svelte-1he90jm{margin-left:auto;margin-right:auto;padding:0;padding-top:1rem}}@media (max-width: 480px){#main-canvas.svelte-1he90jm.svelte-1he90jm{width:100%;padding-left:8px;padding-right:8px}#main-canvas.svelte-1he90jm #gradient-canvas.svelte-1he90jm{width:100%}}div.svelte-1mjp13j{display:flex;flex-grow:1}@media (max-width: 1239px){div.svelte-1mjp13j{justify-content:space-between}}@media (max-width: 724px){div.svelte-1mjp13j{justify-content:center;flex-direction:column}}#footer-illustration.svelte-1fsutih.svelte-1fsutih{height:25%;position:relative;display:flex}#footer-illustration.svelte-1fsutih #footer-left.svelte-1fsutih{width:80%;display:flex;flex-direction:column}#footer-illustration.svelte-1fsutih #footer-left #footer-center.svelte-1fsutih{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}#footer-illustration.svelte-1fsutih #footer-left #footer-center a.svelte-1fsutih{font-size:smaller;text-align:center;color:#646a70;margin-bottom:4px}#footer-illustration.svelte-1fsutih #footer-left #footer-center a a.svelte-1fsutih{color:#646a70}div.svelte-kwzvfo.svelte-kwzvfo{height:15%;position:relative}div.svelte-kwzvfo .top-img-container.svelte-kwzvfo{position:absolute;top:0;width:100%;display:flex;justify-content:space-between;height:100%;align-items:center}div.svelte-kwzvfo .top-img-container h2 a.svelte-kwzvfo{text-decoration:none;color:#000}@media (min-width: 1240px){div.svelte-kwzvfo .top-img-container.svelte-kwzvfo{top:-16px}}div.svelte-kwzvfo .top-img-container .top-logo.svelte-kwzvfo{display:flex;align-items:center}div.svelte-kwzvfo .top-img-container .top-logo h2.svelte-kwzvfo{font-size:large;text-transform:uppercase;letter-spacing:.3mm;margin-left:1.5rem;z-index:1}div.svelte-kwzvfo .top-img-container .top-logo #sphere-img.svelte-kwzvfo{margin-left:2rem;height:2rem}div.svelte-kwzvfo .top-img-container .top-right-logo.svelte-kwzvfo{display:flex;align-items:center}div.svelte-kwzvfo .top-img-container .top-right-logo a.svelte-kwzvfo{text-decoration:none;color:#000;font-size:14px;letter-spacing:.3mm;margin-right:1.5rem;z-index:1}div.svelte-kwzvfo .top-img-container .top-right-logo a span.svelte-kwzvfo{border-bottom:2px dotted #000;text-decoration:none;letter-spacing:.3mm;cursor:pointer}div.svelte-kwzvfo .heading-text.svelte-kwzvfo{position:relative;display:flex;justify-content:center;align-items:flex-end;padding-bottom:.5rem;height:100%;width:100%;font-size:x-large;letter-spacing:.1mm;font-weight:600;margin-bottom:1.5rem}@media (max-width: 1239px){div.svelte-kwzvfo .heading-text.svelte-kwzvfo{margin-top:1.5rem;font-size:x-large}}@media (min-width: 812px) and (max-width: 1023px){div.svelte-kwzvfo .top-img-container.svelte-kwzvfo{top:-40px}}@media (max-width: 1024px){div.svelte-kwzvfo .heading-text.svelte-kwzvfo{margin-top:4.5rem;font-size:x-large;padding-top:2rem}}@media (max-width: 812px){div.svelte-kwzvfo .top-img-container.svelte-kwzvfo{top:2rem;align-items:initial}div.svelte-kwzvfo .heading-text.svelte-kwzvfo{margin-top:4rem}}@media (max-width: 724px){div.svelte-kwzvfo .top-img-container .top-logo h2.svelte-kwzvfo,div.svelte-kwzvfo .top-img-container .top-right-logo a.svelte-kwzvfo{font-size:14px}div.svelte-kwzvfo .top-img-container .top-right-logo .uxie-nav.svelte-kwzvfo{display:none}div.svelte-kwzvfo #sphere-img.svelte-kwzvfo{height:2.5rem!important}div.svelte-kwzvfo .heading-text.svelte-kwzvfo{margin-top:5rem}}@media (max-width: 480px){div.svelte-kwzvfo .top-img-container .top-logo h2.svelte-kwzvfo{margin-left:.5rem}div.svelte-kwzvfo .top-img-container .top-logo #sphere-img.svelte-kwzvfo{margin-left:1rem}div.svelte-kwzvfo .top-img-container .top-right-logo a.svelte-kwzvfo{font-size:12px;margin-right:.5rem}div.svelte-kwzvfo .heading-text.svelte-kwzvfo{text-align:center;font-size:medium;font-weight:700}}#preview-list.svelte-1avoup3.svelte-1avoup3{background-color:#2d3131;height:100%;width:20%;padding:1rem;overflow-y:scroll}#preview-list.svelte-1avoup3 img.svelte-1avoup3{margin-bottom:1rem;border-radius:4px;object-fit:cover;height:150px;width:100%;cursor:pointer}@media (max-width: 1024px){#preview-list.svelte-1avoup3.svelte-1avoup3{height:20%;width:100%;overflow-y:visible;overflow-x:scroll;display:flex;margin:2rem;border-radius:4px;padding-bottom:0;background-color:#202020}#preview-list.svelte-1avoup3 a.svelte-1avoup3{display:none}#preview-list.svelte-1avoup3 img.svelte-1avoup3{width:250px;margin-right:1rem}}@media (max-width: 724px){#preview-list.svelte-1avoup3.svelte-1avoup3{margin-left:0}}#main.svelte-1o9fjn1{width:80%;height:100%;display:flex;flex-direction:column}@media (max-width: 1024px){#main.svelte-1o9fjn1{width:100%}}#container.svelte-1igtxod.svelte-1igtxod{display:flex;background-color:#fff;width:100%;height:100vh;overflow:hidden;font-family:ibm plex sans}@media (max-width: 1024px){#container.svelte-1igtxod.svelte-1igtxod{height:100%;overflow:visible;flex-direction:column}}#container.svelte-1igtxod #float-menu.svelte-1igtxod{z-index:50;height:0;display:block;position:absolute;top:20%}