@charset "UTF-8";ul[data-v-034a5b29]{--width-chars: calc((var(--sketch-list-px) - 20) * .104);margin:0;list-style:none;font-family:monospace;font-size:1rem;max-width:calc(var(--sketch-list-px) * 1px);width:calc(var(--sketch-list-px) * 1px);z-index:2;padding:0 0 0 20px}li[data-v-034a5b29]{line-height:1.1;position:relative;margin-bottom:.2rem;white-space:nowrap}li[data-v-034a5b29]:before{content:"✦";font-size:1rem;position:absolute;left:0;top:50%;transform:translate(-120%,-50%);z-index:2}li a[data-v-034a5b29]{font-size:calc((var(--width-chars) - 1) / var(--len) * 1rem);z-index:1}.toggle[data-v-625da4ab]{width:2rem;height:2rem;padding:0;border:none;border-radius:0;background:transparent;position:relative;cursor:pointer;z-index:4}.toggle[data-v-625da4ab]:before,.toggle[data-v-625da4ab]:after{content:"";position:absolute;width:100%;height:2px;background:currentColor;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease}.toggle[data-v-625da4ab]:before{transform:translate(-50%,-.25rem)}.toggle[data-v-625da4ab]:after{transform:translate(-50%,.25rem)}.toggle[aria-expanded=true][data-v-625da4ab]:before,.toggle[aria-expanded=true][data-v-625da4ab]:after{width:1.5rem}.toggle[aria-expanded=true][data-v-625da4ab]:before{transform:translate(-50%,-50%) rotate(45deg)}.toggle[aria-expanded=true][data-v-625da4ab]:after{transform:translate(-50%,-50%) rotate(-45deg)}.app-wrapper[data-v-24feb7b2]{height:100vh;max-height:100vh;position:relative;display:grid;grid-template-rows:35px 1fr}.app-topbar[data-v-24feb7b2]{padding-left:1rem;padding-right:1rem;display:flex;align-items:center;column-gap:1.5rem;position:relative;z-index:9}.app-topbar h1[data-v-24feb7b2]{font-size:1.2rem;margin:0}.theme-btns[data-v-24feb7b2]{display:flex;align-items:center;background-color:var(--gray-200);padding:3px;box-shadow:inset 0 0 0 2px var(--gray-200),inset 0 0 0 3px var(--gray-800)}.theme-btns button[data-v-24feb7b2]{background:var(--gray-100);border:none;color:var(--gray-700);font-weight:600;font-size:.8em;line-height:1;padding:3px 10px;cursor:pointer}.theme-btns button[data-v-24feb7b2]:hover,.theme-btns button[data-v-24feb7b2]:focus{background:var(--gray-50)}.theme-btns button.active[data-v-24feb7b2]{background:var(--gray-900);color:var(--gray-100)}.app-main[data-v-24feb7b2]{display:flex;height:100%;max-height:100%;overflow:hidden;position:relative}.app-main .canvas-wrap[data-v-24feb7b2]{padding-top:1.5rem;padding-bottom:1.5rem;position:relative;overflow:auto;width:calc(100% - 2rem);margin-left:1rem;margin-right:1rem;height:100%}.app-sidebar[data-v-24feb7b2]{max-height:100%;height:100%;position:absolute;padding-top:1rem;padding-bottom:1rem;display:block;overflow-x:hidden;overflow-y:auto;z-index:9;scrollbar-gutter:stable}.app-canvas[data-v-24feb7b2]{position:relative;width:100%;height:100%;overflow:auto}@media(min-width:900px){.app-main[data-v-24feb7b2]{display:block}.app-main .canvas-wrap[data-v-24feb7b2]{margin-left:1rem;margin-right:1rem;width:calc(100% - 2rem)}.app-main.sidebar-open .canvas-wrap[data-v-24feb7b2]{margin-left:calc(var(--sketch-list-px) * 1px + 1rem);margin-right:1rem;width:calc(100% - 2rem - var(--sketch-list-px) * 1px)}.app-sidebar[data-v-24feb7b2]{position:absolute;top:0;left:0;height:100%;overflow-y:auto;width:calc(var(--sketch-list-px) * 1px)}}.canvas-wrap[data-v-4dca6e85]{color:#fff}.error[data-v-4dca6e85]{color:#ff9274;max-width:800px;margin-right:300px}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;font-size:1rem}body{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif}body{-webkit-font-smoothing:antialiased}h1,h2,h3,h4{text-wrap:balance}img,picture,video,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}*{overflow-wrap:break-word}:root{--accent: #e34141;--purple: #bfb2e2;--purple-light: #e1daf3;--light: #ecf6fa;--plum: #883677;--indigo: #323271;--darkIndigo: #19192b;--shadow: #222226;--shadow-more: #131316;--gray-950: #09090b;--gray-900: #17171b;--gray-800: #222226;--gray-700: #37373e;--gray-600: #4d4d57;--gray-500: #64646f;--gray-400: #787882;--gray-300: #95959e;--gray-200: #b4b4ba;--gray-100: #d4d4d7;--gray-50: #f4f4f5;--gray-lightest: #fcfcfd;--aqua-950: #04024d;--aqua-900: #032367;--aqua-800: #044183;--aqua-700: #025fa2;--aqua-600: #037fb9;--aqua-500: #03a0d2;--aqua-400: #02bfea;--aqua-300: #2ddfff;--aqua-200: #7fe9f9;--aqua-100: #b1f2f7;--aqua-50: #defaf9;--purpley-950: #080813;--purpley-900: #1c1c3a;--purpley-800: #2e2e5d;--purpley-700: #404085;--purpley-600: #56569f;--purpley-500: #6f6fb1;--purpley-400: #8888be;--purpley-300: #a3a3ca;--purpley-200: #bdbdd9;--purpley-100: #d8d8e8;--purpley-50: #f4f4f8;--aqua: #2ddfff;--topbar-bg: var(--gray-900);--bottombar-bg: var(--gray-900);--main-bg: var(--gray-950);--main-text: var(--gray-50);--topbar-color: var(--gray-100);--bottombar-color: var(--gray-200);--bottombar-link: var(--gray-50);--link: var(--purple-light);--link-underline: var(--gray-100);--toggle: var(--gray-300);--toggle-hover: var(--gray-50);--sidebar-bg: var(--gray-100);--sidebar-text: var(--gray-800);--sidebar-link: var(--gray-800);--sidebar-link-underline: var(--gray-50);--sidebar-link-current: var(--sidebar-link);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}.theme-light{--main-bg: var(--gray-lightest);--main-text: var(--gray-950);--bottombar-bg: var(--gray-50);--bottombar-border: var(--gray-300);--bottombar-color: var(--gray-600);--bottombar-link: var(--gray-950);--topbar-bg: var(--gray-100);--topbar-border: var(--gray-500);--topbar-color: var(--gray-800);--link-underline: var(--gray-100);--toggle: var(--gray-500);--toggle-hover: var(--gray-800);--sidebar-bg: var(--gray-100);--sidebar-border: var(--gray-200);--sidebar-text: var(--gray-800);--sidebar-link: var(--gray-800);--sidebar-link-underline: var(--gray-50);--sidebar-link-current: var(--gray-950)}*,*:after,*:before{box-sizing:border-box}html{font-size:100%}a{font-weight:500;color:var(--link);text-decoration:inherit;position:relative}a:before{content:"";position:absolute;left:0;bottom:10%;width:100%;height:90%;background-color:var(--link-underline);z-index:-1;transition:transform .2s;transform:scale(0,.3);transform-origin:bottom left}a:hover{text-decoration:none;color:#000}a:hover:before{transform:scaleY(.3)}a.router-link-exact-active{color:var(--link-current)}body{margin:0;min-width:320px;min-height:100vh;height:100vh;font-size:1rem}.app-wrapper{background:var(--main-bg);color:var(--main-text)}#app{width:100%;height:100%;position:relative;min-height:100vh}.app-topbar{color:var(--topbar-color);background-color:var(--topbar-bg);border-bottom:1px solid var(--topbar-border, transparent)}.app-bottombar{background:var(--bottombar-bg);color:var(--bottombar-color);border-top:1px solid var(--bottombar-border, transparent);padding:0 min(5%,2rem);display:flex;align-items:center;font-size:.9rem;justify-content:end;column-gap:min(5%,1rem)}.app-bottombar p:nth-child(2){font-size:.8em}.app-bottombar a{color:var(--bottombar-link)}.app-sidebar{color:var(--sidebar-text);background-color:hsl(from var(--sidebar-bg) h s l/.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--sidebar-border, transparent)}@supports not selector(::-webkit-scrollbar){.app-sidebar{scrollbar-width:thin;scrollbar-color:var(--plum) var(--purple-light)}}.app-sidebar::-webkit-scrollbar{width:8px;height:8px}.app-sidebar::-webkit-scrollbar-thumb{background-color:transparent;transition:background-color .2s ease;border-radius:0}.app-sidebar:hover::-webkit-scrollbar-thumb{background-color:var(--gray-500)}.app-sidebar a{color:var(--sidebar-link)}.app-sidebar a:before{background-color:var(--sidebar-link-underline)}.app-sidebar a.router-link-exact-active{color:var(--sidebar-link-current);font-style:italic}.app-sidebar a.router-link-exact-active:before{transform:scale(1)}@supports not selector(::-webkit-scrollbar){.app-main .canvas-wrap{scrollbar-width:thin;scrollbar-color:var(--plum) var(--purple-light)}}.app-main .canvas-wrap::-webkit-scrollbar{width:8px;height:8px}.app-main .canvas-wrap::-webkit-scrollbar-thumb{background-color:transparent;transition:background-color .2s ease;border-radius:0}.app-main .canvas-wrap:hover::-webkit-scrollbar-thumb{background-color:var(--gray-500)}.toggle{color:var(--toggle)}.toggle:hover,.toggle:focus{color:var(--toggle-hover)}