:root{--md-sys-color-primary:#6750a4;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#eaddff;--md-sys-color-on-primary-container:#21005d;--md-sys-color-surface:#fef7ff;--md-sys-color-on-surface:#1d1b20;--md-sys-color-surface-container:#f3edf7;--md-sys-color-on-surface-variant:#49454f;--md-sys-color-outline:#79747e;--md-sys-elevation-level1:0px 1px 3px 1px #00000026, 0px 1px 2px 0px #0000004d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--md-sys-color-primary:#d0bcff;--md-sys-color-on-primary:#381e72;--md-sys-color-primary-container:#4f378b;--md-sys-color-on-primary-container:#eaddff;--md-sys-color-surface:#141218;--md-sys-color-on-surface:#e6e1e5;--md-sys-color-surface-container:#211f26;--md-sys-color-on-surface-variant:#cac4d0;--md-sys-color-outline:#938f99}}a{color:var(--md-sys-color-primary);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--md-sys-color-primary-container)}body{min-width:320px;min-height:100vh;margin:0}my-element:not(:defined){flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}my-element:not(:defined):before{content:"Mattey Banana";color:#6750a4;margin-bottom:.5rem;font-size:3rem;font-weight:700}my-element:not(:defined):after{content:"AI to vector generator...";color:#49454f}