@import"https://cdn.jsdelivr.net/npm/github-markdown-css@5.1.0/github-markdown.min.css";.aratio-1-1[data-v-a39199e0]{aspect-ratio:1 / 1}.mycontainer[data-v-9ad3fffe]{padding:5px 10px;height:100%}.mycontainer .mysource-container[data-v-9ad3fffe],.mycontainer .myeditor-container[data-v-9ad3fffe]{background-color:var(--surface-a);border-radius:var(--border-radius);height:100%}.mycontainer .mysource-container[data-v-9ad3fffe]{margin-left:10px;margin-right:5px}.mycontainer .myeditor-container[data-v-9ad3fffe]{margin-left:5px;margin-right:10px}.mycontainer .panel-container[data-v-9ad3fffe]{flex:1;position:relative;border-radius:0 0 var(--border-radius) var(--border-radius)}.mycontainer .flexi-content[data-v-9ad3fffe]{position:absolute;top:0;left:0;right:0;bottom:45px;overflow:auto}.mycontainer .footer-menu[data-v-9ad3fffe]{position:absolute;bottom:1rem;left:5px;right:5px;height:var(--footer-height)!important}.mycontainer .selectors[data-v-9ad3fffe],.mycontainer .recipes[data-v-9ad3fffe],.mycontainer .categories[data-v-9ad3fffe],.mycontainer .editor[data-v-9ad3fffe]{padding:10px;position:relative}.panel-container[data-v-9ad3fffe] .toolbar{display:flex;padding:5px 4px;gap:2px;background-color:var(--surface-b);border-radius:var(--border-radius)}.panel-container[data-v-9ad3fffe] .toolbar .toRight{margin-left:auto}.expander .expander-body[data-v-e277010b]{padding:1em 1.5em;border:1px solid var(--surface-border);border-radius:0 0 var(--border-radius) var(--border-radius);border-top:0px;background-color:var(--surface-b)}.expander .expander-header-text[data-v-e277010b]{font-weight:600}.expander .expander-trigger[data-v-e277010b]{padding:1rem;border:1px solid var(-green-500)}.expander .expander-trigger.active[data-v-e277010b]{background-color:var(--surface-c);border-radius:var(--border-radius) var(--border-radius) 0 0}.expander .expander-trigger.closed[data-v-e277010b]{background-color:var(--surface-b);border-radius:var(--border-radius);border:1px solid var(--surface-d);color:var(--text-color-secondary)}.expander.alert .expander-trigger[data-v-e277010b]{color:var(--error-text)}input.alert[data-v-f52aa177],.p-dropdown.alert[data-v-f52aa177]{outline:1px solid var(--error-text)}.alert[data-v-f52aa177]{color:var(--error-text)}.float-validation[data-v-f52aa177]{position:absolute;top:-.25rem;left:1rem;line-height:1;padding:0 2px;background-color:#fff}input.alert[data-v-4c7e8af1]{outline:1px solid var(--error-text)}.alert[data-v-4c7e8af1]{color:var(--error-text)}.float-validation[data-v-4c7e8af1]{position:absolute;top:-.6rem;left:1rem;line-height:1;padding:0 2px;background-color:#fff}.vue-markdown.markdown-body[data-v-cd73dbcc],.vue-codemirror[data-v-cd73dbcc] .cm-editor{min-height:34px;padding:2px 5px;outline:1px solid var(--surface-border);border-radius:var(--border-radius)}.markdown-body h1>a.anchor[data-v-cd73dbcc],.markdown-body h2>a.anchor[data-v-cd73dbcc],.markdown-body h3>a.anchor[data-v-cd73dbcc],.markdown-body h4>a.anchor[data-v-cd73dbcc],.markdown-body h5>a.anchor[data-v-cd73dbcc],.markdown-body h6>a.anchor[data-v-cd73dbcc]{display:block;float:left;height:1.2em;width:1em;margin-left:-1em;position:relative;outline:none}.markdown-body h1>a.anchor[data-v-cd73dbcc]:before,.markdown-body h2>a.anchor[data-v-cd73dbcc]:before,.markdown-body h3>a.anchor[data-v-cd73dbcc]:before,.markdown-body h4>a.anchor[data-v-cd73dbcc]:before,.markdown-body h5>a.anchor[data-v-cd73dbcc]:before,.markdown-body h6>a.anchor[data-v-cd73dbcc]:before{visibility:hidden;position:absolute;opacity:.2;right:0;top:0;width:1.2em;line-height:inherit;content:"🔗"}.markdown-body h1>a.anchor[data-v-cd73dbcc]:hover:before,.markdown-body h2>a.anchor[data-v-cd73dbcc]:hover:before,.markdown-body h3>a.anchor[data-v-cd73dbcc]:hover:before,.markdown-body h4>a.anchor[data-v-cd73dbcc]:hover:before,.markdown-body h5>a.anchor[data-v-cd73dbcc]:hover:before,.markdown-body h6>a.anchor[data-v-cd73dbcc]:hover:before{visibility:visible;opacity:.8}.markdown-body h1:hover .anchor[data-v-cd73dbcc]:before,.markdown-body h2:hover .anchor[data-v-cd73dbcc]:before,.markdown-body h3:hover .anchor[data-v-cd73dbcc]:before,.markdown-body h4:hover .anchor[data-v-cd73dbcc]:before,.markdown-body h5:hover .anchor[data-v-cd73dbcc]:before,.markdown-body h6:hover .anchor[data-v-cd73dbcc]:before{visibility:visible}[data-v-fa57e40d] .vue-scrubber{cursor:ew-resize!important;-webkit-user-select:none;font-feature-settings:"lnum" 1}table.recipe-table[data-v-ec5ddbc8]{padding-top:1em;display:table;width:100%;border-collapse:separate}table.recipe-table tr[data-v-ec5ddbc8]{display:table-row!important}table.recipe-table tr[style*=transform][data-v-ec5ddbc8]{border-collapse:separate!important}table.recipe-table td[data-v-ec5ddbc8]{padding:5px}.rounded[data-v-27249922]{border-radius:var(--border-radius)}.snippet-card[data-v-11f3457e]{padding:5px;background-color:var(--surface-b);border:1px solid var(--surface-d)}.snippet-title[data-v-11f3457e]{font-weight:600}.dragHandle[data-v-11f3457e]{cursor:move}.more[data-v-11f3457e]:before{content:" ";display:inline-block;position:absolute;right:10px;top:8px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #a0a0a0}.less[data-v-11f3457e]:before{content:" ";display:inline-block;position:absolute;right:10px;top:8px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #a0a0a0}.more[data-v-31058124]:before{content:" ";display:inline-block;position:absolute;left:-10px;top:8px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #a0a0a0}.less[data-v-31058124]:before{content:" ";display:inline-block;position:absolute;left:-10px;top:8px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #a0a0a0}table.recipe-table[data-v-d6d226fc]{padding-top:1em;display:table;width:100%;border-collapse:separate}table.recipe-table tr[data-v-d6d226fc]{display:table-row!important}table.recipe-table tr[style*=transform][data-v-d6d226fc]{border-collapse:separate!important}table.recipe-table td[data-v-d6d226fc]{padding:5px}input.alert[data-v-feb86027]{outline:1px solid var(--error-text)}.alert[data-v-feb86027]{color:var(--error-text)}.float-validation[data-v-feb86027]{position:absolute;top:-.25rem;left:1rem;line-height:1;padding:0 2px;background-color:#fff}[data-v-955ce61f] .p-accordion .p-accordion-header .selected-item{color:var(--active-menu-bar)!important}.p-accordion.p-component.filter-accordion[data-v-955ce61f] .p-accordion-header .p-accordion-header-link{background-color:var(--nav-header-background-secondary);color:var(--nav-header-background-secondary-text)}.p-accordion.p-component.filter-accordion[data-v-955ce61f] .p-accordion-header span{margin:0 .5rem}.deleted[data-v-955ce61f]{color:var(--warning-fill)}table.recipe-table[data-v-955ce61f]{padding-top:1em;display:table;width:100%;border-collapse:separate}table.recipe-table tr[data-v-955ce61f]{display:table-row!important}table.recipe-table tr[style*=transform][data-v-955ce61f]{border-collapse:separate!important}table.recipe-table td[data-v-955ce61f]{padding:5px;text-align:center}table.recipe-table td.handle.active[data-v-955ce61f]{color:var(--red-500)}.more[data-v-2fb3bdcf]:before{content:" ";display:inline-block;position:absolute;left:-10px;top:8px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #a0a0a0}.less[data-v-2fb3bdcf]:before{content:" ";display:inline-block;position:absolute;left:-10px;top:8px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #a0a0a0}html{font-size:12px}body{font-family:var(--font-family);height:100vh;margin:0}#app{height:100%;width:100%;background-color:var(--surface-ground)}nav.sub-styles{background-color:var(--nav-header-background-primary);color:var(--nav-header-background-primary-text);height:80px;border-radius:var(--border-radius) var(--border-radius) 0 0}nav.sub-styles h1{font-size:120%;padding:10px;margin:0}nav.sub-styles ul.tabs{list-style-type:none;padding:5px;margin:0}nav.sub-styles ul.tabs li{display:inline-block;padding:5px;cursor:pointer}nav.sub-styles ul.tabs li.selected{box-shadow:0 2px 0 0 var(--active-menu-bar)}nav.sub-styles ul.tabs li.right{float:right}nav.sub-styles ul.tabs a{display:block;padding:0 5px;text-decoration:none;border-bottom:3px solid transparent}.clickable{cursor:pointer}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:100;src:local("Roboto Thin "),local("Roboto-Thin"),url(/assets/roboto-latin-100-12823d58.woff2) format("woff2"),url(/assets/roboto-latin-100-c4ead4de.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:100;src:local("Roboto Thin italic"),local("Roboto-Thinitalic"),url(/assets/roboto-latin-100italic-26c91ea4.woff2) format("woff2"),url(/assets/roboto-latin-100italic-5a3a9840.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:300;src:local("Roboto Light "),local("Roboto-Light"),url(/assets/roboto-latin-300-29f6da0a.woff2) format("woff2"),url(/assets/roboto-latin-300-76b05400.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:300;src:local("Roboto Light italic"),local("Roboto-Lightitalic"),url(/assets/roboto-latin-300italic-9e02524e.woff2) format("woff2"),url(/assets/roboto-latin-300italic-0be0ae6e.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:local("Roboto Regular "),local("Roboto-Regular"),url(/assets/roboto-latin-400-48c3fa6f.woff2) format("woff2"),url(/assets/roboto-latin-400-c1dc87f9.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:400;src:local("Roboto Regular italic"),local("Roboto-Regularitalic"),url(/assets/roboto-latin-400italic-401e6c25.woff2) format("woff2"),url(/assets/roboto-latin-400italic-80815efe.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:local("Roboto Medium "),local("Roboto-Medium"),url(/assets/roboto-latin-500-24369e1b.woff2) format("woff2"),url(/assets/roboto-latin-500-ba98f991.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:500;src:local("Roboto Medium italic"),local("Roboto-Mediumitalic"),url(/assets/roboto-latin-500italic-8688b620.woff2) format("woff2"),url(/assets/roboto-latin-500italic-6f2974a3.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:local("Roboto Bold "),local("Roboto-Bold"),url(/assets/roboto-latin-700-b4d07892.woff2) format("woff2"),url(/assets/roboto-latin-700-806ea46c.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:700;src:local("Roboto Bold italic"),local("Roboto-Bolditalic"),url(/assets/roboto-latin-700italic-5cc2e477.woff2) format("woff2"),url(/assets/roboto-latin-700italic-eec14260.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:900;src:local("Roboto Black "),local("Roboto-Black"),url(/assets/roboto-latin-900-edcdf3f6.woff2) format("woff2"),url(/assets/roboto-latin-900-e8586f9d.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:900;src:local("Roboto Black italic"),local("Roboto-Blackitalic"),url(/assets/roboto-latin-900italic-95e60b93.woff2) format("woff2"),url(/assets/roboto-latin-900italic-6a80d9cb.woff) format("woff")}[data-v-50977073] .p-tabmenu.main-nav .p-tabmenu-nav{background:transparent;border:1px solid transparent;border-width:0 0 2px 0}[data-v-50977073] .p-tabmenu.main-nav .p-tabmenu-nav li.p-tabmenuitem a.p-menuitem-link{background-color:transparent!important;border-color:transparent}[data-v-50977073] .p-tabmenu.main-nav .p-tabmenu-nav li.p-tabmenuitem.p-highlight a.p-menuitem-link{border-color:var(--active-main-menu-bar)}[data-v-50977073] .p-tabmenu.main-nav .p-tabmenu-nav li.p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus{box-shadow:none!important}[data-v-50977073] .p-tabmenu.main-nav .p-tabmenu-nav li.p-tabmenuitem:not(.p-highlight) .p-menuitem-link:not(.p-disabled):hover{background-color:transparent!important;border-color:transparent;box-shadow:0 2px 0 0 var(--active-menu-bar)}.banner[data-v-50977073]{padding:1rem;margin-bottom:.5rem;background-color:var(--surface-section)}.banner .banner-item[data-v-50977073]{flex:1}.banner .banner-item .logo img[data-v-50977073]{margin-left:10px}.banner .banner-item[data-v-50977073]:nth-child(2){text-align:center}.banner .banner-item.banner-text[data-v-50977073]{color:var(--text-color-secondary);font-weight:700}.banner.demo[data-v-50977073]{background-color:var(--warning-fill)}.banner.demo .logo[data-v-50977073]:after{content:"DEMO";color:#fff;padding-left:10px;font-size:120%}.banner .banner-item nav[data-v-50977073]{display:flex}.banner .banner-item nav.main-nav h1[data-v-50977073]{font-size:120%;padding:10px;margin:0}.banner .banner-item nav.main-nav div.tabs a[data-v-50977073]{display:inline-block;text-decoration:none;color:var(--text-color-secondary);border:solid #dee2e6;border-width:0 0 2px 0;border-color:transparent;padding:1rem 1rem .5rem;font-weight:700;transition:box-shadow .2s;margin:0 0 -2px 5px}.banner .banner-item nav.main-nav div.tabs a.router-link-active[data-v-50977073]{color:var(--text-color);border-color:var(--active-main-menu-bar)}.banner .banner-item nav.main-nav div.tabs a.router-link-active.router-link-exact-active[data-v-50977073]{color:var(--text-color);border-color:var(--active-main-menu-bar)}:root{--container-height: 75vh;--footer-height: 3rem;--container-header: var(--surface-700);--active-main-menu-bar: var(--red-600);--active-menu-bar: var(--red-600);--error-text: var(--red-600)}