:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0}#app{background:var(--gradient, linear-gradient(45deg, #242424 0%, #575757 100%));background-repeat:no-repeat;width:100%;min-height:100vh;margin:0 auto;padding:2rem;text-align:center}.gradient_container{margin:4rem 0 2rem}.gradient_box{padding:1rem;margin:1rem auto;background-color:#393939;width:fit-content;cursor:pointer;border-radius:.5rem}.gradient{font-family:monospace;letter-spacing:.125rem;font-size:1.5rem;word-break:break-all}.gradient_copy{background-color:#24242462;border-radius:.25rem;padding:.35rem}.input_container{min-width:450px;background-color:#24242462;border-radius:.5rem;padding:2rem;font-size:1.25rem;margin:3rem auto 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:max-content}.input_item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem}.colour_text{font-family:monospace}.generate_new{margin-top:1rem;font-size:1.25rem;padding:.25rem .75rem}