.version[data-v-6ed49984]{float:left;position:relative;margin:15px 0 15px -2px}.version[data-v-6ed49984]:after{content:"";width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;position:absolute;top:9px;right:8px;border-color:var(--color-gray-middle) transparent transparent transparent}.version select[data-v-6ed49984]{color:var(--color-gray);font-weight:700;font-family:monospace;font-size:12px;font-style:normal;border:0;background:var(--color-gray-darkest);-webkit-appearance:none;appearance:none;width:40px;cursor:pointer}.version select[data-v-6ed49984]:hover{color:var(--color-gray-lightest)}.brand-logo[data-v-0daafa9f]{font-family:Alegreya Sans,Helvetica Neue,Arial,sans-serif;font-size:22px;font-style:italic;font-weight:700;letter-spacing:.02em;margin:12px 0 12px 15px;color:var(--color-white);text-decoration:none;display:flex;align-items:flex-end;max-width:max-content;float:left}.brand-logo svg[data-v-0daafa9f]{width:90px;margin-right:10px}.brand-logo img[data-v-0daafa9f]{margin-right:10px;height:1em;width:1em;display:inline-block;position:relative;top:-2px}.header[data-v-361e5fc5]{z-index:20000;color:var(--color-white);overflow:auto;padding:0;text-align:left;user-select:none;display:none;width:100%;height:48px}@media screen and (max-width: 768px){.header[data-v-361e5fc5]{position:fixed;top:0;background:var(--color-gray-darkest);display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header a.brand[data-v-361e5fc5]{display:none}}.mobile-button[data-v-361e5fc5]{cursor:pointer;height:2rem;width:2rem;will-change:transform;border:0;margin:0 .25rem}.mobile-button svg[data-v-361e5fc5]{z-index:9;fill:var(--color-white);height:1.5rem;margin-top:.25rem;margin-left:.25rem;width:1.5rem}span.token.class-name[data-v-f91612d8]{color:var(--color-golden)}span.token.class-name[data-v-f91612d8]:hover{color:var(--color-gray-lightest)}span.token.class-name[data-v-f91612d8]:focus{color:var(--color-gray-lightest)}span.token.class-name[data-v-f91612d8]{cursor:text}button[data-v-7bf7859d]{background:var(--color-teal);border:0;border-radius:3px;color:var(--color-white);cursor:pointer;line-height:1;margin-bottom:.875em;padding:.375em;font-size:.875rem;height:1.875rem;width:100%;transition:all .2s ease-in-out}button.active[data-v-7bf7859d]{background:var(--color-teal)}button[data-v-7bf7859d]:hover{background:var(--color-teal-dark)}svg[data-v-460eab4c]{transform:rotate(45deg)}.props-accordion-item h1[data-v-3a8da95e]{position:relative;width:100%;border-top:1px solid rgba(var(--color-gray-dark-rgb),.5);color:var(--color-white);font-size:15px;margin:0;padding:10px 15px;cursor:pointer}.props-accordion-item h1 span[data-v-3a8da95e]{font-weight:400;font-size:13px;text-shadow:none;color:var(--color-golden);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.props-accordion-item.active .area-action-buttons button[data-v-3a8da95e]:hover{background:rgba(var(--color-white-rgb),.1)}.props-accordion-item.active .area-name[data-v-3a8da95e]{color:var(--color-white)}.props-accordion-item.active .area-name[data-v-3a8da95e]:hover{background:transparent}.area-actions-sidebar.active h1[data-v-3a8da95e]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background:rgba(var(--color-white-rgb),.5)}.area-actions-sidebar h1[data-v-3a8da95e]{border-bottom:1px solid rgba(var(--color-gray-dark-rgb),.5);color:var(--color-golden);font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;font-weight:400;display:flex;align-items:center;padding:0;position:relative}.area-actions-sidebar h1>*[data-v-3a8da95e]{flex:1}.area-name[data-v-3a8da95e]{height:40px;display:flex;align-items:center;padding-left:15px}.area-name[data-v-3a8da95e]:hover{background:var(--color-gray-dark)}.area-type[data-v-3a8da95e]{font-size:14px;font-weight:700;color:#000;margin-bottom:10px;text-align:center;padding:5px;border-radius:4px;background:var(--color-gray-light);border-bottom:1px solid black}.area-props[data-v-3a8da95e]{overflow:auto}.items[data-v-3a8da95e]{font-size:11px;margin-bottom:10px}.area-action-buttons[data-v-3a8da95e]{display:flex;max-width:max-content;justify-content:flex-end;align-items:center;cursor:default}.area-action-buttons button[data-v-3a8da95e]{margin:0;max-width:40px;height:40px;border-left:1px solid rgba(var(--color-gray-dark-rgb),.5)}button[data-v-3a8da95e],.add-button[data-v-3a8da95e],.remove-button[data-v-3a8da95e]{background:transparent;margin:2px 0 0;padding:0;height:auto;font-size:13px;text-shadow:none;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;max-width:30px;width:50px;height:30px;display:flex;align-items:center;flex:1;justify-content:center;border-radius:2px}button[disabled] svg[data-v-3a8da95e],.add-button[disabled] svg[data-v-3a8da95e],.remove-button[disabled] svg[data-v-3a8da95e]{opacity:.25}button.remove-button.clear svg[data-v-3a8da95e],.add-button.remove-button.clear svg[data-v-3a8da95e],.remove-button.remove-button.clear svg[data-v-3a8da95e]{width:15px;fill:var(--color-white);stroke:transparent}button svg[data-v-3a8da95e],.add-button svg[data-v-3a8da95e],.remove-button svg[data-v-3a8da95e]{width:10px;stroke:var(--color-white);stroke-width:15px}button[data-v-3a8da95e]:hover,.add-button[data-v-3a8da95e]:hover,.remove-button[data-v-3a8da95e]:hover{opacity:1;background:var(--color-gray-dark)}.add-button[data-v-3a8da95e]{height:30px}.add-button svg[data-v-3a8da95e]{transform:rotate(45deg)}.add-area-button svg[data-v-3a8da95e]{stroke-width:15px}.unit-select[data-v-f22bf1ba]{background:var(--color-white);border:0 none;border-radius:2px;width:100%;height:24px;font-size:14px}.unit-select.focused[data-v-f22bf1ba]{background:var(--color-lightest-white)}h2[data-v-003f2257]{display:block;flex:1;max-width:max-content;color:var(--color-blue-lightest);font-weight:400;font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;margin:0}.items[data-v-003f2257]{margin-bottom:12px}.items[data-v-003f2257]:last-of-type{margin-bottom:0}.items .items-header:only-child h2[data-v-003f2257],.items .items-header:only-child button[data-v-003f2257]{opacity:.7;background:transparent}.items .items-header:only-child button[data-v-003f2257]:hover{opacity:1}.items-header[data-v-003f2257]{display:flex;justify-content:space-between;align-items:center;position:relative}.items-header:only-child:hover h2[data-v-003f2257]{opacity:1}.items-header+.area-size[data-v-003f2257]{margin-top:6px}.items-header>*[data-v-003f2257]{flex:1;max-width:max-content}.area-size[data-v-003f2257]{display:flex;align-items:center;position:relative;margin-bottom:6px}.area-size .unit-select[data-v-003f2257]{height:30px;background:var(--color-white);color:var(--color-gray-dark);font-size:14px;text-shadow:none;direction:ltr;cursor:pointer;text-align:center;flex:1;padding-left:5px;margin-right:5px;border-top-left-radius:0;border-bottom-left-radius:0}.area-size .input-container[data-v-003f2257]{display:flex;flex:1}.area-size .input-container input[data-v-003f2257]{border:0;width:100%;max-width:80px;background:var(--color-white);color:var(--color-gray-dark);height:30px;text-align:center;font-size:14px;text-shadow:none;direction:ltr;padding:0;flex:1;border-radius:2px 0 0 2px;border-right:1px solid var(--color-gray)}button[data-v-003f2257],.add-button[data-v-003f2257]{background:transparent;margin:0;padding:0;height:auto;font-size:13px;text-shadow:none;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;max-width:30px;height:30px;display:flex;align-items:center;flex:1;justify-content:center;border-radius:2px}button.remove-button[disabled][data-v-003f2257],.add-button.remove-button[disabled][data-v-003f2257]{opacity:.5}button.remove-button[data-v-003f2257],.add-button.remove-button[data-v-003f2257]{background:var(--color-remove)}button.remove-button svg[data-v-003f2257],.add-button.remove-button svg[data-v-003f2257]{stroke-width:15px}button svg[data-v-003f2257],.add-button svg[data-v-003f2257]{width:10px;stroke:var(--color-gray-lightest);stroke-width:6px}button[data-v-003f2257]:hover,.add-button[data-v-003f2257]:hover{opacity:1;background:var(--color-remove-active)}.add-button[data-v-003f2257]{height:30px;max-width:max-content;background:var(--color-blue);padding:0 12px;color:var(--color-white);font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.add-button span[data-v-003f2257]{font-size:12px;margin-left:5px;padding-right:2px;display:none}.add-button[data-v-003f2257]:hover{background:var(--color-blue-dark)}.add-button[data-v-003f2257]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.area-size.area-auto-cols .input-container input[data-v-003f2257],.area-size.area-auto-cols .input-container select[data-v-003f2257],.area-size.area-auto-rows .input-container input[data-v-003f2257],.area-size.area-auto-rows .input-container select[data-v-003f2257]{background:var(--color-black);color:var(--color-gray-lightest);border:1px solid var(--color-gray-darkest)}.area-size.area-auto-cols .input-container input[data-v-003f2257]::-webkit-outer-spin-button,.area-size.area-auto-cols .input-container input[data-v-003f2257]::-webkit-inner-spin-button,.area-size.area-auto-rows .input-container input[data-v-003f2257]::-webkit-outer-spin-button,.area-size.area-auto-rows .input-container input[data-v-003f2257]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.area-size.area-auto-cols .input-container input[type=number][data-v-003f2257],.area-size.area-auto-rows .input-container input[type=number][data-v-003f2257]{-moz-appearance:textfield;padding-right:12px}h2[data-v-4177a8fa]{display:block;flex:1;max-width:max-content;color:var(--color-blue-lightest);font-weight:400;font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;margin:0}.items[data-v-4177a8fa]{margin-bottom:10px;padding-top:8px}.items[data-v-4177a8fa]:last-of-type{margin-bottom:0}.items-header[data-v-4177a8fa]{display:flex;justify-content:space-between;align-items:center}.items-header+.area-size[data-v-4177a8fa]{margin-top:6px}.items-header>*[data-v-4177a8fa]{flex:1;max-width:max-content}.area-size[data-v-4177a8fa]{display:flex;align-items:center;position:relative;margin-bottom:6px}.area-size .unit-select[data-v-4177a8fa]{height:30px;background:var(--color-white);color:var(--color-gray-dark);font-size:14px;text-shadow:none;direction:ltr;cursor:pointer;text-align:center;flex:1;margin-right:0;border-radius:0 2px 2px 0;padding-left:5px}.area-size .input-container[data-v-4177a8fa]{display:flex;flex:1}.area-size .input-container input[data-v-4177a8fa]{border:0;width:100%;background:var(--color-white);color:var(--color-gray-dark);height:30px;text-align:center;font-size:14px;text-shadow:none;direction:ltr;padding:0;flex:1;margin-right:0;border-radius:2px 0 0 2px;border-right:1px solid var(--color-gray)}button[data-v-4177a8fa],.add-button[data-v-4177a8fa]{background:transparent;margin:0;padding:0;height:auto;font-size:13px;text-shadow:none;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;max-width:30px;height:30px;display:flex;align-items:center;flex:1;justify-content:center;border-radius:2px}button.remove-button[disabled][data-v-4177a8fa],.add-button.remove-button[disabled][data-v-4177a8fa]{opacity:.5}button.remove-button[data-v-4177a8fa],.add-button.remove-button[data-v-4177a8fa]{background:var(--color-remove)}button.remove-button svg[data-v-4177a8fa],.add-button.remove-button svg[data-v-4177a8fa]{stroke-width:15px}button svg[data-v-4177a8fa],.add-button svg[data-v-4177a8fa]{width:10px;stroke:var(--color-white);stroke-width:6px}button[data-v-4177a8fa]:hover,.add-button[data-v-4177a8fa]:hover{opacity:1;background:var(--color-remove-active)}.add-button[data-v-4177a8fa]{height:30px;max-width:50px;background:var(--color-blue)}.add-button[data-v-4177a8fa]:hover{background:var(--color-add)}.items.flexed[data-v-2f18fa42]{display:flex;padding-top:8px}.items.flexed>*[data-v-2f18fa42]{flex:1;margin-right:8px}.items.flexed>*[data-v-2f18fa42]:last-child{margin-right:0}.props-accordion-item[data-v-091f16f8]{overflow:hidden;overflow-y:auto;margin:0;opacity:1;transition:opacity .1s ease-in;border-bottom:1px dashed rgba(var(--color-gray-dark-rgb),.4)}.props-accordion-item[data-v-091f16f8]:first-of-type{opacity:1}.props-accordion-item:first-of-type h1[data-v-091f16f8]:hover{background:transparent}.props-accordion-item[data-v-091f16f8]:hover,.props-accordion-item.active[data-v-091f16f8]{opacity:1}.props-accordion-item h1[data-v-091f16f8]{width:100%;position:relative;color:var(--color-gray-lightest);font-size:15px;margin:0;padding:10px 15px;cursor:pointer}.props-accordion-item h1[data-v-091f16f8]:hover{background:var(--color-black)}.props-accordion-item.active h1[data-v-091f16f8]{border-bottom:0;opacity:1}.props-accordion-item.active h1[data-v-091f16f8]:hover{background:transparent}.props-accordion-content[data-v-091f16f8]{margin:0 15px 10px}.props-accordion-content[data-v-091f16f8]:empty{margin:0}.child-accordion .props-accordion-content[data-v-091f16f8]{margin:0}*[data-v-091f16f8]{scrollbar-width:thin;scrollbar-color:var(--color-purple-middle) var(--color-purple-dark)}[data-v-091f16f8]::-webkit-scrollbar{width:5px}[data-v-091f16f8]::-webkit-scrollbar:horizontal{height:5px}[data-v-091f16f8]::-webkit-scrollbar-track{background:var(--color-purple-dark);border-radius:10px}[data-v-091f16f8]::-webkit-scrollbar-thumb{background:var(--color-purple-middle);border-radius:10px}[data-v-091f16f8]::-webkit-scrollbar-thumb:hover{background:var(--color-purple)}.items[data-v-091f16f8]{font-size:11px;margin-bottom:10px}.display-select-container[data-v-0d2b2a2b]{margin-bottom:10px}.display-select-container>label[data-v-0d2b2a2b]{display:block;flex:1 1 0%;color:var(--color-blue-lightest);font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;word-spacing:normal;line-height:30px}.display-select-container>label span[data-v-0d2b2a2b]{color:var(--color-orange)}.radio-toolbar[data-v-0d2b2a2b]{display:flex;flex-wrap:wrap}.radio-toolbar input[data-v-0d2b2a2b]{display:none}.radio-toolbar label[data-v-0d2b2a2b]{flex:1;font-family:sans-serif,Arial;font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;cursor:pointer;position:relative;border:solid 1px var(--color-gray-darkest);background:var(--color-black);line-height:30px;display:flex;align-items:center;text-align:center;justify-content:center;color:var(--color-gray-lightest);height:35px;max-width:60px}.radio-toolbar label.dense-label[data-v-0d2b2a2b]{margin-left:10px}.radio-toolbar label[data-v-0d2b2a2b]:last-child{border-right:0}.radio-toolbar label svg[data-v-0d2b2a2b]{stroke:var(--color-gray-lightest);width:20px;stroke-width:6px}.radio-toolbar label[data-v-0d2b2a2b]:hover{color:var(--color-white);background:var(--color-gray-darkest)}.radio-toolbar label:hover svg[data-v-0d2b2a2b]{stroke:var(--color-white)}.radio-toolbar label.default-value>div[data-v-0d2b2a2b]{opacity:1;color:var(--color-white);background:var(--color-blue)}.radio-toolbar label.default-value>div[data-v-0d2b2a2b]:hover{background:var(--color-blue)}input[type=checkbox]:checked+label[data-v-0d2b2a2b],input[type=radio]:checked+label[data-v-0d2b2a2b]{opacity:1;color:var(--color-white);background:var(--color-blue)}input[type=checkbox]:checked+label[data-v-0d2b2a2b]:hover,input[type=radio]:checked+label[data-v-0d2b2a2b]:hover{background:var(--color-blue)}input[type=checkbox]:checked+label svg[data-v-0d2b2a2b],input[type=radio]:checked+label svg[data-v-0d2b2a2b]{stroke:var(--color-gray-lightest)}h2[data-v-3bd31cff]{display:block;flex:1;max-width:max-content;color:var(--color-blue-lightest);font-weight:400;font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;margin:0;transition:all .2s ease-in-out}.items[data-v-3bd31cff]:last-of-type{margin-bottom:0}.items .items-header:only-child h2[data-v-3bd31cff],.items .items-header:only-child button[data-v-3bd31cff]{opacity:.7;background:transparent}.items .items-header:only-child h2[data-v-3bd31cff]:hover,.items .items-header:only-child button[data-v-3bd31cff]:hover{opacity:1}.items .items-header:only-child button[data-v-3bd31cff]:hover{opacity:1}.items-header[data-v-3bd31cff]{display:flex;justify-content:space-between;align-items:center;position:relative}.items-header:only-child:hover h2[data-v-3bd31cff]{opacity:1}.items-header+.area-size[data-v-3bd31cff]{margin-top:6px}.items-header>*[data-v-3bd31cff]{flex:1;max-width:max-content}.area-size[data-v-3bd31cff]{display:flex;align-items:center;position:relative;margin-bottom:6px}.area-size .unit-select[data-v-3bd31cff]{height:30px;background:var(--color-white);color:var(--color-gray-dark);font-size:14px;text-shadow:none;direction:ltr;cursor:pointer;text-align:center;flex:1;padding-left:5px;margin-right:5px;border-top-left-radius:0;border-bottom-left-radius:0}.area-size .input-container[data-v-3bd31cff]{display:flex;flex:1}.area-size .input-container input[data-v-3bd31cff]{border:0;width:100%;max-width:80px;background:var(--color-white);color:var(--color-gray-dark);height:30px;text-align:center;font-size:14px;text-shadow:none;direction:ltr;padding:0;flex:1;border-radius:2px 0 0 2px;border-right:1px solid var(--color-gray)}button[data-v-3bd31cff],.add-button[data-v-3bd31cff]{background:transparent;margin:0;padding:0;height:auto;font-size:13px;text-shadow:none;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;max-width:30px;height:30px;display:flex;align-items:center;flex:1;justify-content:center;border-radius:2px}button.remove-button[disabled][data-v-3bd31cff],.add-button.remove-button[disabled][data-v-3bd31cff]{opacity:.5}button.remove-button[data-v-3bd31cff],.add-button.remove-button[data-v-3bd31cff]{background:var(--color-remove)}button.remove-button svg[data-v-3bd31cff],.add-button.remove-button svg[data-v-3bd31cff]{stroke-width:15px}button svg[data-v-3bd31cff],.add-button svg[data-v-3bd31cff]{width:10px;stroke:var(--color-gray-lightest);stroke-width:6px}button[data-v-3bd31cff]:hover,.add-button[data-v-3bd31cff]:hover{opacity:1;background:var(--color-remove-active)}.add-button[data-v-3bd31cff]{height:30px;max-width:max-content;background:var(--color-blue);padding:0 12px;font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;color:var(--color-gray-lightest)}.add-button span[data-v-3bd31cff]{font-size:12px;margin-left:5px;padding-right:2px;display:none}.add-button[data-v-3bd31cff]:hover{background:var(--color-blue-dark)}.add-button[data-v-3bd31cff]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.area-size.area-auto-cols .input-container input[data-v-3bd31cff],.area-size.area-auto-cols .input-container select[data-v-3bd31cff],.area-size.area-auto-rows .input-container input[data-v-3bd31cff],.area-size.area-auto-rows .input-container select[data-v-3bd31cff]{background:var(--color-black);color:var(--color-gray-lightest);border:1px solid var(--color-gray-darkest)}.area-size.area-auto-cols .input-container input[data-v-3bd31cff]::-webkit-outer-spin-button,.area-size.area-auto-cols .input-container input[data-v-3bd31cff]::-webkit-inner-spin-button,.area-size.area-auto-rows .input-container input[data-v-3bd31cff]::-webkit-outer-spin-button,.area-size.area-auto-rows .input-container input[data-v-3bd31cff]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.area-size.area-auto-cols .input-container input[type=number][data-v-3bd31cff],.area-size.area-auto-rows .input-container input[type=number][data-v-3bd31cff]{-moz-appearance:textfield;padding-right:12px}.placement-select-container input[data-v-7d3922c0],.placement-select-container input~.radio-toolbar[data-v-7d3922c0]{display:none}.placement-select-container input:checked~.radio-toolbar[data-v-7d3922c0]{display:flex}.placement-select-container input:checked+label[data-v-7d3922c0]{opacity:1}.placement-select-container>label[data-v-7d3922c0]{display:block;flex:1 1 0%;color:var(--color-blue-lightest);font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;cursor:pointer;opacity:.7;transition:all .2s ease-in-out;line-height:30px}.placement-select-container>label[data-v-7d3922c0]:hover{opacity:1}.placement-select-container>label span[data-v-7d3922c0]{color:var(--color-orange)}.radio-toolbar[data-v-7d3922c0]{display:flex;flex-wrap:wrap;gap:0px;margin-bottom:6px}.radio-toolbar input[data-v-7d3922c0]{display:none}.radio-toolbar label[data-v-7d3922c0]{flex:1;font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;cursor:pointer;position:relative;border:solid 1px var(--color-gray-darkest);border-right:0;background:var(--color-black);height:35px;min-width:60px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-gray)}.radio-toolbar label[data-v-7d3922c0]:last-child{border-right:solid 1px var(--color-gray-darkest)}.radio-toolbar label>div[data-v-7d3922c0]{position:absolute;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center}.radio-toolbar label>div[data-v-7d3922c0]:hover{background:var(--color-gray-darkest)}.radio-toolbar label svg[data-v-7d3922c0]{stroke:var(--color-gray-lightest);fill:var(--color-gray-lightest);width:20px;stroke-width:6px}.radio-toolbar label svg rect[data-v-7d3922c0]{fill:var(--color-gray-lightest)}.radio-toolbar label[data-v-7d3922c0]:hover{color:var(--color-white)}.radio-toolbar label:hover svg[data-v-7d3922c0]{stroke:var(--color-white)}.radio-toolbar label.default-value>div[data-v-7d3922c0]{opacity:1;color:var(--color-white);background:rgba(var(--color-blue-rgb),.45)}.radio-toolbar label.default-value>div[data-v-7d3922c0]:hover{background:rgba(var(--color-blue-rgb),.6)}.radio-toolbar label.default-value>div svg[data-v-7d3922c0]{stroke:var(--color-white)}input[type=radio]:checked+label[data-v-7d3922c0]{opacity:1;color:var(--color-white)}input[type=radio]:checked+label>div[data-v-7d3922c0]{background:var(--color-blue)}input[type=radio]:checked+label svg[data-v-7d3922c0]{stroke:var(--color-white)}rect[data-v-7d3922c0]{fill:var(--color-gray-lightest)}h2[data-v-583e472e]{margin:10px 0 .625em;font-family:Alegreya Sans,Helvetica Neue,Arial,sans-serif;font-size:16px}h2 span[data-v-583e472e]{font-weight:400}.inner-items-container[data-v-583e472e]{max-height:400px;overflow:auto}.items[data-v-583e472e]{margin-bottom:20px}.items .inner-items[data-v-583e472e]{max-height:185px;overflow:auto;font-family:arial}.items .inner-items>div[data-v-583e472e]{display:grid;grid-template-columns:70px auto;padding-right:10px;grid-gap:0 5px;border-radius:2px;height:30px;margin-bottom:6px}.items .inner-items>div input[data-v-583e472e]{text-align:center;width:100%;border:0;border-radius:2px;padding:.313em;font-size:14px}.items .inner-items>div input.dragging[data-v-583e472e]{background:var(--color-green-ligth)}.items .inner-items>div button[data-v-583e472e]{margin-bottom:0;background:var(--color-magenta)}.items .inner-items>div button[data-v-583e472e]:hover{background:var(--color-magenta)}.items .inner-items>div button svg[data-v-583e472e]{width:100%;height:100%;padding:4px}.items .inner-items>div select[data-v-583e472e]{background:var(--color-white);border:0;width:100%;font-size:14px}.flex-item.selected[data-v-583e472e]{background:var(--color-green)}.flex-item.selected h2[data-v-583e472e]:after{content:"";width:10px;height:10px;display:inline-block;margin-left:10px;border-radius:50%;background:var(--color-yellow)}.area-size[data-v-cb29c1f2]{margin-bottom:6px;padding-right:40px}.layout-props[data-v-cb29c1f2]{padding-top:8px}label[data-v-cb29c1f2]{display:block;flex:1 1 0%;max-width:max-content;color:var(--color-blue-lightest);font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;margin-bottom:5px}.input-container[data-v-cb29c1f2]{display:flex}.input-container input[data-v-cb29c1f2]{height:30px;background:var(--color-white);color:var(--color-gray-dark);font-size:14px;text-shadow:none;direction:ltr;flex:1;padding-left:10px;margin-right:5px;border:0;width:200px;border-radius:2px}.layout-props[data-v-8856a0da]{display:flex;flex-direction:column;gap:10px;padding-top:8px}label[data-v-fd7d2cf8]{display:block;flex:1;max-width:max-content;color:var(--color-blue-lightest);font-weight:400;font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;margin:0}.items[data-v-fd7d2cf8]{margin-bottom:15px}.items[data-v-fd7d2cf8]:last-of-type{margin-bottom:0}.items-header[data-v-fd7d2cf8]{display:flex;justify-content:space-between;align-items:center}.items-header+.area-size[data-v-fd7d2cf8]{margin-top:6px}.items-header>*[data-v-fd7d2cf8]{flex:1;max-width:max-content}.area-size[data-v-fd7d2cf8]{display:flex;align-items:center;position:relative;margin-bottom:6px}.area-size .unit-select[data-v-fd7d2cf8]{height:30px;background:var(--color-white);color:var(--color-gray-dark);font-size:14px;text-shadow:none;direction:ltr;cursor:pointer;text-align:center;flex:1;margin-right:0;border-radius:0 2px 2px 0;padding-left:5px}.area-size .input-container[data-v-fd7d2cf8]{display:flex;flex:1}.area-size .input-container input[data-v-fd7d2cf8]{border:0;width:100%;background:var(--color-white);color:var(--color-gray-dark);height:30px;text-align:center;font-size:14px;text-shadow:none;direction:ltr;flex:1;margin-right:0;border-radius:2px 0 0 2px;padding:0 0 0 5px;border-right:1px solid var(--color-gray)}button[data-v-fd7d2cf8],.add-button[data-v-fd7d2cf8]{background:transparent;margin:0;padding:0;height:auto;font-size:13px;text-shadow:none;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;max-width:30px;height:30px;display:flex;align-items:center;flex:1;justify-content:center;border-radius:2px}button.remove-button[disabled][data-v-fd7d2cf8],.add-button.remove-button[disabled][data-v-fd7d2cf8]{opacity:.5}button.remove-button[data-v-fd7d2cf8],.add-button.remove-button[data-v-fd7d2cf8]{background:var(--color-remove)}button.remove-button svg[data-v-fd7d2cf8],.add-button.remove-button svg[data-v-fd7d2cf8]{stroke-width:15px}button svg[data-v-fd7d2cf8],.add-button svg[data-v-fd7d2cf8]{width:10px;stroke:var(--color-white);stroke-width:6px}button[data-v-fd7d2cf8]:hover,.add-button[data-v-fd7d2cf8]:hover{opacity:1;background:var(--color-remove-active)}.add-button[data-v-fd7d2cf8]{height:30px;max-width:50px;background:var(--color-blue)}.add-button[data-v-fd7d2cf8]:hover{background:var(--color-add)}label[data-v-e4370c02]{display:block;flex:1;max-width:max-content;color:var(--color-blue-lightest);font-weight:400;font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;margin:0}.items[data-v-e4370c02]{margin-bottom:15px}.items[data-v-e4370c02]:last-of-type{margin-bottom:0}.items-header[data-v-e4370c02]{display:flex;justify-content:space-between;align-items:center}.items-header+.area-size[data-v-e4370c02]{margin-top:6px}.items-header>*[data-v-e4370c02]{flex:1;max-width:max-content}.area-size[data-v-e4370c02]{display:flex;align-items:center;position:relative;margin-bottom:6px}.area-size .unit-select[data-v-e4370c02]{height:30px;background:var(--color-white);color:var(--color-gray-dark);font-size:14px;text-shadow:none;direction:ltr;cursor:pointer;text-align:center;flex:1;margin-right:0;border-radius:0 2px 2px 0;padding-left:5px}.area-size .input-container[data-v-e4370c02]{display:flex;flex:1}.area-size .input-container input[data-v-e4370c02]{border:0;width:100%;background:var(--color-white);color:var(--color-gray-dark);height:30px;text-align:center;font-size:14px;text-shadow:none;direction:ltr;flex:1;margin-right:0;border-radius:0 2px 2px 0;padding:0 0 0 5px}button[data-v-e4370c02],.add-button[data-v-e4370c02]{background:transparent;margin:0;padding:0;height:auto;font-size:13px;text-shadow:none;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;max-width:30px;height:30px;display:flex;align-items:center;flex:1;justify-content:center;border-radius:2px}button.remove-button[disabled][data-v-e4370c02],.add-button.remove-button[disabled][data-v-e4370c02]{opacity:.5}button.remove-button[data-v-e4370c02],.add-button.remove-button[data-v-e4370c02]{background:var(--color-remove)}button.remove-button svg[data-v-e4370c02],.add-button.remove-button svg[data-v-e4370c02]{stroke-width:15px}button svg[data-v-e4370c02],.add-button svg[data-v-e4370c02]{width:10px;stroke:var(--color-white);stroke-width:6px}button[data-v-e4370c02]:hover,.add-button[data-v-e4370c02]:hover{opacity:1;background:var(--color-remove-active)}.add-button[data-v-e4370c02]{height:30px;max-width:50px;background:var(--color-blue)}.add-button[data-v-e4370c02]:hover{background:var(--color-add)}.layout-[data-v-e4370c02]{padding-top:8px;display:flex}.layout->*[data-v-e4370c02]{flex:1;margin-right:8px}.layout->*[data-v-e4370c02]:last-child{margin-right:0}.props-accordion-item h1[data-v-2be6269d]{width:100%;border-top:1px solid rgba(var(--color-gray-dark-rgb),.5);color:var(--color-white);font-size:15px;margin:0;padding:10px 15px;cursor:pointer}.props-accordion-item h1 span[data-v-2be6269d]{font-weight:400;font-size:13px;text-shadow:none;color:var(--color-golden);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.area-actions-sidebar h1[data-v-2be6269d]{color:var(--color-golden);font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;font-weight:400}.area-type[data-v-2be6269d]{font-size:14px;font-weight:700;color:#000;margin-bottom:10px;text-align:center;padding:5px;border-radius:4px;background:var(--color-gray-light);border-bottom:1px solid black}.area-props[data-v-2be6269d]{overflow:auto;overflow:overlay}*[data-v-2be6269d]{scrollbar-width:thin;scrollbar-color:var(--color-purple-middle) var(--color-purple-dark)}[data-v-2be6269d]::-webkit-scrollbar{width:5px}[data-v-2be6269d]::-webkit-scrollbar:horizontal{height:5px}[data-v-2be6269d]::-webkit-scrollbar-track{background:var(--color-gray-darkest);border-radius:10px}[data-v-2be6269d]::-webkit-scrollbar-thumb{background:var(--color-gray-middle);border-radius:10px}[data-v-2be6269d]::-webkit-scrollbar-thumb:hover{background:var(--color-purple-dark)}.items[data-v-2be6269d]{font-size:11px;margin-bottom:10px}.sidebar[data-v-56ab06b4]{z-index:20000;color:var(--color-white);overflow:auto;padding:0;text-align:left;transition:transform .2s ease-in;user-select:none;display:flex;flex-direction:column}@media screen and (max-width: 768px){.sidebar[data-v-56ab06b4]{transform:translate(-100%);position:fixed;bottom:0;top:48px;width:100%;background:var(--color-gray-darkest)}.sidebar a.brand[data-v-56ab06b4]{display:none}.sidebar.active[data-v-56ab06b4]{transform:translate(0)}.sidebar .sidebar-logo[data-v-56ab06b4]{display:none}}@media screen and (max-width: 768px){.btn-undo[data-v-56ab06b4],.btn-redo[data-v-56ab06b4],.btn-github[data-v-56ab06b4]{display:none}}section[data-v-570e9ec6]{touch-action:none;pointer-events:none;height:100%;position:relative}section[data-v-570e9ec6]:not(.dragging){cursor:pointer}section[data-v-570e9ec6]:not(.dragging):hover{background:var(--color-green-hover)!important}section.focused[data-v-570e9ec6]{background:var(--color-green-hover)!important}section.implicit[data-v-570e9ec6]{background:transparent!important}section.implicit[data-v-570e9ec6]:hover{background:rgba(var(--color-white-rgb),.5)!important}section div[data-v-570e9ec6]{left:0;right:0;top:0;bottom:0}section div[data-v-570e9ec6]:not(.selection-dragging){left:var(--6a8d08ec);right:var(--312b1452);top:var(--13f427d0);bottom:var(--2a1d4460)}section div[data-v-570e9ec6]{position:absolute;pointer-events:initial}section[data-v-ffd90e06]{touch-action:none;pointer-events:none;height:100%;position:relative;overflow:hidden}section.col[data-v-ffd90e06]{border-right:1px dashed var(--color-gray)}section.col.col-first[data-v-ffd90e06]{border-left:1px solid var(--color-gray)}section.col[data-v-ffd90e06]:not(.col-first):not(.col-no-gap){border-left:1px dashed var(--color-gray)}section.col.col-last[data-v-ffd90e06]{border-right:1px solid var(--color-gray)}section.col.col-last~.col[data-v-ffd90e06]{border-right:1px dotted var(--color-gray)}section.row[data-v-ffd90e06]{border-bottom:1px dashed var(--color-gray)}section.row[data-v-ffd90e06]:not(.row-first):not(.row-no-gap){border-top:1px dashed var(--color-gray)}section.row.row-first[data-v-ffd90e06]{border-top:1px solid var(--color-gray)}section.row.row-last[data-v-ffd90e06]{border-bottom:1px solid var(--color-gray)}section.row.row-last~.row[data-v-ffd90e06]{border-bottom:1px dotted var(--color-gray)}section.focused[data-v-ffd90e06]{background:rgba(var(--color-green-rgb),.1)}section.remove-action[data-v-ffd90e06]{background:rgba(var(--color-remove-rgb),.1)}section.darkmode[data-v-ffd90e06]{border:1px dashed var(--color-gray)}section:not(.row-no-gap).row.dragging-prev[data-v-ffd90e06]{border-top:1px solid var(--color-green)!important}section.row.dragging-next[data-v-ffd90e06]{border-bottom:1px solid var(--color-green)!important}section:not(.col-no-gap).col.dragging-prev[data-v-ffd90e06]{border-left:1px solid var(--color-green)!important}section.col.dragging-next[data-v-ffd90e06]{border-right:1px solid var(--color-green)!important}.row[data-v-4760ee6a],.col[data-v-4760ee6a]{z-index:1;pointer-events:initial;background:var(--color-green-ligth);border:1px solid var(--color-green);font:.85rem arial;height:max-content;opacity:1;padding:2px 10px;overflow:visible;position:absolute;touch-action:none;user-select:none}.row[data-v-4760ee6a]{border-right:0}.row[data-v-4760ee6a]:not(.first){border-top-left-radius:6px}.row[data-v-4760ee6a]:not(.last){border-bottom-left-radius:6px}.row[data-v-4760ee6a]{right:0;bottom:-12px}.row.first[data-v-4760ee6a]{top:0px}.row.last[data-v-4760ee6a]{bottom:0px}.col[data-v-4760ee6a]{border-left:0}.col[data-v-4760ee6a]:not(.first){border-top-right-radius:6px}.col[data-v-4760ee6a]:not(.last){border-bottom-right-radius:6px}.col[data-v-4760ee6a]{bottom:1px;right:-2px;transform-origin:0 12px;transform:translate(100%) translateY(10px) rotate(-90deg)}.col.first[data-v-4760ee6a]{left:11px;transform:translateY(10px) rotate(-90deg)}.col.last[data-v-4760ee6a]{transform:translate(calc(100% - 11px)) translateY(10px) rotate(-90deg)}section[data-v-7fb6e474]{touch-action:none;pointer-events:none;height:100%;position:relative}section .line-number[data-v-7fb6e474]{position:absolute;font-size:10px;width:14px;border-radius:3px;color:var(--color-gray);background:var(--color-white);line-height:15px;text-align:center}section .line-number.grayed[data-v-7fb6e474]{background:var(--color-gray-lightest)}section .line-number.dragging[data-v-7fb6e474],section .line-number.focused[data-v-7fb6e474]{background:var(--color-green);color:var(--color-white);z-index:10000}section.row .line-number[data-v-7fb6e474]{bottom:calc(-7px - .5 * var(--9a3ae55e));width:15px;text-align:left;border-radius:0 5px 5px 0;padding-left:4px;left:1px}section.row .line-number.compact[data-v-7fb6e474]{left:1px}section.row.firstImplicit .line-number[data-v-7fb6e474]{border-top-right-radius:0;bottom:auto;top:1px}section.row.firstImplicit .line-number.compact[data-v-7fb6e474]{top:1px}section.row.lastImplicit .line-number[data-v-7fb6e474]{border-bottom-right-radius:0;bottom:1px}section.row.lastImplicit .line-number.compact[data-v-7fb6e474]{bottom:1px}section.col .line-number[data-v-7fb6e474]{right:calc(-6.5px - .5 * var(--9a3ae55e));border-radius:0 0 5px 5px;height:16px;top:1px}section.col .line-number.compact[data-v-7fb6e474]{top:1px}section.col.firstImplicit .line-number[data-v-7fb6e474]{border-bottom-left-radius:0;right:auto;left:1px}section.col.firstImplicit .line-number.compact[data-v-7fb6e474]{left:1px}section.col.lastImplicit .line-number[data-v-7fb6e474]{border-bottom-right-radius:0;right:1px}section.col.lastImplicit .line-number.compact[data-v-7fb6e474]{right:1px}section .line-handle[data-v-7fb6e474]{touch-action:none;position:absolute}section .line-handle.col[data-v-7fb6e474]{bottom:0;height:100%;width:calc(var(--9a3ae55e) + 20px);right:calc(-10px - var(--9a3ae55e))}section .line-handle.col.firstImplicit[data-v-7fb6e474]{width:14px;right:initial;left:0}section .line-handle.col.lastImplicit[data-v-7fb6e474]{width:14px;right:0}section .line-handle.col[data-v-7fb6e474]:not(.dragging-something){cursor:col-resize}section .line-handle.row[data-v-7fb6e474]{right:0;width:100%;height:calc(var(--9a3ae55e) + 20px);bottom:calc(-10px - var(--9a3ae55e))}section .line-handle.row.firstImplicit[data-v-7fb6e474]{bottom:initial;top:0;height:14px}section .line-handle.row.lastImplicit[data-v-7fb6e474]{bottom:0;height:14px}section .line-handle.row[data-v-7fb6e474]:not(.dragging-something){cursor:row-resize}section .line-handle[data-v-7fb6e474]{overflow:hidden}section[data-v-f3fe01ce]{touch-action:none;pointer-events:none;height:100%;position:relative}section .intersection-handle[data-v-f3fe01ce]{touch-action:none;pointer-events:initial;position:absolute;width:calc(20px + var(--17313dbb));height:calc(20px + var(--30ceef21));border-radius:50%}section .intersection-handle.left[data-v-f3fe01ce]{left:calc(-10px - var(--17313dbb))}section .intersection-handle.right[data-v-f3fe01ce]{right:calc(-10px - var(--17313dbb))}section .intersection-handle.top[data-v-f3fe01ce]{top:calc(-10px - var(--30ceef21))}section .intersection-handle.bottom[data-v-f3fe01ce]{bottom:calc(-10px - var(--30ceef21))}section .intersection-handle[data-v-f3fe01ce]:not(.dragging-something){cursor:move}.grid-areas[data-v-553fed97],.grid-area-info[data-v-553fed97]{touch-action:none;pointer-events:none;overflow:hidden;user-select:none;position:absolute;top:0;left:0;height:100%;width:100%}.col[data-v-4b991318],.row[data-v-4b991318]{pointer-events:initial;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:13px;color:var(--color-gray);padding:2px}.col.row[data-v-4b991318],.row.row[data-v-4b991318]{padding-right:4px}.col[data-v-4b991318],.row[data-v-4b991318]{user-select:none}.col.active[data-v-4b991318],.row.active[data-v-4b991318]{color:var(--color-green)}.col[data-v-4b991318]:focus,.row[data-v-4b991318]:focus{color:#000}.col.focused[data-v-4b991318],.row.focused[data-v-4b991318]{color:#000}.grid-track-size[data-v-45736864]{touch-action:none;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}.grid-track-size.col[data-v-45736864]{align-items:flex-end;justify-content:center}button[data-v-43574c33]{border:0;height:30px;width:30px;color:var(--color-white);cursor:pointer;pointer-events:all;align-items:center;padding:0;justify-content:center;position:relative;border-radius:2px;margin-right:3px}button[data-v-43574c33]:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(var(--color-white-rgb),.15);pointer-events:none;display:none}button[data-v-43574c33]:hover:before{display:block}button.btn-save[data-v-43574c33]{border-radius:2px 0 0 2px}button.btn-subgrid[data-v-43574c33]{padding-top:3px}button.btn-subgrid svg[data-v-43574c33]{width:12px}button.btn-remove[data-v-43574c33]{padding-top:1px;border-bottom-right-radius:2px;right:0;background:var(--color-remove)}button.btn-edit svg[data-v-43574c33],button.btn-remove svg[data-v-43574c33]{width:10px;stroke:var(--color-gray-lightest);stroke-width:15px}button.btn-remove.btn-clear svg[data-v-43574c33]{stroke:transparent;width:13px}.area-selection[data-v-8ccbde62]{pointer-events:none;touch-action:none;background:var(--color-white);height:100%;cursor:pointer;position:absolute;top:0;left:0;bottom:0;right:0;border:2px solid;background:rgba(var(--color-white-rgb),.7);display:flex;align-items:center;justify-content:center}.area-selection[data-v-8ccbde62]:before{display:none}.area-selection .editing-label[data-v-8ccbde62]{position:absolute;top:10px;left:10px;font-size:16px}.area-selection input[data-v-8ccbde62]{pointer-events:initial;text-align:center;border:0;font-size:24px;color:var(--color-purple-dark);font-family:Alegreya Sans,Helvetica Neue,Arial,sans-serif;background:transparent;width:100%}.area-selection button[data-v-8ccbde62]{background:var(--color-add);border:0;height:30px;color:var(--color-white);font-size:13px;display:inline-block;padding:.375em;cursor:pointer;position:relative;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.area-selection button[data-v-8ccbde62]:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(var(--color-white-rgb),.15);pointer-events:none;display:none}.area-selection button[data-v-8ccbde62]:hover:not(.disabled):before{display:block}.area-selection button.btn-save[data-v-8ccbde62]{border-bottom-left-radius:2px;padding:0 10px}.area-selection button.btn-save[data-v-8ccbde62]:hover:not(.disabled){background:var(--color-add-active)}.area-selection button.btn-subgrid[data-v-8ccbde62]{background:var(--color-purple);padding-top:4px}.area-selection button.btn-subgrid[data-v-8ccbde62]:hover{background:var(--color-purple-middle)}.area-selection button.btn-subgrid svg[data-v-8ccbde62]{height:1.125rem;width:1.125rem;fill:var(--color-white)}.area-selection button.btn-remove[data-v-8ccbde62]{width:30px;background:var(--color-remove)}.area-selection button.btn-remove[data-v-8ccbde62]:hover{background:var(--color-remove-active)}.area-selection button.btn-remove svg[data-v-8ccbde62]{width:10px;stroke:var(--color-white);stroke-width:15px}.area-selection button[data-v-8ccbde62]{position:absolute;top:3px;pointer-events:all;vertical-align:top;border-radius:2px}.area-selection button.btn-save[data-v-8ccbde62]{right:36px}.area-selection button.btn-remove[data-v-8ccbde62]{right:3px}.invalid-class-name[data-v-8ccbde62]{color:red}.area-editor[data-v-1579fd1a]{position:relative;pointer-events:none;touch-action:none}.area-editor[data-v-1579fd1a]:not(.dragging){cursor:pointer}.area-editor[data-v-1579fd1a]{background:rgba(var(--color-white-rgb),.7)}.area-editor[data-v-1579fd1a]:before{display:none}.area-info[data-v-1579fd1a]{position:absolute;top:0;left:0;height:100%;width:100%}.area-info-controls[data-v-1579fd1a]{position:absolute;top:3px;left:3px;display:flex;align-items:flex-start;flex-wrap:wrap}.area-actions[data-v-1579fd1a]{position:absolute;right:0}.area-name[data-v-1579fd1a]{pointer-events:initial;font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;color:var(--color-white);padding:0 8px;margin-right:3px;margin-bottom:3px;height:30px;display:flex;align-items:center;justify-content:center;max-width:max-content;min-width:30px;position:relative;border-radius:2px}.area-name.implicit[data-v-1579fd1a]:after{content:" [auto]";font-size:12px;opacity:.7}.area-name[data-v-1579fd1a]:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(var(--color-white-rgb),.15);pointer-events:none;display:none}.area-name[data-v-1579fd1a]:hover:before{display:block}.padding-box[data-v-1579fd1a]{width:100%;height:100%;outline:1px dashed var(--color-gray);background:var(--color-white)}div[data-v-739dfa2a]{position:fixed;top:0px;background:var(--color-yellow);left:0;right:0px;padding:12px 20px 10px;color:var(--color-gray-dark);border-bottom:1px solid var(--color-gray);z-index:30000;word-break:break-all}div button[data-v-739dfa2a]{position:absolute;border:0;background:none;right:8px;font-size:20px;top:8px;color:var(--color-gray-middle);cursor:pointer}div button[data-v-739dfa2a]:hover{color:var(--color-black)}div button[data-v-739dfa2a]:after{content:"";background:rgba(var(--color-black-rgb),.4);position:fixed;left:0px;z-index:100000;right:0px;top:38px;bottom:0px}button[data-v-892ec90a]{width:100%;border:0;cursor:pointer;height:1.875rem;border-radius:30px;font-size:1rem;letter-spacing:.2px;min-height:2.188em;min-width:2.188em;margin-bottom:.626em;padding:.313em 9px;text-shadow:rgba(var(--color-black-rgb),.3) 0 1px 1px;color:var(--color-white);background:var(--color-add)}button.active[data-v-892ec90a]{background:var(--color-green)}button[data-v-892ec90a]:hover{background:var(--color-add-active)}button[data-v-653f8208]{border:0;border-radius:50px;color:var(--color-gray-lightest);cursor:pointer;font-family:inherit;font-size:15px;text-align:center;margin:0 auto;background:var(--color-black);user-select:none;border:1px solid var(--color-gray-darkest);display:flex;align-items:center;transition:all .2s ease-in-out;padding:10px 15px}button[data-v-653f8208]:hover{background:var(--color-gray-dark)}button span[data-v-653f8208]{margin-left:10px}.area-tree[data-v-6650fb3c]{position:relative;transition:opacity .5s}.area-pad[data-v-6650fb3c]{position:absolute;top:-2px;bottom:-2px;left:-4px;width:328px}.first .area-pad[data-v-6650fb3c]{top:-10px}.last .area-pad[data-v-6650fb3c]{bottom:-22px}.reorder-hint[data-v-6650fb3c]:after{content:"\2195";position:absolute;left:0px;top:-2px;color:var(--color-orange);cursor:grab}.can-reorder[data-v-6650fb3c]{cursor:grab}.token.tag[data-v-6650fb3c],.token.attr-name[data-v-6650fb3c]{cursor:pointer}.reordering[data-v-6650fb3c]:after{position:absolute;top:-11.5px;color:var(--color-orange);content:"\27a4  \2014\2014\2014\2014\2014\2014\2014\2014\2014\2014";left:0px}.after[data-v-6650fb3c]:after{top:7.5px}.selected[data-v-6650fb3c]{pointer-events:none;position:absolute;left:-5px;height:20px;width:330px;background-color:rgba(var(--color-white-rgb),.123)}*[data-v-65441a80]{scrollbar-width:thin;scrollbar-color:var(--color-gray-middle) var(--color-black)}[data-v-65441a80]::-webkit-scrollbar{width:5px}[data-v-65441a80]::-webkit-scrollbar:horizontal{height:5px}[data-v-65441a80]::-webkit-scrollbar-track{background:var(--color-black);border-radius:10px}[data-v-65441a80]::-webkit-scrollbar-thumb{background:var(--color-gray-middle);border-radius:10px}[data-v-65441a80]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-middle)}.code-container[data-v-65441a80]{background:var(--color-black);border:solid 1px var(--color-gray-darkest);overflow:auto;margin-bottom:8px;position:relative;padding-top:30px;height:max-content;max-height:200px}@media screen and (max-width: 768px){.code-container[data-v-65441a80]{max-width:100%}}.header[data-v-65441a80]{position:absolute;top:0;left:0;right:0;display:block;color:var(--color-gray);font-weight:700;font-size:12px;padding:8px;user-select:none}.copy-button[data-v-65441a80]{top:6px;right:5px;position:absolute;color:var(--color-gray-lightest);background-color:Transparent;background-repeat:no-repeat;font-weight:700;font-size:13px;border:none;cursor:pointer;overflow:hidden;outline:none;opacity:.6}.copy-button[data-v-65441a80]:hover{opacity:1}pre[data-v-65441a80],code[data-v-65441a80]{color:var(--color-gray-light);font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break: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;margin:0}pre[data-v-65441a80]::selection,code[data-v-65441a80]::selection{text-shadow:none;background:var(--color-blue-lightest)}@media print{pre[data-v-65441a80],code[data-v-65441a80]{text-shadow:none}}pre[data-v-65441a80]{padding:0 .2em 1em 1em;overflow:auto}:not(pre)>code[data-v-65441a80]{padding:.1em .3em;border-radius:.3em;color:var(--color-magenta-light);background:var(--color-white)}[data-v-052df96a] span,[data-v-052df96a] .token.punctuation{color:var(--color-gray-light)}[data-v-052df96a] .token.tag{color:var(--color-blue-light)}[data-v-052df96a] .token.attr-name{color:var(--color-blue-lightest)}[data-v-052df96a] .token.attr-value{color:var(--color-orange)}.col[data-v-c7846438]:hover,.row[data-v-c7846438]:hover{color:var(--color-gray-lightest)}.col[data-v-c7846438]:focus,.row[data-v-c7846438]:focus{color:var(--color-gray-lightest);font-weight:700}.col.active[data-v-c7846438],.row.active[data-v-c7846438],.col[data-v-5c59cade]:hover,.row[data-v-5c59cade]:hover{color:var(--color-gray-lightest)}.col[data-v-5c59cade]:focus,.row[data-v-5c59cade]:focus{color:var(--color-gray-lightest)}span[data-v-381a9993]:hover{color:var(--color-gray-lightest)}span[data-v-381a9993]:focus{color:var(--color-gray-lightest)}span[data-v-26fbe218]:hover{color:var(--color-gray-lightest);cursor:crosshair}span[data-v-26fbe218]:focus{color:var(--color-gray-lightest)}span[data-v-80c34940]:hover{color:var(--color-gray-lightest)}span[data-v-80c34940]:focus{color:var(--color-gray-lightest)}[data-v-06e03d11] .token.punctuation{color:var(--color-gray-light)}[data-v-06e03d11] .token.string{color:var(--color-orange)}[data-v-06e03d11] .token.property{color:var(--color-blue-lightest)}[data-v-06e03d11] .token.selector{color:var(--color-golden)}[data-v-06e03d11] .token.tag{color:var(--color-blue-light)}[data-v-06e03d11] .token.attr-name{color:var(--color-blue-lightest)}[data-v-06e03d11] .token.attr-value{color:var(--color-orange)}input[data-v-038809bf]{position:relative;top:1px;opacity:.8}input[data-v-038809bf]:checked{opacity:1}.output-settings[data-v-7a637dc7]{margin:auto 0 0;width:100%;font-size:14px;user-select:none;cursor:pointer;position:absolute;top:0;right:0;height:100%;pointer-events:none}.output-settings .output-panel[data-v-7a637dc7]{position:absolute;top:35px;bottom:0;right:6px;left:0;background:rgba(var(--color-black-rgb),.9);padding:10px;pointer-events:all}.output-settings a[data-v-7a637dc7]{color:var(--color-blue-lightest)}.output-settings .checkbox-warning[data-v-7a637dc7]{color:var(--color-gray-dark);margin-top:5px;padding:6px 10px;border-radius:2px;background-color:var(--color-yellow);width:100%;font-size:13px}.output-settings .checkbox-warning .auto-placement-link[data-v-7a637dc7]{font-weight:600}.output-settings .checkbox-warning a[data-v-7a637dc7]{color:var(--color-gray-dark)}.output-settings strong[data-v-7a637dc7]{font-weight:400;font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.output-settings .slide-checkbox[data-v-7a637dc7]{padding-bottom:10px}.output-settings .slide-checkbox[data-v-7a637dc7]:last-child{padding-bottom:0}.output-settings[data-v-7a637dc7] >{padding-bottom:5px}@media screen and (max-width: 768px){.output-settings[data-v-7a637dc7]{visibility:hidden}}.props-accordion-item[data-v-7a637dc7]{overflow:hidden;overflow-y:auto;margin:0;opacity:1;transition:opacity .1s ease-in;position:absolute;right:65px;top:7px;pointer-events:all}.props-accordion-item[data-v-7a637dc7]:first-of-type{opacity:1}.props-accordion-item:first-of-type h1[data-v-7a637dc7]:hover{background:transparent}.props-accordion-item[data-v-7a637dc7]:hover,.props-accordion-item.active[data-v-7a637dc7]{opacity:1}.props-accordion-item h1[data-v-7a637dc7]{width:100%;position:relative;color:var(--color-gray-lightest);font-size:13px;margin:0;padding:0;cursor:pointer;opacity:.6}.props-accordion-item h1[data-v-7a637dc7]:hover{opacity:1}.props-accordion-item.active h1[data-v-7a637dc7]{border-bottom:0;opacity:1}.props-accordion-item.active h1[data-v-7a637dc7]:hover{background:transparent}.buttons-wrapper[data-v-6b682057]{position:absolute;top:0;padding:0}.buttons[data-v-6b682057]{display:flex;user-select:none}.buttons>*[data-v-6b682057]{margin-right:6px;margin-top:6px;margin-bottom:0}.buttons svg[data-v-6b682057]{width:20px}.buttons>button[data-v-6b682057]{max-width:max-content;padding:.625em 1em;height:42px;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.buttons>button[data-v-6b682057]:hover{background:var(--color-gray-dark)}.buttons>button[disabled][data-v-6b682057]{opacity:.35}.buttons .btn-trash[data-v-6b682057]{padding:10px;background:var(--color-black);border:solid 1px var(--color-gray-darkest);max-width:42px}.buttons .btn-link[data-v-6b682057]{padding:10px;background:var(--color-black);border:solid 1px transparent}.buttons .btn-link[data-v-6b682057]:hover{background:var(--color-gray-dark)}.buttons .btn-history[data-v-6b682057]{padding:10px;max-width:42px;background:var(--color-black);border:solid 1px var(--color-gray-darkest)}.buttons .btn-history[data-v-6b682057]:first-child{margin-left:0;margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.buttons .btn-history+.btn-history[data-v-6b682057]{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.button[data-v-6b682057]{background:var(--color-purple);border:0;border-radius:50px;color:var(--color-white);cursor:pointer;display:inline-block;font-family:inherit;font-size:1em;text-align:center;padding:.625em 1em;margin:0 auto}.button.btn-close[data-v-6b682057]{float:right;margin:0 0 0 10px}.button.btn-close[data-v-6b682057]:hover{background:var(--color-gray-dark)}.button.btn-default[data-v-6b682057]{background:var(--color-gray-light)}.code-options-container[data-v-6b682057]{position:relative;max-height:calc(100% - 216px);overflow:auto;border:solid 1px var(--color-gray-darkest)}.code-options-container .code-container[data-v-6b682057]{max-height:initial;margin-bottom:0;border:0}*[data-v-6b682057]{scrollbar-width:thin;scrollbar-color:var(--color-gray-middle) var(--color-black)}[data-v-6b682057]::-webkit-scrollbar{width:5px}[data-v-6b682057]::-webkit-scrollbar:horizontal{height:5px}[data-v-6b682057]::-webkit-scrollbar-track{background:var(--color-black);border-radius:10px}[data-v-6b682057]::-webkit-scrollbar-thumb{background:var(--color-gray-middle);border-radius:10px}[data-v-6b682057]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-middle)}div svg[data-v-d42f11ea]{width:65px;opacity:.8;margin:7px 0 7px 10px}div .links-wrapper[data-v-d42f11ea]{display:flex;flex-direction:column;align-items:center;padding-right:15px}div .hire-us[data-v-d42f11ea]{border-radius:0 30px 30px 0;text-align:center;display:block;text-decoration:none;color:var(--color-gray);font-weight:400;font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;flex:1;margin-bottom:10px}div .hire-us span[data-v-d42f11ea]{color:var(--color-hire-us)}div .hire-us+a[data-v-d42f11ea]{flex:1;background:var(--color-hire-us);border-radius:30px;color:var(--color-white);display:block;font-size:.9rem;letter-spacing:.2px;padding:8px 20px;text-decoration:none;text-align:center;transition:all .2s ease-in-out;text-shadow:rgba(var(--color-black-rgb),.3) 0 1px 1px;max-width:max-content;margin-bottom:0}div .hire-us+a[data-v-d42f11ea]:hover{background:var(--color-hire-us-active)}.version-container[data-v-f368af52]{border-top:1px solid rgba(var(--color-gray-dark-rgb),.5);position:absolute;bottom:0;left:0;right:0;padding:10px 15px}.version-container>div[data-v-f368af52]{display:flex;align-items:center;justify-content:space-between}.version-container>div>*[data-v-f368af52]{flex:1}@media screen and (max-width: 768px){.hire-us[data-v-f368af52],.version[data-v-f368af52]{display:none}}.code-sidebar[data-v-5329d795]{text-align:left;color:var(--color-gray-lightest);padding:105px 15px;height:100vh;transition:transform .2s ease-in;position:relative}@media (max-width: 769px){.code-sidebar[data-v-5329d795]{transform:translate(100%);width:100%;background:var(--color-gray-darkest);position:fixed;right:0;bottom:0;top:48px;height:calc(100vh - 48px)}.code-sidebar.active[data-v-5329d795]{transform:translate(0)}}.btn-github[data-v-5329d795]{position:fixed;top:0;right:0;opacity:.8;transition:opacity .1s linear}.btn-github[data-v-5329d795]:hover{opacity:.9}:root{--color-add-active: #50b83c;--color-darkmode-active: #27ae60;--color-green: var(--color-darkmode-active);--color-green-rgb: 39, 174, 96;--color-green-ligth: #bbe5b3;--color-green-hover: #f6fbf6;--color-green-dark: #032c06;--color-remove: #c2185b;--color-remove-rgb: 194, 24, 91;--color-remove-active: #951246;--color-magenta: var(--color-remove);--color-magenta-light: #db4c69;--color-hire-us: var(--color-remove);--color-hire-us-active: var(--color-remove-active);--color-add: #0165b4;--color-darkmode: var(--color-add);--color-blue: #01579b;--color-blue-rgb: 1, 87, 155;--color-blue-dark: #014982;--color-blue-darkest: #2c3e50;--color-blue-light: #569cd6;--color-blue-lightest: #9cdcfe;--color-teal: #107292;--color-teal-dark: #236f86;--color-white: #fafafa;--color-white-rgb: 250, 250, 250;--color-gray-lightest: #eee;--color-gray-light: #ddd;--color-gray: #aaa;--color-gray-middle: #555;--color-gray-dark: #333;--color-gray-dark-rgb: 51, 51, 51;--color-gray-darkest: #1e1e1e;--color-black: #151515;--color-black-rgb: 21, 21, 21;--color-purple: #6b16a1;--color-purple-middle: #490c6f;--color-purple-dark: #300548;--color-purple-dark-rgb: 48, 5, 72;--color-purple-darkest: #1d032d;--color-golden: #d7ba7d;--color-orange: #ce9178;--color-yellow: #fdd835;--color-yellow-dark: #a79f7f;--color-yellow-light: #fff3c4}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--color-black);font-size:100%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}p{margin-top:0;font-size:18px;font-family:Helvetica Neue,Arial,sans-serif}.disabled,[disabled],.area-selection button[disabled]{opacity:.8;pointer-events:none}*:focus{outline:none}#app.darkmode>.grid{padding-right:1px}#app{font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:var(--color-blue-darkest);background:linear-gradient(var(--color-purple-darkest),var(--color-purple-dark));background:var(--color-purple-dark);background:var(--color-gray-darkest);height:100%;display:flex}#app.darkmode .grid{background:repeating-linear-gradient(45deg,transparent,transparent 9px,var(--color-purple-darkest) 9px,var(--color-purple-darkest) 14px)}#app.darkmode .inside-row-size,#app.darkmode .inside-col-size{color:var(--color-white)}#app.darkmode .grid-section{background:var(--color-purple-dark)}#app.darkmode .grid-section:after,#app.darkmode .grid-section:before{background:var(--color-purple-dark);color:var(--color-white)}#app.darkmode .grid-section.grid-saved,#app.darkmode .grid-section.grid-add{background:var(--color-white)}#app.darkmode .area-editor,#app.darkmode .area-selection{background:rgba(var(--color-purple-dark-rgb),.6)}#app.darkmode .line-number{color:var(--color-gray);background:var(--color-purple-dark)}#app.darkmode .line-number.dragging,#app.darkmode .line-number.focused{background:var(--color-green);color:var(--color-white)}#app.darkmode .row .line-number{left:1px}#app.darkmode .editor-track-size.row,#app.darkmode .editor-track-size.col{color:var(--color-gray)}#app.darkmode .col.first .line-number{left:1px}#app.darkmode .col.last .line-number{right:1px}#app.darkmode .grid-section.grayed:before{background:var(--color-green-dark)}#app.darkmode .grid-section.grayed{background:var(--color-green-dark)}#app.darkmode .area-selection input{color:var(--color-gray)}.area-editor-container{flex:1;display:grid;overflow:auto;align-items:center;justify-items:center}@media screen and (max-width: 768px){.area-editor-container{padding-top:48px}}.grid section.flex-container[data-v-4a8f715a]{overflow:auto;background:var(--color-yellow-light)}.grid section.flex-container[data-v-4a8f715a]:hover{background:var(--color-yellow-light)}.grid section.flex-container.grayed[data-v-4a8f715a]{background:var(--color-yellow-dark)}.grid section.flex-container div[data-v-4a8f715a]{border-right:1px dashed var(--color-gray);border-bottom:1px dashed var(--color-gray);display:grid;align-content:center;width:100%}.grid section.flex-container div[data-v-4a8f715a]:hover{background:var(--color-yellow-light)}.grid section.flex-container div.selected[data-v-4a8f715a]{background:var(--color-green-ligth)}.grid section.flex-container div.grayed[data-v-4a8f715a]{background:var(--color-yellow-dark)}