@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.code{--border-r: 5px;display:flex;flex-direction:column;justify-content:start;min-height:100%;align-self:center;align-items:center;flex:1;overflow:hidden;width:100vw;color:var(--foreground);padding-bottom:var(--spacing-l);opacity:0;animation:fadein .2s ease-in forwards .4s}.settings{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;color:var(--panelTitle-activeForeground);flex:1;position:relative;margin:0;max-height:100%;overflow:hidden}@media screen and (min-width: 40em){.code{width:70vw;min-width:30em;margin-top:var(--spacing-m);padding:var(--spacing-s) var(--spacing-m)}}.settings-params{--grid-layout-gap: var(--spacing-m);--grid-column-count: 2;--grid-item--min-width: calc(var(--spacing-m) * 5);--gap-count: calc(var(--grid-column-count) - 1);--total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));--grid-item--max-width: calc( (100% - var(--total-gap-width)) / var(--grid-column-count) );display:grid;grid-template-columns:repeat(auto-fill,minmax(max(var(--grid-item--min-width),var(--grid-item--max-width)),1fr));gap:var(--grid-layout-gap);margin-bottom:var(--spacing-m);width:100%;z-index:100;padding:var(--spacing-s) var(--spacing-m);border:none;background:var(--activityBar-background);color:var(--activityBar-foreground);border-radius:var(--border-r)}@media screen and (min-width: 40em){.settings-params{display:flex;align-items:center;flex-wrap:wrap;width:100%;gap:var(--spacing-s);padding:var(--spacing-s) var(--spacing-m);border:none;background:var(--activityBar-background);color:var(--activityBar-foreground);border-radius:var(--border-r);top:calc(var(--spacing-m) * -1)}.setting-param{margin-right:var(--spacing-s)}}.setting-param{margin-right:0;display:flex;align-items:center}.setting-param>input,.setting-param>select{font-size:var(--base);font-weight:700;background:var(--activityBar-background);color:var(--activityBar-foreground)}.code-stage{position:relative;width:100%;display:flex;flex-direction:column;max-height:100%;overflow:auto;justify-content:space-between;align-items:center}.code-input-wrapper{display:flex;flex-direction:column;width:100%;box-sizing:border-box;z-index:0;overflow:auto}.code-stage textarea{display:block;margin:0;padding:var(--spacing-xl);border-width:0;width:100%;border:none;box-sizing:border-box;background:var(--editor-background);color:var(--editor-foreground);border-radius:var(--border-r);resize:none;transition:height .1s ease-in-out}.settings.locked textarea{margin:0;padding:0}.settings textarea:focus-visible{outline:0;box-shadow:inset 0 0 1px 1px var(--editor-foreground)}.code-result-svg{width:100%}.code-result-svg svg{width:100%;height:100%;overflow:auto}.code button,.code-result-tools a.icon{border:none;color:var(--input-background);background:var(--input-foreground);width:var(--spacing-xl);height:var(--spacing-xl);padding:0;font-size:var(--spacing-m);border-radius:calc(var(--border-r) / 2);display:flex;align-items:center;justify-content:center}a.icon-copy,.icon-transition{overflow:hidden}.getSVG,.editCode,.code button[type=submit]{margin-left:auto}.code button:hover,.code-result-tools a.icon:hover{text-decoration:none;color:var(--editor-foreground);background:var(--editor-background)}.code-result-tools{display:flex;gap:var(--spacing-xl);padding:0;margin:0;list-style:none}.code-result-tools-format{font-size:var(--spacing-m);font-weight:700;margin-right:var(--spacing-xxs)}.code-result-tools>li{margin:0;padding:0;display:flex;align-items:center;gap:var(--spacing-xxs)}.settings-params .setting-param{font-size:var(--spacing-m)}.settings-params .setting-param:nth-child(4){flex:1}.settings-params .setting-param>select{-webkit-appearance:none;appearance:none;padding:var(--spacing-xxs) var(--spacing-xs);color:var(--input-foreground);border:none;outline:none;flex:1;background-color:var(--input-background);background-image:linear-gradient(45deg,transparent 50%,var(--input-foreground) 50%),linear-gradient(135deg,var(--input-foreground) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.settings-params .setting-param>input[type=checkbox]{width:var(--spacing-l);height:var(--spacing-l);margin:var(--spacing-xxs) var(--spacing-xs) var(--spacing-xs) var(--spacing-xs);border-radius:var(--border-r);accent-color:var(--input-foreground)}.settings-params .setting-param>select:disabled{cursor:not-allowed;opacity:.5}.slide-up-enter-active,.slide-up-leave-active{transition:all .25s ease-out}.slide-up-enter-from{opacity:0;transform:translateY(var(--spacing-xl))}.slide-up-leave-to{opacity:0;transform:translateY(calc(var(--spacing-xl) * -1))}.icon-loading{animation:loading 1s linear infinite}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadein{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}svg[data-v-9cf5c028]{fill:currentColor}.icon[data-v-9cf5c028]{width:var(--spacing-l);height:var(--spacing-l);fill:currentColor}.icon.icon-large[data-v-9cf5c028]{width:var(--spacing-l);height:var(--spacing-l)}:root,:after,:before{--scale: .85rem;--constrains: .1vw ;--base: clamp(.5rem, var(--constrains) + var(--scale), 3rem);--color-1: rgb(2, 23, 41);--color-2: rgb(0, 99, 184);--color-3: rgb(2, 30, 54);--color-4: rgb(195, 227, 254);--color-5: rgb(191, 202, 211);--color-6: rgb(255, 255, 255);--spacing-xxxs: calc(var(--spacing-m) * .25);--spacing-xxs: calc(var(--spacing-m) * .375);--spacing-xs: calc(var(--spacing-m) * .5);--spacing-s: calc(var(--spacing-m) * .75);--spacing-m: var(--base);--spacing-l: calc(var(--spacing-m) * 1.5);--spacing-xl: calc(var(--spacing-m) * 2);--spacing-xxl: calc(var(--spacing-m) * 3);--spacing-xxxl: calc(var(--spacing-m) * 4);--icon-size-xs: .75rem;--icon-size-s: 1rem;--icon-size-m: 1.25rem;--icon-size-l: 1.75rem;--icon-size-xl: 2.75rem;--icon-size-xxl: 5rem;--icon-size-3xl: max(10vw, 7rem);--font-size: var(--base)}:root{font-family:Inter,sans-serif,monospace;--font-size: var(--base);--font-mono: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace}html,body{width:100vw;height:100vh;max-height:100vh;overflow:hidden}html{font-family:Inter,sans-serif,monospace;height:-webkit-fill-available;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;margin:0;font-size:var(--base);scroll-behavior:smooth;font-weight:400}body{inset:0;margin:0;color:var(--color-5);background:linear-gradient(135deg,var(--background) 0%,var(--badge-background) 100%);display:flex;flex-direction:column}main{display:flex;flex-direction:column;flex:1;overflow:hidden;background:linear-gradient(135deg,var(--background) 0%,var(--badge-background) 100%)}footer{display:flex;justify-items:center;justify-content:center;padding:var(--spacing-xxs);font-size:var(--spacing-s);color:var(--input-foreground)}*{box-sizing:border-box}a{color:inherit}a:hover{filter:brightness(1.2)}.contents{display:contents}