@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Poppins:wght@300;400;700&display=swap";body{margin:0}html[data-v-6b5b857b],body[data-v-6b5b857b],#app[data-v-6b5b857b]{font-family:Poppins,Arial,serif;margin:0;padding:0}*[data-v-6b5b857b]{font-family:Poppins}main[data-v-6b5b857b]::-webkit-scrollbar{display:none}.title[data-v-6b5b857b]{margin-bottom:0}canvas[data-v-6b5b857b]{background:white;border:5px solid white;border-radius:10px;box-shadow:0 0 50px #0003;max-width:50vw;max-height:90vh}section#advanced[data-v-6b5b857b]{background:white;padding:2em 1em;border-radius:20px;transition:background .5s ease}section#advanced div.controls[data-v-6b5b857b]{width:80%;margin:auto}section#advanced div.controls p[data-v-6b5b857b]{text-align:center;display:flex;align-items:center;justify-content:space-around}section#advanced div.controls p[data-v-6b5b857b]:before{content:"";display:block;width:20%;border-bottom:1px solid #ccc}section#advanced div.controls p[data-v-6b5b857b]:after{content:"";display:block;width:20%;border-bottom:1px solid #ccc}section#advanced div.controls div.control[data-v-6b5b857b]{display:flex;align-items:center;justify-content:space-between}section#advanced div.controls div.control div[data-v-6b5b857b]{display:flex;align-items:center;gap:10px}section#advanced div.controls div.control div span[data-v-6b5b857b]{width:50px}section#settings[data-v-6b5b857b]{width:100vw;height:100vh;background:rgb(220,46,133);background:var(--1abf82fc);filter:brightness(.9);display:flex;align-items:center;justify-content:center;gap:2em}section#settings main[data-v-6b5b857b]{background:white;padding:2em;box-sizing:border-box;border-radius:10px;max-height:80vh;overflow:scroll;opacity:.5;transition:opacity .6s ease;display:flex;flex-direction:column;gap:1em}section#settings main[data-v-6b5b857b]:hover{opacity:1}section#settings main:hover section[data-v-6b5b857b]{background:#222021;color:#fff}section#settings main div#shapes[data-v-6b5b857b]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}section#settings main .size[data-v-6b5b857b]{display:flex;gap:10px}section#settings main input[data-v-6b5b857b]{padding:1em}section#settings main select[data-v-6b5b857b]{padding:.5em;width:100%;font-weight:700;font-size:100%}section#settings main div.colours[data-v-6b5b857b]{display:grid;grid-template-columns:repeat(3,1fr);gap:.3em}section#settings main div.colours div[data-v-6b5b857b]{padding:1em;text-align:center;border-radius:3px;color:#eaeaea;box-shadow:0 0 2px #0000001a}@media screen and (max-width: 520px){canvas[data-v-6b5b857b]{max-width:80vh;margin-top:1em}#app>section[data-v-6b5b857b]{flex-direction:column;width:auto;height:auto}#app>section main[data-v-6b5b857b]{overflow:visible;opacity:1;width:96vw;max-height:fit-content;border-radius:10px 10px 0 0}#app>section main div.size[data-v-6b5b857b]{flex-direction:column}#app>section main div#shapes[data-v-6b5b857b]{display:grid;grid-template-columns:1fr;gap:10px}}