*[data-v-df8e963c]{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}pre.code[data-v-df8e963c]{text-align:start;max-width:800px;max-height:400px;overflow:auto;margin:auto;background:#1b1b1b;padding:2rem}.get-code-btn[data-v-df8e963c]{background:white;color:#000}footer[data-v-df8e963c]{margin:4rem 0 2rem}button[data-v-df8e963c]{background:none;color:#fff;border:1px solid white;height:37px;padding:0 1rem;margin:0 .33rem}button[data-v-df8e963c]:hover{box-shadow:3px 3px 0 1px #df87f1}a[data-v-df8e963c]{color:#add8e6}h1[data-v-df8e963c]{margin:0;font-style:italic;padding-top:1.5rem;font-size:21px;font-weight:200;letter-spacing:4px}.wrapper[data-v-df8e963c]{display:flex;flex:1 1;width:100%;justify-content:center}.preview[data-v-df8e963c]{margin:0}.final-code[data-v-df8e963c]{margin:0 4rem}.gradient-wrapper[data-v-df8e963c]{margin:0;height:100vh}#gradient-canvas[data-v-df8e963c]{width:100%;height:100%}input[type=color][data-v-df8e963c]{padding:0;background:none;height:45px;margin:0;border:none}.toolbar[data-v-df8e963c]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px;margin:0 auto}.toolbar p[data-v-df8e963c]{display:flex;margin:0;font-size:1.5rem;align-items:center;justify-content:space-between;width:100%}.toolbar button[data-v-df8e963c]{margin-top:20px;width:100%}.toolbar button[data-v-df8e963c]:hover{cursor:pointer}.wrapper[data-v-df8e963c]{flex-direction:column}body{height:100vh;margin:0;padding:0}#app{background:black;color:#fff;font-family:monospace;min-height:100vh;padding:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}