.CodeMirror{color:#000;font-family:monospace;height:300px}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{background-color:#f7f7f7;border-right:1px solid #ddd;white-space:nowrap}.CodeMirror-linenumber{color:#999;min-width:20px;padding:0 3px 0 5px;text-align:right;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{background:#7e7;border:0;width:auto}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-animate-fat-cursor{animation:blink 1.06s steps(1) infinite;background-color:#7e7;border:0;width:auto}@keyframes blink{50%{background-color:initial}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-matchingtag{background:#ff96004d}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{background:#fff;overflow:hidden;position:relative}.CodeMirror-scroll{height:100%;margin-bottom:-30px;margin-right:-30px;outline:0;overflow:scroll!important;padding-bottom:30px;position:relative}.CodeMirror-sizer{border-right:30px solid #0000;position:relative}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{display:none;position:absolute;z-index:6}.CodeMirror-vscrollbar{overflow-x:hidden;overflow-y:scroll;right:0;top:0}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-x:scroll;overflow-y:hidden}.CodeMirror-scrollbar-filler{bottom:0;right:0}.CodeMirror-gutter-filler{bottom:0;left:0}.CodeMirror-gutters{left:0;min-height:100%;position:absolute;top:0;z-index:3}.CodeMirror-gutter{display:inline-block;height:100%;margin-bottom:-30px;vertical-align:top;white-space:normal}.CodeMirror-gutter-wrapper{background:0 0!important;border:none!important;position:absolute;z-index:4}.CodeMirror-gutter-background{bottom:0;position:absolute;top:0;z-index:4}.CodeMirror-gutter-elt{cursor:default;position:absolute;z-index:4}.CodeMirror-gutter-wrapper{user-select:none}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{word-wrap:normal;-webkit-tap-highlight-color:transparent;background:#0000;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-variant-ligatures:none;line-height:inherit;margin:0;overflow:visible;position:relative;white-space:pre;z-index:2}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.CodeMirror-linewidget{overflow:auto;position:relative;z-index:2}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{box-sizing:initial}.CodeMirror-measure{height:0;overflow:hidden;position:absolute;visibility:hidden;width:100%}.CodeMirror-cursor{position:absolute}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{position:relative;visibility:hidden;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background:#ffa;background:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-hints{background:#fff;border:1px solid silver;border-radius:3px;box-shadow:2px 3px 5px #0003;font-family:monospace;font-size:90%;list-style:none;margin:0;max-height:20em;overflow:hidden;overflow-y:auto;padding:2px;position:absolute;z-index:10}.CodeMirror-hint{border-radius:2px;color:#000;cursor:pointer;margin:0;max-width:19em;overflow:hidden;padding:0 4px;white-space:pre}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror-foldmarker{color:#00f;cursor:pointer;font-family:arial;line-height:.3;text-shadow:#b9f 1px 1px 2px,#b9f -1px -1px 2px,#b9f 1px -1px 2px,#b9f -1px 1px 2px}.CodeMirror-foldgutter{width:.7em}.CodeMirror-foldgutter-folded,.CodeMirror-foldgutter-open{cursor:pointer}.CodeMirror-foldgutter-open:after{content:"\25BE"}.CodeMirror-foldgutter-folded:after{content:"\25B8"}.CodeMirror-dialog{background:inherit;color:inherit;left:0;overflow:hidden;padding:.1em .8em;position:absolute;right:0;z-index:15}.CodeMirror-dialog-top{border-bottom:1px solid #eee;top:0}.CodeMirror-dialog-bottom{border-top:1px solid #eee;bottom:0}.CodeMirror-dialog input{background:#0000;border:none;color:inherit;font-family:monospace;outline:0;width:20em}.CodeMirror-dialog button{font-size:70%}/*! Hint.css - v3.0.0 - 2023-11-29
* https://kushagra.dev/lab/hint/
* Copyright (c) 2023 Kushagra Gour */[class*=hint--]{display:inline-block;position:relative}[class*=hint--]:after,[class*=hint--]:before{opacity:0;pointer-events:none;position:absolute;transform:translateZ(0);transition:.3s ease;transition-delay:0s;visibility:hidden;z-index:1000000}[class*=hint--]:hover:after,[class*=hint--]:hover:before{opacity:1;transition-delay:.1s;visibility:visible}[class*=hint--]:before{background:#383838;border:6px solid #0000;clip-path:polygon(0 0,100% 0,100% 100%);content:"";position:absolute;z-index:1000001}[class*=hint--]:after{background:#383838;box-shadow:4px 4px 8px #0000004d;color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;line-height:1rem;padding:8px 10px;text-shadow:0 1px 0 #000;white-space:nowrap}.hint--error:after,.hint--error:before{background-color:#b24e4c}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label=""]:after,[aria-label=""]:before,[data-hint=""]:after,[data-hint=""]:before{display:none!important}.hint--top{--rotation:135deg}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{left:calc(50% - 6px);margin-bottom:-5.5px;transform:rotate(var(--rotation))}.hint--top:after{transform:translateX(-50%)}.hint--top:hover:before{transform:translateY(-8px) rotate(var(--rotation))}.hint--top:hover:after{transform:translateX(-50%) translateY(-8px)}.hint--bottom{--rotation:-45deg}.hint--bottom:after,.hint--bottom:before{left:50%;top:100%}.hint--bottom:before{left:calc(50% - 6px);margin-top:-5.5px;transform:rotate(var(--rotation))}.hint--bottom:after{transform:translateX(-50%)}.hint--bottom:hover:before{transform:translateY(8px) rotate(var(--rotation))}.hint--bottom:hover:after{transform:translateX(-50%) translateY(8px)}.hint--right{--rotation:-135deg}.hint--right:before{margin-bottom:-6px;margin-left:-5.5px;transform:rotate(var(--rotation))}.hint--right:after{margin-bottom:calc(-.5rem + -8px)}.hint--right:after,.hint--right:before{bottom:50%;left:100%}.hint--right:hover:before{transform:translateX(8px) rotate(var(--rotation))}.hint--right:hover:after{transform:translateX(8px)}.hint--left{--rotation:45deg}.hint--left:before{margin-bottom:-6px;margin-right:-5.5px;transform:rotate(var(--rotation))}.hint--left:after{margin-bottom:calc(-.5rem + -8px)}.hint--left:after,.hint--left:before{bottom:50%;right:100%}.hint--left:hover:before{transform:translateX(-8px) rotate(var(--rotation))}.hint--left:hover:after{transform:translateX(-8px)}.hint--top-left{--rotation:135deg}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{left:calc(50% - 6px);margin-bottom:-5.5px;transform:rotate(var(--rotation))}.hint--top-left:after{margin-left:12px;transform:translateX(-100%)}.hint--top-left:hover:before{transform:translateY(-8px) rotate(var(--rotation))}.hint--top-left:hover:after{transform:translateX(-100%) translateY(-8px)}.hint--top-right{--rotation:135deg}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{left:calc(50% - 6px);margin-bottom:-5.5px;transform:rotate(var(--rotation))}.hint--top-right:after{margin-left:-12px;transform:translateX(0)}.hint--top-right:hover:before{transform:translateY(-8px) rotate(var(--rotation))}.hint--top-right:hover:after{transform:translateY(-8px)}.hint--bottom-left{--rotation:-45deg}.hint--bottom-left:after,.hint--bottom-left:before{left:50%;top:100%}.hint--bottom-left:before{left:calc(50% - 6px);margin-top:-5.5px;transform:rotate(var(--rotation))}.hint--bottom-left:after{margin-left:12px;transform:translateX(-100%)}.hint--bottom-left:hover:before{transform:translateY(8px) rotate(var(--rotation))}.hint--bottom-left:hover:after{transform:translateX(-100%) translateY(8px)}.hint--bottom-right{--rotation:-45deg}.hint--bottom-right:after,.hint--bottom-right:before{left:50%;top:100%}.hint--bottom-right:before{left:calc(50% - 6px);margin-top:-5.5px;transform:rotate(var(--rotation))}.hint--bottom-right:after{margin-left:-12px;transform:translateX(0)}.hint--bottom-right:hover:before{transform:translateY(8px) rotate(var(--rotation))}.hint--bottom-right:hover:after{transform:translateY(8px)}.hint--fit:after,.hint--large:after,.hint--medium:after,.hint--small:after{word-wrap:break-word;box-sizing:border-box;line-height:1.4em;white-space:normal}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}.hint--fit:after{width:100%}.hint--error:after{text-shadow:0 1px 0 #592726}.hint--warning:after,.hint--warning:before{background-color:#bf9853}.hint--warning:after{text-shadow:0 1px 0 #6c5328}.hint--info:after,.hint--info:before{background-color:#3985ac}.hint--info:after{text-shadow:0 1px 0 #1a3c4d}.hint--success:after,.hint--success:before{background-color:#458646}.hint--success:after{text-shadow:0 1px 0 #1a321a}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{transform:translateY(-8px) rotate(var(--rotation))}.hint--always.hint--top:after{transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{transform:translateY(-8px) rotate(var(--rotation))}.hint--always.hint--top-left:after{transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:before{transform:translateY(-8px) rotate(var(--rotation))}.hint--always.hint--top-right:after{transform:translateY(-8px)}.hint--always.hint--bottom:before{transform:translateY(8px) rotate(var(--rotation))}.hint--always.hint--bottom:after{transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{transform:translateY(8px) rotate(var(--rotation))}.hint--always.hint--bottom-left:after{transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:before{transform:translateY(8px) rotate(var(--rotation))}.hint--always.hint--bottom-right:after{transform:translateY(8px)}.hint--always.hint--left:before{transform:translateX(-8px) rotate(var(--rotation))}.hint--always.hint--left:after{transform:translateX(-8px)}.hint--always.hint--right:before{transform:translateX(8px) rotate(var(--rotation))}.hint--always.hint--right:after{transform:translateX(8px)}.hint--rounded:before{border-radius:0 4px 0 0}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{transition-duration:0s}.hint--bounce:after,.hint--bounce:before{transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}@supports (transition-timing-function:linear(0,1)){.hint--bounce:after,.hint--bounce:before{--spring-easing:linear(0,0.009,0.035 2.1%,0.141 4.4%,0.723 12.9%,0.938,1.077 20.4%,1.121,1.149 24.3%,1.159,1.163 27%,1.154,1.129 32.8%,1.051 39.6%,1.017 43.1%,0.991,0.977 51%,0.975 57.1%,0.997 69.8%,1.003 76.9%,1);transition:opacity .3s ease,visibility .3s ease,transform .5s var(--spring-easing)}}.hint--no-shadow:after,.hint--no-shadow:before{box-shadow:none;text-shadow:none}.hint--no-arrow:before{display:none}.inlet_clicker{z-index:10}.inlet_slider{background-color:#d6d6d6;background-image:linear-gradient(0deg,#d6d6d6,#ebebeb);border-radius:3px;box-shadow:inset 0 0 5px 0 #04040480;display:block;height:14px;opacity:.85;width:24%;z-index:10}.inlet_slider:hover{opacity:.98}.inlet_slider .range{border-radius:3px;height:100%;margin-left:0;margin-top:0;outline:0;width:100%}.inlet_slider input[type=range]{-webkit-appearance:none}@-moz-document url-prefix(){.inlet_slider input[type=range]{position:absolute}}.inlet_slider input::-moz-range-track{background:0 0;border:none;outline:0}.inlet_slider input::-webkit-slider-thumb{-webkit-appearance:none;background-color:red;background-color:#424242;background-color:#dc143c;background-image:linear-gradient(0deg,#424242,#212121);border:1px solid #000;border-radius:6px;box-shadow:0 0 3px 0 #04040466;cursor:col-resize;height:12px;width:12px}.ColorPicker{background-color:#d6d6d7d9;border-radius:3px;box-shadow:inset 0 0 5px 0 #04040480;color:#050505;cursor:default;display:block;font-family:arial,helvetica,sans-serif;font-size:20px;left:700px;padding:7px 8px 20px;position:absolute;text-shadow:1px 1px 1px #000;top:100px;width:229px;z-index:100}.ColorPicker br{clear:both;margin:0;padding:0}.ColorPicker input.hexInput:focus,.ColorPicker input.hexInput:hover{color:#aa1212}.ColorPicker input.hexInput{background:0 0;border:0;color:#050505;cursor:text;float:left;font-family:courier,monospace;font-size:20px;margin:0;position:relative;top:-2px;transition-duration:.5s;transition-property:color}.ColorPicker div.hexBox{background:#fff;border:1px solid #ffffff80;border-radius:2px;cursor:pointer;float:left;font-size:1px;height:20px;margin:0 5px 0 2px;width:20px}.ColorPicker div.hexBox div{height:inherit;width:inherit}.ColorPicker div.hexClose{display:none}.ColorPicker div.hexClose:hover{color:#f10;text-shadow:0 0 20px #fff}:root{--color-text:#e2daf9;--color-text-dark-1:#b3aec4;--color-bg:#252637;--color-popup:#3a2b63;--color-overlay:#0006;--color-close-btn:#d12b4a;--code-font-size:16px;--color-button:#e3ba26;--color-focus-outline:#d3a447;--color-form-control-bg:#2c214b;--color-heading:#fff;--color-text-light:#b0a5d6;--color-text-lightest-final:#787090;--clr-brand:purple;--color-pro-1:#1fffb3;--color-pro-2:#f2ff00;--color-btn-hover-1:#ffe300;--color-btn-hover-2:#ffa600;--footer-height:37px;--console-height:32px;--duration-modal-show:0.3s;--duration-modal-overlay-show:0.2s;--zindex-modal-overlay:5;--zindex-footer:6;--zindex-modal:2000}body,html{font-size:1em}body{-webkit-font-smoothing:antialiased;background:#00000080;background:var(--color-bg);color:#ffffffe6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-weight:500;margin:0;min-height:100vh;padding:0;position:relative}h1{margin-top:0}input,select,textarea{background:var(--color-form-control-bg);border:1px solid #ffffff17;border-bottom-color:#ffffff2b;border-radius:3px;box-shadow:inset 0 2px 5px #0003;box-sizing:border-box;color:var(--color-text);font-size:inherit;max-width:100%;padding:5px 10px}input,textarea{font-weight:500}code{font-size:1.2em}[role=button],a{cursor:pointer}a{color:#f7ae2d;text-decoration:none}a:hover{text-decoration:underline}p{line-height:1.65}button{cursor:pointer;font-family:inherit;font-size:100%}.hide{display:none!important}.d-i{display:inline}.d-b{display:block}.d-f,.flex{display:flex}.ov-h{overflow:hidden}.flex-grow{flex-grow:1}.ai-c,.flex-v-center{align-items:center}.flex-h-center,.jc-c{justify-content:center}.flex-h-end,.jc-fe{justify-content:flex-end}.flex-shrink-0{flex-shrink:0}.jc-sb{justify-content:space-between}.fxd-c{flex-direction:column}.fxw-w{flex-wrap:wrap}.fr{float:right}.relative{position:relative}.tac{text-align:center}.tar{text-align:right}.va-m{vertical-align:middle}.full-width{width:100%}.opacity--30{opacity:.3}.opacity--70{opacity:.7}.pointer-none{pointer-events:none}.ml-1{margin-left:1rem}.ml-2{margin-left:2rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.support-link{color:#f7ae2d}.para{max-width:60ch}@media screen and (max-width:600px){.block--mobile{display:block}.ml-0--mobile{margin-left:0}.hide-on-mobile{display:none!important}}@media screen and (min-width:601px){.show-on-mobile{display:none}.flex--desk{display:flex}}hr{background:0;border:0;border-bottom:1px solid #ffffff1f;margin:20px 0}label{cursor:pointer}.divider{background:#ffffff26;height:1px;margin:1rem}.divider--vertical{height:100%;width:1px}[class*=hint--]:after,[class*=hint--]:before{background-color:#000;border-radius:0 4px 0 0}[class*=hint--]:after{border-radius:4px;font-size:14px;font-weight:400;letter-spacing:.5px;text-transform:none}.line{display:flex;justify-content:space-between;margin-bottom:1em}.caret{border:6px solid #0000;border-top-color:initial;display:inline-block;height:0;margin-left:8px;position:relative;top:5px;width:0}a>svg{fill:#ffffff59}.hidden-select{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.check-switch{display:block;overflow:hidden;padding:2px 0;position:relative}.check-switch:hover{background:#0000001a}.check-switch .check-switch__toggle{margin:0 5px;position:relative}.check-switch .check-switch__toggle:after{background:#fff;border-radius:100%;box-shadow:0 2px 3px #00000080;height:1.1em;position:absolute;right:1.5em;top:3px;transition:right .1825s ease-in-out;width:1.1em}.check-switch .check-switch__toggle:after,.check-switch .check-switch__toggle:before{content:"";display:block}.check-switch .check-switch__toggle:before{background:#fff3;border-radius:1.75em;height:1.45em;right:.25em;transition:background .2s ease-in-out;width:2.75em}.check-switch input:not([role=button]){pointer-events:none}.check-switch input{left:0;opacity:.0001;position:absolute;top:0}.check-switch__status{font-size:14px;font-weight:600;text-transform:uppercase;white-space:nowrap}.check-switch input:focus+* .check-switch__toggle:before{outline:2px solid;outline-color:var(--color-focus-outline)}.check-switch input:checked+* .check-switch__toggle:after{left:auto;right:.15em}.check-switch input:checked+* .check-switch__toggle:before{background:#61ad1c}.check-switch__toggle-wrap{align-items:center;display:flex;float:right;margin-inline-start:2rem}.btn{align-items:center;background:#0000;border:3px solid var(--color-button);border-radius:2rem;box-sizing:border-box;color:var(--color-button);cursor:pointer;display:inline-flex;font-size:inherit;letter-spacing:.2px;line-height:1;padding:9px 15px;text-align:center;transition:box-shadow .2s ease;white-space:nowrap}.btn--primary{--black-mix:70%;background:linear-gradient(180deg,var(--color-button),color-mix(in lch,var(--color-button),#000));border:1px solid color-mix(in lch,var(--color-button),#000 var(--black-mix));box-shadow:inset 0 1px 0 0 #ffffff26;color:#000;font-weight:600}.btn--big{border-radius:.5rem;padding:15px 30px}.btn-icon{align-items:center;display:inline-flex}.btn--small{font-size:.8rem;padding:.2rem .5rem;text-transform:uppercase}.btn:hover{--black-mix:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}:focus{outline-color:var(--color-button);outline-offset:1px;outline-style:solid;outline-width:3px}.btn-icon>svg{fill:currentColor;height:20px;margin-right:8px;vertical-align:middle;width:20px}.btn--big>svg{height:2rem;margin-right:1rem;width:2rem}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.btn--pro{animation:gradient_move 3s linear infinite;background:linear-gradient(var(--angle),var(--color-pro-1),var(--color-pro-2));border:0;color:#222;font-weight:700}@keyframes gradient_move{0%{--angle:0deg}to{--angle:360deg}}.btn-loader,.is-loading>svg{display:none}.is-loading .btn-loader{display:block}.star:after{color:currentColor;content:"★"}.show-when-selected{display:none}.selected .show-when-selected{display:inline-block}.main-container{bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:.25s ease;will-change:filter,transform}body:not(.light-version).overlay-visible .main-container{transform:scale(.98);transition-duration:.5s}.content-wrap{height:1px;max-height:calc(100% - 75px)}.code-side,.demo-side{flex-basis:inherit;position:relative;width:50%}.layout-3 .content-wrap{flex-direction:row-reverse}.code-side{display:flex}.code-side,.layout-2 .content-wrap{flex-direction:column}.layout-2 .code-side{flex-direction:row;width:auto}.layout-2 .demo-side{width:auto}.is-file-mode .content-wrap{flex-direction:row}.layout-5 .code-side{flex-direction:row;width:auto}.layout-5 .code-wrap{height:auto}.layout-4 .code-side,.layout-4 .code-side+.gutter{display:none}.layout-4 .demo-side{width:100%!important}.is-detached-mode .demo-side{height:0!important;width:0!important}.is-detached-mode .code-side{width:100%!important}.is-detached-mode.layout-2 .code-side{height:100%!important}.code-wrap{background:var(--color-bg);display:flex;flex-basis:inherit;flex-direction:column;height:33%;overflow:hidden;position:relative;transition:height .3s ease,width .3s ease;will-change:height}.layout-2 .code-wrap.is-minimized,.layout-5 .code-wrap.is-minimized{flex-direction:row}.is-dragging .code-wrap{transition:none}.layout-2 .code-wrap{height:auto;width:33%}.is-file-mode .code-wrap{flex-basis:100%}.code-wrap__header{align-items:center;background:#0003;border-bottom:1px solid #0000004d;color:#888;display:flex;flex-shrink:0;font-weight:600;justify-content:space-between;padding:5px 10px;user-select:none}.code-wrap__header-label{display:inline-block;font-size:1.1em}.layout-2 .code-side .is-minimized .code-wrap__header,.layout-5 .code-side .is-minimized .code-wrap__header{padding:10px 5px;writing-mode:vertical-lr}.code-wrap__header .caret{transition:.2s ease}.is-minimized .code-wrap__header .caret{opacity:0}.code-wrap__header-btn{display:inline-block;margin-left:8px;vertical-align:top}.code-wrap__header-btn,.code-wrap__header-btn>svg{height:18px;width:18px}.code-wrap__header-right-options{align-items:center;display:flex;position:relative;z-index:1}.code-wrap__collapse-btn:before{content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" style="width:18px;height:18px" viewBox="0 0 24 24"><path fill="rgba%28255,255,255,0.35%29" d="M10,21V19H6.41L10.91,14.5L9.5,13.09L5,17.59V14H3V21H10M14.5,10.91L19,6.41V10H21V3H14V5H17.59L13.09,9.5L14.5,10.91Z" /></svg>')}.is-maximized .code-wrap__collapse-btn:before{content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" style="width:18px;height:18px" viewBox="0 0 24 24"><path fill="rgba%28255,255,255,0.35%29" d="M19.5,3.09L15,7.59V4H13V11H20V9H16.41L20.91,4.5L19.5,3.09M4,13V15H7.59L3.09,19.5L4.5,20.91L9,16.41V20H11V13H4Z" /></svg>')}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.CodeMirror{font-size:var(--code-font-size);height:calc(100% - 25px);width:100%}.layout-2 .is-minimized .Codemirror,.layout-5 .is-minimized .Codemirror{height:100%}.CodeMirror pre{font-variant-ligatures:contextual}.cm-s-monokai .CodeMirror-linenumber{color:#fff3}.cm-s-monokai .CodeMirror-gutters,.cm-s-monokai.CodeMirror{background:var(--color-bg)}.cm-s-monokai .CodeMirror-guttermarker-subtle{opacity:.4}.cm-s-monokai .CodeMirror-activeline-background,.cm-s-monokai .CodeMirror-activeline-gutter{background:#0000001a!important}.CodeMirror-hints{background:#1e1e2c;border:0;font-size:var(--code-font-size)}.CodeMirror-hint{color:#bbb;padding:2px 4px}li.CodeMirror-hint-active{background:#5b429d}#demo-frame{background:#fff;border:0;height:calc(100% - var(--console-height));position:absolute;width:100%;z-index:1}body>#demo-frame{height:100%}.footer,.main-header{background-color:#12131b;border-top:1px solid #ffffff24;color:#ffffff73;padding:5px 10px}.footer{display:flex;justify-content:space-between;z-index:var(--zindex-footer)}.main-header{border:0;border-bottom:1px solid #ffffff24;display:flex;flex-wrap:nowrap}.btn--dark,.main-header__btn-wrap>button{--clr-1:#404040;--clr-2:#212121;background:linear-gradient(180deg,var(--clr-1) 0,var(--clr-2) 100%);border:1px solid #000000e6;border-radius:3px;border-radius:5px;box-shadow:inset 0 1px 0 0 #ffffff26;box-sizing:initial;color:#bbbfd3;font-weight:500;height:20px;letter-spacing:.6px;line-height:20px;margin-left:10px;padding:3px 8px;white-space:nowrap}.btn--dark>svg{fill:#9297b3;height:20px;width:20px}.btn--dark>svg:not(:last-child){margin-right:4px}.main-header__btn-wrap>.is-marked>svg{fill:#dc143c}.btn--dark:hover{--clr-1:#ffe300;--clr-2:#ffa600;color:#111}.btn--dark:hover>svg{fill:#111}.btn--dark.btn--active{background:linear-gradient(0deg,#404040,#212121);box-shadow:inset 0 -1px 0 0 #ffffff26}.btn--chromeless{background:#0000;border:0;box-shadow:none;padding:1px}.main-header__btn-wrap>.is-loading{opacity:.4;pointer-events:none}.main-header__avatar-img,.profile-modal__avatar-img{border-radius:50%}.logo{background:url(a175699459558d4beae5.png) 0 -12px;background-repeat:no-repeat;display:inline-block;filter:grayscale(.9);height:25px;margin-right:5px;opacity:.3;transition:.4s ease;vertical-align:middle;width:48px;will-change:opacity,filter}.footer:hover .logo{filter:grayscale(0);opacity:1}.footer__right{font-size:0;line-height:0}.footer__separator{border-left:1px solid #fff3;display:inline-block;height:24px;margin:0 10px 0 20px}.mode-btn{background:#0000;border:0;display:inline-block;margin-left:10px;padding:0}.footer__link:first-of-type{margin-left:5px}.footer__link{background:#0000;border:0;display:inline-block;margin-right:5px;padding:0;position:relative;top:2px}.footer a>svg,.footer button>svg{fill:#ffffff59;transition:.3s ease}.footer a:hover svg,.footer button:hover svg{fill:#fff9}.footer a,.footer button{cursor:pointer}.mode-btn svg{height:24px;width:24px}.mode-btn.selected svg{fill:#fff9}.gutter{background:#ffffff0d;flex-shrink:0}.gutter-horizontal{cursor:ew-resize}.gutter-vertical{cursor:ns-resize}.item-title-input{background:0 0;border:0!important;color:#fff9;flex:1;padding:3px 5px!important}.search-input{font-size:16px;width:100%}.dialog__close-btn{background:var(--color-close-btn);background:linear-gradient(to bottom,var(--color-close-btn),color-mix(in lch,var(--color-close-btn),#000));border:none;border-radius:.3rem;color:#fff;display:flex;padding:.4rem .5rem;position:absolute}.dialog__close-btn>svg{aspect-ratio:1;width:1.2rem}.dialog__close-btn:hover{--color-close-btn:var(--color-btn-hover-1);color:#111}.modal{align-items:center;align-items:baseline;background:var(--color-overlay);display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;transition:opacity var(--duration-modal-overlay-show);visibility:hidden;width:100vw;will-change:opacity;will-change:transform;z-index:var(--zindex-modal);z-index:var(--zindex-modal-overlay)}body:not(.light-version) .modal{backdrop-filter:blur(5px) grayscale(1)}.modal--no-overlay{backdrop-filter:none;background:0 0}@keyframes anim-modal-overlay{to{opacity:1;transform:translateY(0) scale(1)}}.modal__close-btn:hover{--color-close-btn:var(--color-btn-hover-1);color:#111}.modal__close-btn:hover>svg{fill:#111}.modal__close-btn{bottom:calc(100% + .2rem);right:0;transition:.25s ease}.modal__content,.popup{--opaque:68%;animation:anim-modal var(--duration-modal-show) cubic-bezier(.4,0,.2,1) forwards;background:var(--color-popup);background:linear-gradient(45deg,rgb(45 6 60/var(--opaque)),#3a2b63);border-radius:5px;box-shadow:inset 1px -1px 0 0 #ffffff17,0 20px 31px 0 #0000008a;box-sizing:border-box;color:var(--color-text);font-size:1.1em;line-height:1.4;margin:4rem auto 2rem;max-width:85vw;opacity:0;padding:3em;pointer-events:auto;position:relative;transform:scale(.98)}body.light-version .modal__content{--opaque:100%}@keyframes anim-modal{to{opacity:1;transform:scale(1)}}@media screen and (max-width:900px){.modal__content{max-width:95vw}}.is-modal-visible{visibility:visible}body:not(.light-version).is-modal-visible .modal__content{backdrop-filter:blur(3px)}.modal-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity var(--duration-modal-overlay-show);visibility:hidden;width:100%;will-change:opacity;z-index:var(--zindex-modal-overlay)}body:not(.light-version) .modal-overlay{backdrop-filter:blur(5px) grayscale(1)}@media screen and (min-width:850px){.modal--settings>.modal__content{width:850px}.modal--command-palette>.modal__content{width:600px}}.ask-to-import-modal .modal__content,.modal--small .modal__content,.pledge-modal .modal__content{max-width:800px}.login-modal .modal__content{overflow-y:initial}.saved-items-pane{background:var(--color-popup);bottom:0;max-width:60ch;min-width:40ch;padding:20px 30px;position:fixed;right:0;top:0;transform:translateX(100%);transition:.3s cubic-bezier(1,.13,.21,.87);transition-property:transform;visibility:hidden;width:35vw;will-change:transform;z-index:6}.saved-items-pane.is-open{transform:translateX(0);transition-duration:.4s;visibility:visible}.is-modal-visible~.modal-overlay,.overlay-visible .modal-overlay,.saved-items-pane.is-open~.modal-overlay{opacity:1;visibility:visible}.saved-items-pane__close-btn{left:-18px;opacity:0;top:24px;transform:scale(0);transition:.3s ease;transition-delay:0;transition-property:transform,opacity;visibility:hidden;will-change:transform,opacity}.saved-items-pane.is-open .saved-items-pane__close-btn{opacity:1;transform:scale(1);transition-delay:.4s;visibility:visible}.saved-item-tile{background-color:#ffffff0f;border-radius:4px;box-shadow:0 2px 4px 0 #0003;cursor:pointer;display:block;padding:20px;position:relative}.saved-item-tile+.saved-item-tile{margin-top:1rem}.saved-item-tile--inline{display:inline-block;margin-left:10px;margin-right:10px}.saved-item-tile:first-child{animation-delay:.2s}.saved-item-tile:nth-child(2){animation-delay:.25s}.saved-item-tile:nth-child(3){animation-delay:.3s}.saved-item-tile:nth-child(4){animation-delay:.35s}.saved-item-tile:nth-child(5){animation-delay:.4s}.saved-item-tile:nth-child(6){animation-delay:.45s}.saved-item-tile:nth-child(7){animation-delay:.5s}.saved-item-tile:nth-child(8){animation-delay:.55s}.saved-item-tile:nth-child(9){animation-delay:.6s}.saved-item-tile:nth-child(10){animation-delay:.65s}.saved-item-tile:nth-child(11){animation-delay:.7s}.saved-item-tile:nth-child(12){animation-delay:.75s}.saved-item-tile:nth-child(n+12){animation-delay:.8s}@keyframes slide-left{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.saved-item-tile.selected,.saved-item-tile:hover{background:#ffffff1a}.saved-item-tile__btns{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;right:8px;top:6px;transition:.25s ease;z-index:1}.saved-item-tile.selected .saved-item-tile__btns,.saved-item-tile:hover .saved-item-tile__btns{opacity:1;pointer-events:auto}.saved-item-tile__img{margin-right:10px}.saved-item-tile__btn{background:#ffffff1a;border:0;border-radius:1in;color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;margin-left:2px;padding:7px 10px;text-transform:uppercase}.saved-item-tile__btn>svg{aspect-ratio:1;width:1rem}.saved-item-tile__btn:hover{background:#fffc;color:#555}.saved-item-tile__title{font-size:1.4em;margin:0;opacity:.8;pointer-events:none}.saved-item-tile__meta{margin-top:8px;opacity:.6;pointer-events:none}.saved-items-pane__container{margin-top:1rem;max-height:calc(100vh - 130px);overflow-x:hidden;overflow-y:auto;padding-inline:1rem;scroll-behavior:smooth}.notifications-btn{position:relative}@keyframes shake{2%,22%{transform:translate3d(-1px,0,0)}20%,5%{transform:translate3d(2px,0,0)}12%,17%,7%{transform:translate3d(-4px,0,0)}10%,15%{transform:translate3d(4px,0,0)}}.notifications-btn.has-new{animation:shake 7s linear infinite;transform-origin:50% 10px}.notifications-btn__dot{background:#31fe45;border-radius:50%;display:none;height:12px;position:absolute;right:1;top:-2px;width:12px}.has-new .notifications-btn__dot{display:block}.notification{background:#f8f6f90d;border-radius:5px;padding:20px;position:relative}.notification li:not(:last-child),.notification:not(:last-child){margin-bottom:10px}.notification__version{background:#af6204;border-radius:5px;color:#fff;left:2px;padding:3px;position:absolute;top:2px}.loader,.loader:after{border-radius:50%;height:3em;width:3em}.loader{animation:load8 1.1s linear infinite;border:1.1em solid #7639e533;border-left-color:#7639e5;font-size:5px;position:relative;text-indent:-9999em;transform:translateZ(0)}@keyframes load8{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.btn-group{cursor:pointer;position:relative}.dropdown__menu{background:#fff;border-radius:4px;display:block;font-size:.88rem;left:0;list-style:none;margin:0;min-width:200px;opacity:0;overflow:hidden;padding:0;position:absolute;top:100%;transform:translateY(10px);transition:transform .25s ease;visibility:hidden;z-index:5}.dropdown__menu>li>a{color:#333;cursor:pointer;display:block;padding:6px 15px}.dropdown__menu>li.selected>a,.dropdown__menu>li>a:hover{background:var(--color-popup);color:#fff}.dropdown__menu>li:not(:last-child){border-bottom:1px solid #0000000d}.dropdown__menu.is-open,.open>.dropdown__menu{opacity:1;transform:translateY(0);visibility:visible}.alerts-container{background:#fff;border:1px solid #eee;border-radius:3px;box-shadow:0 3px 5px #0003;color:#333;font-size:1rem;left:50%;padding:10px;position:fixed;top:-5px;transform:translateX(-50%) translateY(-100%);transition:.3s ease;will-change:transform;z-index:6}.alerts-container.is-active{transform:translateX(-50%) translateY(0)}.error-gutter{width:8px}.gutter-error-marker{background:red;border-radius:0;height:20px;left:1px;position:relative;top:0;width:8px}.gutter-error-marker:after{background:red;color:#fff;content:attr(data-title);left:0;opacity:0;padding:4px;position:absolute;top:14px;transform:translateX(-10px);transition:.2s ease;visibility:hidden;width:300px;will-change:transform}.gutter-error-marker:hover:after{opacity:1;transform:translateX(0);visibility:visible}.count-label{background:#ffffff87;border-radius:5px;color:#333;font-weight:600;margin-left:.5rem;padding:0 6px}.onboard-step{background-color:#ffffff1a;border-radius:.8rem;box-shadow:0 16px 22px #0000001a;flex:1;margin:.5rem;padding:1rem}.onboard-step--full-width{grid-column:1/-1}.onboard-step__icon{fill:#ffffff4d;stroke-width:.5px;stroke:#0006;height:80px;width:80px}.autocomplete-dropdown{border:1px solid #00000080;border-top-left-radius:0;border-top-right-radius:0;max-height:200px;overflow-y:auto;right:0;z-index:2001}.autocomplete__loader{bottom:1px;position:absolute;right:3px}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.animated{animation-duration:1s;animation-fill-mode:both}.wobble{animation-name:wobble}.console{background:var(--color-bg);bottom:0;display:flex;flex-direction:column;height:35vh;left:0;min-height:80px;position:absolute;right:0;transform:translateY(0);transition:transform .4s cubic-bezier(.76,.01,.13,.9);z-index:6}.console.is-minimized{transform:translateY(calc(100% - var(--console-height)))}.console__log{display:flex;flex:1;flex-direction:column}.console-exec-input{background:#0000004d;border:0;color:#fff;flex:1;font-size:1.3em;padding:5px}.console:not(.is-minimized) .code-wrap__header{cursor:ns-resize}.console__items{flex-basis:0;flex-grow:1;margin:0;overflow:auto;padding:0}.console__items li{border-bottom:1px solid #ffffff0d;font-size:var(--code-font-size)!important;line-height:inherit!important;padding:5px 10px!important}.is-detached-mode .console,.is-detached-mode .footer{z-index:4}.is-detached-mode .console{bottom:var(--footer-height);position:fixed}.is-detached-mode .content-wrap{padding-bottom:var(--console-height)}.kbd-shortcut__keys{background:#0000004d;border-radius:3px;font-size:.9rem;font-weight:700;margin-right:5px;padding:3px 8px}.kbd-shortcut__details,.kbd-shortcut__keys,.web-maker-with-tag{display:inline-block}.web-maker-with-tag{position:relative}.is-extension .web-maker-with-tag:after{display:none}.social-login-btn{background:#fff;border:2px solid;color:#000}body.is-logged-in .hide-on-login,body:not(.is-app) .show-when-app,body:not(.is-extension) .show-when-extension,body:not(.is-logged-in) .hide-on-logout{display:none}.onboard-selection{border:1px solid #0000;border-radius:5px;margin:0 40px;padding:10px;position:relative;transition:.25s ease}.onboard-selection:hover{cursor:pointer;transform:scale(1.15)}.onboard-selection.selected:after{background-color:#fff;border-radius:50%;bottom:40px;content:"";height:80px;position:absolute;right:-20px;width:80px}.bookmarklet{align-items:center;border:1px dashed #aaa;color:#f7f7f7;display:inline-flex;padding:0 5px}.help-text{color:var(--color-text-dark-1);font-size:.9em;margin:5px 0}.social-login-btn:after,.social-login-btn:before,.social-login-btn:hover:after,.social-login-btn:hover:before{visibility:hidden}.last-login-facebook .social-login-btn--facebook:after,.last-login-facebook .social-login-btn--facebook:before,.last-login-github .social-login-btn--github:after,.last-login-github .social-login-btn--github:before,.last-login-google .social-login-btn--google:after,.last-login-google .social-login-btn--google:before{visibility:visible}.footer__js13k-days-left{background:#b12a34;border-radius:3px;color:#fff;font-size:.8em;letter-spacing:.7px;padding:1px 9px;text-transform:uppercase}.footer__js13k-code-size{margin-left:1rem}.js13k__dropdown{background:var(--color-popup);border-radius:4px;bottom:35px;box-shadow:0 -7px 13px 2px #0003;color:var(--color-text);display:inline-block;left:50%;margin-left:-115px;padding:16px;position:fixed}.sidebar{background-color:#1e1e2c;height:100%}.sidebar__file{align-items:center;background:#0000;border:none;color:#bbb;cursor:pointer;display:flex;justify-content:space-between;padding:7px 10px;position:relative;text-align:left;width:100%}.sidebar__folder-wrap .sidebar__file,.sidebar__folder-wrap .sidebar__folder-wrap .sidebar__file{padding-left:2rem}.sidebar__folder-wrap .sidebar__folder-wrap .sidebar__folder-wrap .sidebar__file{padding-left:3rem}.sidebar__file:focus,.sidebar__file:hover{background-color:#ffffff0d}.sidebar__file.selected{background-color:#ffffff1a;color:#fff}.sidebar__file-icon{flex-shrink:0;height:20px;margin-right:8px;width:20px}.sidebar__file-name{overflow:hidden;text-overflow:ellipsis}.sidebar__file-options{visibility:hidden;white-space:nowrap}.sidebar__file:focus .sidebar__file-options,.sidebar__file:focus-within .sidebar__file-options,.sidebar__file:hover .sidebar__file-options{visibility:visible}.sidebar__folder-wrap[data-collapsed=true]{display:none}.is-file-mode .hide-in-file-mode{display:none!important}.cm-s-paraiso-dark.CodeMirror{background:#2f1e2e;color:#b9b6b0}.cm-s-paraiso-dark .CodeMirror-gutters{background:#2f1e2e;border-right:0}.cm-s-paraiso-dark .CodeMirror-activeline-background{background:#4d344a}.cm-s-monokai.CodeMirror{background:#272822;color:#f8f8f2}.cm-s-monokai .CodeMirror-gutters{background:#272822;border-right:0}.cm-s-monokai .CodeMirror-activeline-background{background:#373831}.cm-s-3024-day.CodeMirror{background:#f7f7f7;color:#3a3432}.cm-s-3024-day .CodeMirror-gutters{background:#f7f7f7;border-right:0}.cm-s-3024-day .CodeMirror-activeline-background{background:#e8f2ff}.cm-s-material.CodeMirror{background-color:#263238;color:#e9eded}.cm-s-material .CodeMirror-gutters{background:#263238;color:#537f7e}.cm-s-material .CodeMirror-activeline-background{background:#0000}.cm-s-dracula .CodeMirror-gutters,.cm-s-dracula.CodeMirror{background-color:#282a36!important;color:#f8f8f2!important}.cm-s-dracula .CodeMirror-activeline-background{background:#ffffff1a}.cm-s-blackboard.CodeMirror{background:#0c1021;color:#f8f8f8}.cm-s-blackboard .CodeMirror-gutters{background:#0c1021;border-right:0}.cm-s-blackboard .CodeMirror-activeline-background{background:#3c3636}.cm-s-midnight.CodeMirror{background:#0f192a;color:#d1edff}.cm-s-midnight .CodeMirror-gutters{background:#0f192a;border-right:1px solid}.cm-s-midnight .CodeMirror-activeline-background{background:#253540}.command-palette__option-list{list-style:none;margin:10px 0 0;padding:0}.command-palette__option-row{background:#0000;border:0;color:var(--color-text);display:flex;justify-content:space-between;padding:4px 5px;text-align:left;width:100%}.command-palette__option-row--selected{background:#0003}.command-palette__option-subtitle{color:var(--color-text-dark-1);font-size:.875em;margin-left:10px}.preview-dimension{background:#ccc;color:#000;padding:5px;position:absolute;right:0;top:0;z-index:1}.tabs{display:flex}.tabs__tablist{flex-shrink:0}.tabs__tab{background:#0000;border:0;color:inherit;display:block;padding:10px;text-align:left;width:100%}.tabs__tab--selected{background-color:#0003}.tabs__tabpanel-wrap{flex:1}.tabs__tabpanel{background-color:#0003;border-radius:5px;padding:2em}.tabs--horizontal{flex-direction:column}.tabs--horizontal .tabs__tablist{display:flex;justify-content:center}.asset-manager__upload-box{border:3px dashed #ffffff1a;border-radius:1rem;margin-bottom:1rem;padding:1rem 2rem;position:relative;text-align:center;transition:.3s ease}@keyframes move{0%{background-position:0 0}to{background-position:50px 50px}}.asset-manager__progress-bar{animation:move 2s linear infinite;background-image:linear-gradient(-45deg,#fff3 25%,#0000 0,#0000 50%,#fff3 0,#fff3 75%,#0000 0,#0000);background-size:50px 50px;border-bottom-left-radius:20px;border-bottom-right-radius:8px;border-top-left-radius:20px;border-top-right-radius:8px;inset:1rem;overflow:hidden;position:absolute;z-index:1}.asset-manager__file{background:0 0;border:0;border-radius:.4rem;color:inherit;padding:.2rem;transition:.3s ease}.asset-manager__file:hover{background:#ffffff0d}.asset-manager__file--grid{display:flex;flex-direction:column}.asset-manager__file-container{gap:.3rem;padding:0}.asset-manager__file-container--grid{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));max-width:50rem}.asset-manager__file{display:flex;gap:.5rem;position:relative}.asset-manager__file-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-manager__file-image{aspect-ratio:1;border-radius:.3rem;height:1.5rem;object-fit:contain}.asset-manager__file--grid .asset-manager__file-image{height:auto;width:100%}.asset-manager__file-ext{bottom:.5rem;display:none;font-weight:800;left:1.4rem;letter-spacing:-1px;position:absolute;text-transform:uppercase}.asset-manager__file--grid .asset-manager__file-ext{display:block}.asset-manager__file-actions{backdrop-filter:blur(5px);background-color:#ffffff26;bottom:0;opacity:0;padding:.5rem 0;position:absolute;right:0;transform:translateY(-.5rem);transition:.3s ease;visibility:hidden}.asset-manager__file--grid .asset-manager__file-actions{bottom:1.5em;left:0}.asset-manager__file:hover .asset-manager__file-actions{opacity:1;transform:translateY(0);visibility:visible}.stack{align-items:center;display:flex}.stack>*{margin:0}.badge{background:#fff6;border-radius:1rem;color:#222;display:inline-block;font-size:.75rem;font-weight:800;line-height:1;padding:.1rem .3rem;text-transform:uppercase}.beta-tag{background:#ee9d59}.pro-badge{background:linear-gradient(45deg,var(--color-pro-1),var(--color-pro-2));box-shadow:inset 2px 2px 3px #0000004d;color:#222;display:inline-block}.templates-container{display:flex;flex-wrap:wrap;gap:1rem}.templates-container .saved-item-tile{margin:0}.pro-modal{background:url(046f0a114e874376e62e.png) no-repeat;background-position:100% 100%}.plan-card{--shadow-color:253deg 47% 15%;--shadow-elevation-low:0.3px 0.5px 0.7px hsl(var(--shadow-color)/0.34),0.4px 0.8px 1px -1.2px hsl(var(--shadow-color)/0.34),1px 2px 2.5px -2.5px hsl(var(--shadow-color)/0.34);--shadow-elevation-medium:0.3px 0.5px 0.7px hsl(var(--shadow-color)/0.36),0.8px 1.6px 2px -0.8px hsl(var(--shadow-color)/0.36),2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color)/0.36),5px 10px 12.6px -2.5px hsl(var(--shadow-color)/0.36);background:#ffffff1a;border-radius:.4rem;box-shadow:var(--shadow-elevation-low);padding:1rem}.profile-modal__avatar-img.is-pro{animation:avatar-rotate 2s forwards;background:linear-gradient(45deg,var(--color-pro-1),var(--color-pro-2));padding:.2rem}@keyframes avatar-rotate{0%{transform:rotate(10deg)}to{transform:rotate(0)}}.profile-modal__name.is-pro{background:linear-gradient(45deg,var(--color-pro-1),var(--color-pro-2));background-clip:text;color:#0000}.profile-modal__panda{animation:slide-up .3s forwards}@keyframes slide-up{0%{opacity:0;transform:translateX(-1.5rem)}to{opacity:1;transform:rotate(0)}}.panel{--panel-bg:#ffffff0d;background:var(--panel-bg);border-radius:1rem;box-shadow:var(--panel-shadow);overflow:hidden;position:relative}.panelOnlyBorder{backdrop-filter:none;background:0 0;border:2px solid var(--clr-border-1);box-shadow:none}.panelGlowing{box-shadow:var(--glow-shadow)}.panelTopFocus{background:radial-gradient(82.25% 100% at 50% 0,rgba(var(--rgb-gray-1),.75) 37.28%,rgba(var(--rgb-gray-0),0) 100%);box-shadow:0 0 30px rgba(var(--rgb-brand),0),0 20px 50px #0000001a,inset 0 1px 3px #ffffff1a}.skeleton{animation:skeleton 2s linear infinite;background-color:currentColor;border-radius:999px;display:inline-block;height:.5em;transform-origin:left}@keyframes skeleton{20%{opacity:1;opacity:.5;transform:scaleX(1.5);transform-origin:left}20.1%{transform:scaleX(1.5) translateX(33%);transform-origin:right}50%{opacity:1;transform:scaleX(1) translateX(50%);transform-origin:right}70%{transform:scaleX(1.5) translateX(33%);transform-origin:right}70.1%{transform:scaleX(1.5);transform-origin:left}90%{opacity:.5;transform:scaleX(1);transform-origin:left}}.dropdown{display:inline-block;position:relative}.dropdown-menu{--opaque:68%;background:var(--color-popup);left:0;list-style:none;margin:0;padding:.5rem;position:absolute;width:max-content;z-index:1000}.dropdown-menu-top{bottom:100%;margin-bottom:8px}.dropdown-menu-bottom{margin-top:8px;top:100%}.dropdown-item{background:0 0;border:none;border-radius:.3rem;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;text-align:left;width:100%}.dropdown-item:focus,.dropdown-item:hover{background-color:#f0f0f033}@media screen and (max-width:600px){body{font-size:70%}.main-header{overflow-x:auto}.main-header__btn-wrap{flex-shrink:0}.modal__content{padding:1em}.saved-items-pane{padding:10px 20px;width:77vw}}