.icon[data-v-0c34f096]{display:flex;align-items:center;justify-content:center}.icon-bg[data-v-0c34f096]{height:1em;width:1em;background-repeat:no-repeat;background-color:transparent;background-size:100% 100%}.icon-mono[data-v-0c34f096]{height:1em;width:1em;background-color:currentColor;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}.dropzone[data-v-1a5f5cb0]{position:relative;width:90%;max-width:800px;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed gray;border-radius:15px;margin-bottom:15px}.dropzone--over[data-v-1a5f5cb0]{border-style:solid;background-color:#0000004d}.dropzone__label[data-v-1a5f5cb0]{position:absolute;z-index:1;width:100%;height:100%;top:0;left:0}.dropzone__text[data-v-1a5f5cb0]{pointer-events:none;font-size:24px;font-weight:700;color:#aaa}.dropzone__content[data-v-1a5f5cb0]{pointer-events:none;height:90%;aspect-ratio:1/1;padding:20px;border-radius:15px;background:rgba(204,204,204,.2);display:grid;place-items:center}.dropzone__content[data-v-1a5f5cb0] svg{height:100%}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{position:relative;margin:.5em 0;overflow:visible;padding:1px}pre[class*=language-]>code{position:relative;z-index:1;border-left:10px solid #358ccb;box-shadow:-1px 0 #358ccb,0 0 0 1px #dfdfdf;background-color:#fdfdfd;background-image:linear-gradient(transparent 50%,rgba(69,142,209,.04) 50%);background-size:3em 3em;background-origin:content-box;background-attachment:local}code[class*=language-]{max-height:inherit;height:inherit;padding:0 1em;display:block;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background-color:#fdfdfd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:1em}:not(pre)>code[class*=language-]{position:relative;padding:.2em;border-radius:.3em;color:#c92c2c;border:1px solid rgba(0,0,0,.1);display:inline;white-space:normal}pre[class*=language-]:after,pre[class*=language-]:before{content:"";display:block;position:absolute;bottom:.75em;left:.18em;width:40%;height:20%;max-height:13em;box-shadow:0 13px 8px #979797;-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-ms-transform:rotate(-2deg);-o-transform:rotate(-2deg);transform:rotate(-2deg)}pre[class*=language-]:after{right:.75em;left:auto;-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg)}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#7d8b99}.token.punctuation{color:#5f6364}.token.boolean,.token.constant,.token.deleted,.token.function-name,.token.number,.token.property,.token.symbol,.token.tag{color:#c92c2c}.token.attr-name,.token.builtin,.token.char,.token.function,.token.inserted,.token.selector,.token.string{color:#2f9c0a}.token.entity,.token.operator,.token.url,.token.variable{color:#a67f59;background:rgba(255,255,255,.5)}.token.atrule,.token.attr-value,.token.class-name,.token.keyword{color:#1990b8}.token.important,.token.regex{color:#e90}.language-css .token.string,.style .token.string{color:#a67f59;background:rgba(255,255,255,.5)}.token.important{font-weight:400}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.namespace{opacity:.7}@media screen and (max-width:767px){pre[class*=language-]:after,pre[class*=language-]:before{bottom:14px;box-shadow:none}}pre[class*=language-].line-numbers.line-numbers{padding-left:0}pre[class*=language-].line-numbers.line-numbers code{padding-left:3.8em}pre[class*=language-].line-numbers.line-numbers .line-numbers-rows{left:0}pre[class*=language-][data-line]{padding-top:0;padding-bottom:0;padding-left:0}pre[data-line] code{position:relative;padding-left:4em}pre .line-highlight{margin-top:0}.view[data-v-3f5fdb81]{width:90%;max-width:800px;display:grid;place-items:center}.view pre[data-v-3f5fdb81]{width:100%;background-color:#ccc3;border-radius:15px;font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;line-height:1.5;overflow:auto;padding:15px}.view pre code[data-v-3f5fdb81]{display:block}.btn[data-v-4df0d5ef]{padding:16px 8px;border-radius:10px;box-shadow:0 0 10px 1px #0003;text-align:center;font-size:14px}.btn--active[data-v-4df0d5ef]{box-shadow:0 0 10px 1px #fff3;background:#555;color:#fff}*,*:before,*:after{box-sizing:border-box;border-width:0;font:inherit}*{margin:0;padding:0}html{height:100%;font-size:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;line-height:1.15;font-size:1rem;-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed}a{background-color:transparent;text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}ul,ol{list-style:none}label[for]{cursor:pointer}button,input,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;background:transparent;outline:0;border-radius:0;text-align:inherit}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button[disabled],[type=button][disabled],[type=reset][disabled],[type=submit][disabled]{cursor:default}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:Roboto,sans-serif}body,#app{width:100%;display:flex;flex-direction:column;align-items:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.absolute{position:absolute}.relative{position:relative}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mb-15px{margin-bottom:15px}.block{display:block}.h-full,[h-full=""]{height:100%}.w-120px{width:120px}.w-full,[w-full=""]{width:100%}.flex,[flex=""]{display:flex}.flex-col,[flex-col=""]{flex-direction:column}.items-center,[items-center=""]{align-items:center}.gap-15px{grid-gap:15px;gap:15px}.px{padding-left:1rem;padding-right:1rem}.py-50px,[py-50px=""]{padding-top:50px;padding-bottom:50px}