@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500&display=swap);[data-v-87215054]:root{--white:#fff;--white-0:#fff0;--white-20:#fff3;--white-30:#ffffff4d;--white-40:#fff6;--white-50:#ffffff80;--white-60:#fff9;--white-70:#ffffffb3;--white-80:#fffc;--white-90:#ffffffe6;--grey-1:#f5f5f5;--grey-2:#e8e8e8;--grey-4:#d2d2d2;--grey-5:#979b9e;--grey-6:#6c7073;--black:#1b1b1b;--black-0:#0000;--black-10:#2b2c371a;--black-30:#2b2c374d;--black-40:#2b2c3766;--black-50:#2b2c3780;--black-60:#2b2c3799;--black-80:#2b2c37cc;--black-90:#2b2c37e6;--green:#4caf50;--purple:#c597ff;--blue:#00f;--blue-10:#0000ff1a;--blue-20:#00f3;--blue-60:#00f9;--orange:#c94c00;--orange-10:#c94c001a;--yellow:#fae210;--yellow-10:#fae2101a;--yellow-40:#fae21066;--cream:#f6f5f0;--cream-20:#e5e5e1;--cream-30:#ccccc4;--cream-50:#6d6e69;--control:#3a3a431a;--footer:#3232321a;--success:var(--green);--error:var(--orange);--water-blue:#4498e5;--emissions-green:#4fc369;--energy-orange:#f68768;--selected-canvas-border:1px solid var(--blue);--rainbow-gradient:linear-gradient(90deg,#fef9cf,#ffe8d7,#fdd5cd,#f8d9f3,#efcff2,#dadafa,#d5ebff,#dcf3e1);--font-primary:"Helvetica Neue",helvetica,arial,sans-serif;--font-primary-src:local("Helvetica Neue"),local("Helvetica");--font-secondary:"Source Code Pro",monospace;--font-secondary-src:local("Source Code Pro");--type-scale-xxs:0.5rem;--type-scale-xs:0.6875rem;--type-scale-sm:0.8125rem;--type-scale-base:1rem;--type-scale-md:1.25rem;--type-scale-lg:1.5rem;--type-scale-xl:2rem;--type-scale-40:2.5rem;--type-scale-56:3.5rem;--type-scale-xxl:5rem;--border-primary:1px solid var(--black);--border-primary-10:1px solid var(--black-10);--border-primary-thin:0.5px solid var(--black);--border-primary-thin-dashed:0.5px dashed var(--black);--border-primary-heavy:2px solid var(--black);--border-secondary:1px solid var(--grey-2);--border-secondary-heavy:2px solid var(--grey-2);--border-secondary-dashed:1px dashed var(--grey-2);--border-tertiary:1px solid var(--grey-4);--border-tertiary-thin:0.5px solid var(--grey-4);--border-tertiary-heavy:2px solid var(--grey-4);--border-tertiary-dashed:1px dashed var(--grey-4);--border-transparent:1px solid #0000;--border-transparent-heavy:2px solid #0000;--border-yellow:1px solid var(--yellow);--border-orange:1px solid var(--orange);--border-white:1px solid var(--white);--border-cream:1px solid var(--cream);--border-cream-30:1px solid var(--cream-30);--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-base:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-xxl:32px;--border-radius-round:9999px;--border-radius-button:10px;--spacing-xxxs:0.125rem;--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-75:0.75rem;--spacing-base:1rem;--spacing-sm:1.25rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:5rem;--spacing-xxxl:10rem;--line-height-sm:100%;--line-height-base:120%;--line-height-md:150%;--box-shadow-1:0 0 40px #2b2c371a;--box-shadow-2:0 2px 0 0 #2b2c3714;--soft-shadow:0 4px 40px #2b2c371a;--nav:64px;--editor-nav:48px;--controls:48px;--controls-top-margin:calc(var(--controls)*3);--step-header:105px;--notifications-list:360px;--gradient-loading-icon:26px;--vh-with-nav:calc(100vh - var(--nav));--vh-with-editor-nav:calc(100vh - var(--editor-nav));--vh-with-nav-and-controls:calc(100vh - var(--nav) - var(--controls));--vh-with-nav-and-step:calc(100vh - var(--nav) - var(--controls) - var(--step-header));--yarn-color-height:calc(100vh - var(--controls-top-margin) - var(--spacing-md) - 116px);--layers-panel-width:250px;--layer-button-icon:18px;--canvas-width:1008px;--canvas-length:756px;--main-panel-width:360px;--sub-panel-width:var(--main-panel-width);--sample-bar-bottom:1rem;--overlay-modal-bottom:calc(var(--sample-bar-bottom) + 64px + 1rem);--transition-ease-out:cubic-bezier(0.215,0.61,0.355,1);--transition-ease-in:cubic-bezier(0.75,0,1,1);--transition-ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--transition-linear:linear;--transition-speed-enter:250ms;--transition-speed-leave:300ms;--transition-input-enter:background-color var(--transition-speed-enter) var(--transition-ease-out),color var(--transition-speed-enter) var(--transition-ease-out),border-color var(--transition-speed-enter) var(--transition-ease-out),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-input-leave:background-color var(--transition-speed-leave) var(--transition-ease-in),color var(--transition-speed-leave) var(--transition-ease-in),border-color var(--transition-speed-leave) var(--transition-ease-in),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-enter:transform var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-leave:transform var(--transition-speed-leave) var(--transition-ease-in);--transition-opacity-enter:opacity var(--transition-speed-enter) var(--transition-ease-out);--transition-opacity-leave:opacity var(--transition-speed-leave) var(--transition-ease-in);--transition-fill-enter:fill var(--transition-speed-enter) var(--transition-ease-out);--transition-fill-leave:fill var(--transition-speed-leave) var(--transition-ease-in);--z-index-base:0;--z-index-nav:2;--z-index-view:10;--z-index-panel:25;--z-index-customizer:52;--z-index-help-menu:53;--z-index-overlay:54;--z-index-sidebar:55;--z-index-notification:60;--z-index-loading:70;--z-index-full-page:999;--backdrop-blur-2:blur(2px)}@media(prefers-reduced-motion:reduce){[data-v-87215054]:root{--transition-speed-enter:0;--transition-speed-leave:0}}body[data-v-87215054],html[data-v-87215054]{font-family:var(--font-primary)}h1[data-v-87215054]{font-size:var(--type-scale-xl);font-weight:400}h2[data-v-87215054]{font-size:var(--type-scale-lg);font-weight:400}h3[data-v-87215054]{font-size:var(--type-scale-md);font-weight:400}h4[data-v-87215054]{font-size:var(--type-scale-md);font-weight:700}p[data-v-87215054]{font-size:var(--type-scale-base)}.text-body[data-v-87215054]{font-size:var(--type-scale-md)}.text-meta[data-v-87215054]{font-family:var(--font-secondary)}.text-meta[data-v-87215054],.text-small[data-v-87215054]{font-size:var(--type-scale-sm)}.font-mono[data-v-87215054]{font-family:var(--font-secondary)}.text-uppercase[data-v-87215054]{text-transform:uppercase}.text-center[data-v-87215054]{text-align:center}.measure[data-v-87215054]{max-width:30em}.measure-wide[data-v-87215054]{max-width:34em}.measure-narrow[data-v-87215054]{max-width:20em}.header-6[data-v-87215054]{font-weight:700;line-height:120%;font-size:var(--type-scale-sm);margin-bottom:var(--spacing-75);color:var(--black)}.descriptive-text--grey[data-v-87215054],.descriptive-text[data-v-87215054]{color:var(--black);font-size:var(--type-scale-sm);line-height:125%}.descriptive-text--grey[data-v-87215054]{color:var(--grey-6)}.descriptive-text--grey a[data-v-87215054]{color:inherit;text-decoration:underline;transition:color var(--transition-speed-enter) var(--transition-ease-out)}.descriptive-text--grey a[data-v-87215054]:hover{color:var(--black);text-decoration:underline}a[data-v-87215054],abbr[data-v-87215054],acronym[data-v-87215054],address[data-v-87215054],applet[data-v-87215054],article[data-v-87215054],aside[data-v-87215054],audio[data-v-87215054],b[data-v-87215054],big[data-v-87215054],blockquote[data-v-87215054],body[data-v-87215054],canvas[data-v-87215054],caption[data-v-87215054],center[data-v-87215054],cite[data-v-87215054],code[data-v-87215054],dd[data-v-87215054],del[data-v-87215054],details[data-v-87215054],dfn[data-v-87215054],div[data-v-87215054],dl[data-v-87215054],dt[data-v-87215054],em[data-v-87215054],embed[data-v-87215054],fieldset[data-v-87215054],figcaption[data-v-87215054],figure[data-v-87215054],footer[data-v-87215054],form[data-v-87215054],h1[data-v-87215054],h2[data-v-87215054],h3[data-v-87215054],h4[data-v-87215054],h5[data-v-87215054],h6[data-v-87215054],header[data-v-87215054],hgroup[data-v-87215054],html[data-v-87215054],i[data-v-87215054],iframe[data-v-87215054],img[data-v-87215054],ins[data-v-87215054],kbd[data-v-87215054],label[data-v-87215054],legend[data-v-87215054],li[data-v-87215054],mark[data-v-87215054],menu[data-v-87215054],nav[data-v-87215054],object[data-v-87215054],ol[data-v-87215054],output[data-v-87215054],pre[data-v-87215054],q[data-v-87215054],ruby[data-v-87215054],s[data-v-87215054],samp[data-v-87215054],section[data-v-87215054],small[data-v-87215054],span[data-v-87215054],strike[data-v-87215054],strong[data-v-87215054],sub[data-v-87215054],summary[data-v-87215054],sup[data-v-87215054],table[data-v-87215054],tbody[data-v-87215054],td[data-v-87215054],tfoot[data-v-87215054],th[data-v-87215054],thead[data-v-87215054],time[data-v-87215054],tr[data-v-87215054],tt[data-v-87215054],u[data-v-87215054],ul[data-v-87215054],var[data-v-87215054],video[data-v-87215054]{margin:0;padding:0;border:0;vertical-align:initial}[data-v-87215054],[data-v-87215054]:after,[data-v-87215054]:before{box-sizing:inherit}[data-v-87215054]{-webkit-tap-highlight-color:rgba(0,0,0,0)}body[data-v-87215054]{line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html[data-v-87215054]{box-sizing:border-box;overflow:auto}input[data-v-87215054]:focus,textarea[data-v-87215054]:focus{outline:none}button[data-v-87215054]{font-family:var(--font-primary);font-size:var(--type-scale-base);cursor:pointer}button[data-v-87215054]:focus{outline:0}a[data-v-87215054],a[data-v-87215054]:hover{text-decoration:none}p[data-v-87215054]{line-height:1;margin:0 0 var(--spacing-base)}p[data-v-87215054]:last-child{margin-bottom:0}input[type=number][data-v-87215054]{appearance:textfield}input[data-v-87215054]::-webkit-inner-spin-button,input[data-v-87215054]::-webkit-outer-spin-button{appearance:none}ol[data-v-87215054],ul[data-v-87215054]{list-style:none}blockquote[data-v-87215054],q[data-v-87215054]{quotes:none}blockquote[data-v-87215054]:after,blockquote[data-v-87215054]:before,q[data-v-87215054]:after,q[data-v-87215054]:before{content:"";content:none}table[data-v-87215054]{border-collapse:collapse;border-spacing:0}[data-v-87215054]:root{--breakpoint-xs:24rem;--breakpoint-sm:36rem;--breakpoint-md:48rem;--breakpoint-lg:62rem;--breakpoint-lg-75:75rem;--breakpoint-xl:90rem;--grid-template:repeat(4,minmax(0,1fr));--grid-gap:1rem}.contained-section[data-v-87215054]{margin:0 auto;max-width:var(--breakpoint-lg-75);width:100%;padding:var(--spacing-lg) var(--spacing-base)}@media screen and (width >= 48rem){[data-v-87215054]:root{--grid-template:repeat(12,minmax(0,1fr));--grid-gap:2rem}.contained-section[data-v-87215054]{padding:calc(var(--spacing-md)*2)}}@media screen and (36rem <= width <= 48rem){[data-v-87215054]:root{--grid-template:repeat(6,minmax(0,1fr));--grid-gap:1.5rem}}.grid[data-v-87215054]{display:grid;grid-template-columns:var(--grid-template);gap:var(--grid-gap);grid-auto-columns:minmax(auto,max-content)}.no-gap[data-v-87215054]{gap:0}.col-auto[data-v-87215054]{grid-column:auto}.col-span-1[data-v-87215054]{grid-column:span 1/span 1}.col-span-2[data-v-87215054]{grid-column:span 2/span 2}.col-span-3[data-v-87215054]{grid-column:span 3/span 3}.col-span-4[data-v-87215054]{grid-column:span 4/span 4}.col-span-5[data-v-87215054]{grid-column:span 5/span 5}.col-span-6[data-v-87215054]{grid-column:span 6/span 6}.col-span-7[data-v-87215054]{grid-column:span 7/span 7}.col-span-8[data-v-87215054]{grid-column:span 8/span 8}.col-span-9[data-v-87215054]{grid-column:span 9/span 9}.col-span-10[data-v-87215054]{grid-column:span 10/span 10}.col-span-11[data-v-87215054]{grid-column:span 11/span 11}.col-span-12[data-v-87215054]{grid-column:span 12/span 12}.col-span-full[data-v-87215054]{grid-column:1/-1}@media screen and (36rem <= width <= 48rem){.md\:col-span-1[data-v-87215054]{grid-column:span 1/span 1}.md\:col-span-2[data-v-87215054]{grid-column:span 2/span 2}.md\:col-span-3[data-v-87215054]{grid-column:span 3/span 3}.md\:col-span-4[data-v-87215054]{grid-column:span 4/span 4}.md\:col-span-5[data-v-87215054]{grid-column:span 5/span 5}.md\:col-span-6[data-v-87215054]{grid-column:span 6/span 6}.md\:col-span-full[data-v-87215054]{grid-column:1/-1}}@media screen and (width >= 48rem){.lg\:col-span-1[data-v-87215054]{grid-column:span 1/span 1}.lg\:col-span-2[data-v-87215054]{grid-column:span 2/span 2}.lg\:col-span-3[data-v-87215054]{grid-column:span 3/span 3}.lg\:col-span-4[data-v-87215054]{grid-column:span 4/span 4}.lg\:col-span-5[data-v-87215054]{grid-column:span 5/span 5}.lg\:col-span-6[data-v-87215054]{grid-column:span 6/span 6}.lg\:col-span-7[data-v-87215054]{grid-column:span 7/span 7}.lg\:col-span-8[data-v-87215054]{grid-column:span 8/span 8}.lg\:col-span-9[data-v-87215054]{grid-column:span 9/span 9}.lg\:col-span-10[data-v-87215054]{grid-column:span 10/span 10}.lg\:col-span-11[data-v-87215054]{grid-column:span 11/span 11}.lg\:col-span-12[data-v-87215054]{grid-column:span 12/span 12}.lg\:col-span-full[data-v-87215054]{grid-column:1/-1}.lg\:col-offset-2[data-v-87215054],.lg\:col-offset-3[data-v-87215054]{grid-column-start:3}.lg\:col-offset-7[data-v-87215054]{grid-column-start:7}.lg\:col-offset-8[data-v-87215054]{grid-column-start:8}.lg\:col-offset-9[data-v-87215054]{grid-column-start:9}}@media screen and (min-width:48rem)and (max-width:75rem){.lg-75\:col-span-1[data-v-87215054]{grid-column:span 1/span 1}.lg-75\:col-span-2[data-v-87215054]{grid-column:span 2/span 2}.lg-75\:col-span-3[data-v-87215054]{grid-column:span 3/span 3}.lg-75\:col-span-4[data-v-87215054]{grid-column:span 4/span 4}.lg-75\:col-span-5[data-v-87215054]{grid-column:span 5/span 5}.lg-75\:col-span-6[data-v-87215054]{grid-column:span 6/span 6}.lg-75\:col-span-7[data-v-87215054]{grid-column:span 7/span 7}.lg-75\:col-span-8[data-v-87215054]{grid-column:span 8/span 8}.lg-75\:col-span-9[data-v-87215054]{grid-column:span 9/span 9}.lg-75\:col-span-10[data-v-87215054]{grid-column:span 10/span 10}.lg-75\:col-span-11[data-v-87215054]{grid-column:span 11/span 11}.lg-75\:col-span-12[data-v-87215054]{grid-column:span 12/span 12}.lg-75\:col-span-full[data-v-87215054]{grid-column:1/-1}}.flex[data-v-87215054]{display:flex}.flex-inline[data-v-87215054]{display:inline-flex}.flex-column[data-v-87215054]{flex-direction:column}.flex-column-reverse[data-v-87215054]{flex-direction:column-reverse}.flex-row[data-v-87215054]{flex-direction:column}.flex-wrap[data-v-87215054]{flex-wrap:wrap}.flex-1[data-v-87215054]{flex:1}.flex-grow-2[data-v-87215054]{flex-grow:2}.flex-shrink-0[data-v-87215054]{flex-shrink:0}.justify-center[data-v-87215054]{justify-content:center}.justify-flex-end[data-v-87215054]{justify-content:flex-end}.justify-flex-start[data-v-87215054]{justify-content:flex-start}.align-center[data-v-87215054]{align-items:center}.align-start[data-v-87215054]{align-items:flex-start}.align-self-center[data-v-87215054]{align-self:center}.flex-content-center[data-v-87215054]{place-content:center center}.space-between[data-v-87215054]{justify-content:space-between}.ml-auto[data-v-87215054]{margin-left:auto}.ml-base[data-v-87215054]{margin-left:var(--spacing-base)}.ml-75[data-v-87215054]{margin-left:var(--spacing-75)}.ml-xs[data-v-87215054]{margin-left:var(--spacing-xs)}.ml-xxs[data-v-87215054]{margin-left:var(--spacing-xxs)}.mt-base[data-v-87215054]{margin-top:var(--spacing-base)}.mt-md[data-v-87215054]{margin-top:var(--spacing-md)}.mr-auto[data-v-87215054]{margin-right:auto}.mr-base[data-v-87215054]{margin-right:var(--spacing-base)}.mr-75[data-v-87215054]{margin-right:var(--spacing-75)}.mr-xs[data-v-87215054]{margin-right:var(--spacing-xs)}.mr-xxs[data-v-87215054]{margin-right:var(--spacing-xxs)}.mb-0[data-v-87215054]{margin-bottom:0}.mb-xs[data-v-87215054]{margin-bottom:var(--spacing-xs)}.mb-xxs[data-v-87215054]{margin-bottom:var(--spacing-xxs)}.mb-base[data-v-87215054]{margin-bottom:var(--spacing-base)}.mb-sm[data-v-87215054]{margin-bottom:var(--spacing-sm)}.mb-md[data-v-87215054]{margin-bottom:var(--spacing-md)}.mb-75[data-v-87215054]{margin-bottom:var(--spacing-75)}.mb-lg[data-v-87215054]{margin-bottom:var(--spacing-lg)}.mb-xl[data-v-87215054]{margin-bottom:var(--spacing-xl)}.euro-sign[data-v-87215054]:first-letter{color:var(--grey-5);font-weight:400}.uppercase[data-v-87215054]{text-transform:uppercase}.capitalize[data-v-87215054]{text-transform:capitalize}.reset-btn[data-v-87215054]{background:#0000}.reset-btn[data-v-87215054],.reset-input[data-v-87215054]{border:none;border-radius:0;padding:0}.relative[data-v-87215054]{position:relative}.full-width[data-v-87215054]{width:100%}.fade-enter-active[data-v-87215054]{transition:var(--transition-opacity-enter)}.fade-leave-active[data-v-87215054]{transition:var(--transition-opacity-leave)}.fade-enter-from[data-v-87215054],.fade-leave-to[data-v-87215054]{opacity:0}.fade-fast-enter-active[data-v-87215054],.fade-fast-leave-active[data-v-87215054]{transition:all .125s}.fade-fast-enter-from[data-v-87215054],.fade-fast-leave-to[data-v-87215054]{opacity:0}.fade-move-fast-enter-active[data-v-87215054]{transition:all .125s ease-out}.fade-move-fast-leave-active[data-v-87215054]{transition:all .2s ease-in}.fade-move-fast-enter-from[data-v-87215054],.fade-move-fast-leave-to[data-v-87215054]{opacity:0;transform:translateY(2%)}.fade-out-fast-leave-active[data-v-87215054]{transition:all .125s}.fade-out-fast-leave-to[data-v-87215054],.slide-left-enter-from[data-v-87215054],.slide-left-leave-to[data-v-87215054],.slide-right-enter-from[data-v-87215054],.slide-right-leave-to[data-v-87215054]{opacity:0}.slide-left-enter-from[data-v-87215054],.slide-right-leave-to[data-v-87215054]{transform:translateX(120%)}.slide-left-leave-to[data-v-87215054],.slide-right-enter-from[data-v-87215054]{transform:translateX(-120%)}.slide-left-enter-active[data-v-87215054],.slide-left-leave-active[data-v-87215054],.slide-right-enter-active[data-v-87215054],.slide-right-leave-active[data-v-87215054]{transition:all .2s ease}.slide-sidebar-enter-active[data-v-87215054]{transition:var(--transition-transform-enter)}.slide-sidebar-leave-active[data-v-87215054]{transition:var(--transition-transform-leave)}.slide-sidebar-enter-from[data-v-87215054],.slide-sidebar-leave-to[data-v-87215054]{transform:translateX(100%)}.overlay-enter-active[data-v-87215054]{transition:var(--transition-opacity-enter)}.overlay-enter-active .overlay-container[data-v-87215054]{transition:var(--transition-transform-enter)}.overlay-leave-active[data-v-87215054]{transition:var(--transition-opacity-leave)}.overlay-leave-active .overlay-container[data-v-87215054]{transition:var(--transition-transform-leave)}.overlay-enter-from[data-v-87215054]{opacity:0}.overlay-enter-from .overlay-container[data-v-87215054]{transform:translateY(30px)}.overlay-leave-to[data-v-87215054]{opacity:0}.overlay-leave-to .overlay-container[data-v-87215054]{transform:translateY(30px)}.vue-notification-group[data-v-87215054]{padding:var(--spacing-xs);margin-top:var(--nav);z-index:var(--z-index-notification);pointer-events:none;display:flex;justify-content:flex-end}.notification[data-v-87215054]{background-color:var(--white);color:var(--grey-6);font-size:var(--type-scale-sm);line-height:var(--spacing-sm);padding:var(--spacing-base);margin-bottom:var(--spacing-xs);border:var(--border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-2);display:flex;max-width:400px}.notification .notification-title[data-v-87215054]{color:var(--black);font-size:var(--type-scale-sm);font-weight:700;margin-bottom:var(--spacing-xxs)}.notification.info .notification-title[data-v-87215054]{color:var(--black)}.notification.error .notification-title[data-v-87215054]{color:var(--error)}.notification.success .notification-title[data-v-87215054]{color:var(--success)}.notification.warn .notification-title[data-v-87215054]{color:var(--orange)}.notification-icon svg[data-v-87215054]{margin-right:var(--spacing-base)}.notification-button[data-v-87215054]{margin-top:var(--spacing-base)}.notification-content-wrapper[data-v-87215054]{flex-basis:100%}.notification-close[data-v-87215054]{pointer-events:all;margin-left:var(--spacing-base)}.notification-close svg[data-v-87215054]{color:var(--grey-5)}@media(width <= 36rem){.vue-notification-group[data-v-87215054]{justify-content:center}.vue-notification-group .notification[data-v-87215054]{max-width:100%}.vue-notification-group>span[data-v-87215054]{width:100%}}[data-v-87215054]:root{--rainbow-gradient-animation:gradient 7s ease infinite}@keyframes gradient-87215054{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.tab-btn[data-v-87215054]{border:var(--border-cream-30);border-radius:10px;background-color:var(--grey-2);margin-bottom:0;height:32px;display:flex;align-items:center;width:fit-content;-webkit-user-select:none;user-select:none}.tab-btn__option[data-v-87215054]{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none;line-height:normal;box-sizing:border-box;touch-action:manipulation;font-size:var(--type-scale-sm);padding:0 var(--spacing-75);font-weight:700;color:var(--grey-6);height:100%;position:relative}.tab-btn__option[data-v-87215054]:focus{outline:none}.tab-btn__option[data-v-87215054]:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.tab-btn__option[data-v-87215054]:first-child{border-radius:10px 0 0 10px}.tab-btn__option[data-v-87215054]:last-child{border-radius:0 10px 10px 0}.tab-btn .active[data-v-87215054]{color:var(--black);background-color:var(--white);border-radius:10px}.tab-btn .active--right[data-v-87215054]{box-shadow:-1px 0 0 0 var(--cream-30)}.tab-btn .active--left[data-v-87215054]{box-shadow:1px 0 0 0 var(--cream-30)}.tab-btn .active--middle[data-v-87215054]{box-shadow:0 0 0 0 var(--cream-30)}[data-v-17f25afc]:root{--white:#fff;--white-0:#fff0;--white-20:#fff3;--white-30:#ffffff4d;--white-40:#fff6;--white-50:#ffffff80;--white-60:#fff9;--white-70:#ffffffb3;--white-80:#fffc;--white-90:#ffffffe6;--grey-1:#f5f5f5;--grey-2:#e8e8e8;--grey-4:#d2d2d2;--grey-5:#979b9e;--grey-6:#6c7073;--black:#1b1b1b;--black-0:#0000;--black-10:#2b2c371a;--black-30:#2b2c374d;--black-40:#2b2c3766;--black-50:#2b2c3780;--black-60:#2b2c3799;--black-80:#2b2c37cc;--black-90:#2b2c37e6;--green:#4caf50;--purple:#c597ff;--blue:#00f;--blue-10:#0000ff1a;--blue-20:#00f3;--blue-60:#00f9;--orange:#c94c00;--orange-10:#c94c001a;--yellow:#fae210;--yellow-10:#fae2101a;--yellow-40:#fae21066;--cream:#f6f5f0;--cream-20:#e5e5e1;--cream-30:#ccccc4;--cream-50:#6d6e69;--control:#3a3a431a;--footer:#3232321a;--success:var(--green);--error:var(--orange);--water-blue:#4498e5;--emissions-green:#4fc369;--energy-orange:#f68768;--selected-canvas-border:1px solid var(--blue);--rainbow-gradient:linear-gradient(90deg,#fef9cf,#ffe8d7,#fdd5cd,#f8d9f3,#efcff2,#dadafa,#d5ebff,#dcf3e1);--font-primary:"Helvetica Neue",helvetica,arial,sans-serif;--font-primary-src:local("Helvetica Neue"),local("Helvetica");--font-secondary:"Source Code Pro",monospace;--font-secondary-src:local("Source Code Pro");--type-scale-xxs:0.5rem;--type-scale-xs:0.6875rem;--type-scale-sm:0.8125rem;--type-scale-base:1rem;--type-scale-md:1.25rem;--type-scale-lg:1.5rem;--type-scale-xl:2rem;--type-scale-40:2.5rem;--type-scale-56:3.5rem;--type-scale-xxl:5rem;--border-primary:1px solid var(--black);--border-primary-10:1px solid var(--black-10);--border-primary-thin:0.5px solid var(--black);--border-primary-thin-dashed:0.5px dashed var(--black);--border-primary-heavy:2px solid var(--black);--border-secondary:1px solid var(--grey-2);--border-secondary-heavy:2px solid var(--grey-2);--border-secondary-dashed:1px dashed var(--grey-2);--border-tertiary:1px solid var(--grey-4);--border-tertiary-thin:0.5px solid var(--grey-4);--border-tertiary-heavy:2px solid var(--grey-4);--border-tertiary-dashed:1px dashed var(--grey-4);--border-transparent:1px solid #0000;--border-transparent-heavy:2px solid #0000;--border-yellow:1px solid var(--yellow);--border-orange:1px solid var(--orange);--border-white:1px solid var(--white);--border-cream:1px solid var(--cream);--border-cream-30:1px solid var(--cream-30);--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-base:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-xxl:32px;--border-radius-round:9999px;--border-radius-button:10px;--spacing-xxxs:0.125rem;--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-75:0.75rem;--spacing-base:1rem;--spacing-sm:1.25rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:5rem;--spacing-xxxl:10rem;--line-height-sm:100%;--line-height-base:120%;--line-height-md:150%;--box-shadow-1:0 0 40px #2b2c371a;--box-shadow-2:0 2px 0 0 #2b2c3714;--soft-shadow:0 4px 40px #2b2c371a;--nav:64px;--editor-nav:48px;--controls:48px;--controls-top-margin:calc(var(--controls)*3);--step-header:105px;--notifications-list:360px;--gradient-loading-icon:26px;--vh-with-nav:calc(100vh - var(--nav));--vh-with-editor-nav:calc(100vh - var(--editor-nav));--vh-with-nav-and-controls:calc(100vh - var(--nav) - var(--controls));--vh-with-nav-and-step:calc(100vh - var(--nav) - var(--controls) - var(--step-header));--yarn-color-height:calc(100vh - var(--controls-top-margin) - var(--spacing-md) - 116px);--layers-panel-width:250px;--layer-button-icon:18px;--canvas-width:1008px;--canvas-length:756px;--main-panel-width:360px;--sub-panel-width:var(--main-panel-width);--sample-bar-bottom:1rem;--overlay-modal-bottom:calc(var(--sample-bar-bottom) + 64px + 1rem);--transition-ease-out:cubic-bezier(0.215,0.61,0.355,1);--transition-ease-in:cubic-bezier(0.75,0,1,1);--transition-ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--transition-linear:linear;--transition-speed-enter:250ms;--transition-speed-leave:300ms;--transition-input-enter:background-color var(--transition-speed-enter) var(--transition-ease-out),color var(--transition-speed-enter) var(--transition-ease-out),border-color var(--transition-speed-enter) var(--transition-ease-out),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-input-leave:background-color var(--transition-speed-leave) var(--transition-ease-in),color var(--transition-speed-leave) var(--transition-ease-in),border-color var(--transition-speed-leave) var(--transition-ease-in),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-enter:transform var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-leave:transform var(--transition-speed-leave) var(--transition-ease-in);--transition-opacity-enter:opacity var(--transition-speed-enter) var(--transition-ease-out);--transition-opacity-leave:opacity var(--transition-speed-leave) var(--transition-ease-in);--transition-fill-enter:fill var(--transition-speed-enter) var(--transition-ease-out);--transition-fill-leave:fill var(--transition-speed-leave) var(--transition-ease-in);--z-index-base:0;--z-index-nav:2;--z-index-view:10;--z-index-panel:25;--z-index-customizer:52;--z-index-help-menu:53;--z-index-overlay:54;--z-index-sidebar:55;--z-index-notification:60;--z-index-loading:70;--z-index-full-page:999;--backdrop-blur-2:blur(2px)}@media(prefers-reduced-motion:reduce){[data-v-17f25afc]:root{--transition-speed-enter:0;--transition-speed-leave:0}}body[data-v-17f25afc],html[data-v-17f25afc]{font-family:var(--font-primary)}h1[data-v-17f25afc]{font-size:var(--type-scale-xl);font-weight:400}h2[data-v-17f25afc]{font-size:var(--type-scale-lg);font-weight:400}h3[data-v-17f25afc]{font-size:var(--type-scale-md);font-weight:400}h4[data-v-17f25afc]{font-size:var(--type-scale-md);font-weight:700}p[data-v-17f25afc]{font-size:var(--type-scale-base)}.text-body[data-v-17f25afc]{font-size:var(--type-scale-md)}.text-meta[data-v-17f25afc]{font-family:var(--font-secondary)}.text-meta[data-v-17f25afc],.text-small[data-v-17f25afc]{font-size:var(--type-scale-sm)}.font-mono[data-v-17f25afc]{font-family:var(--font-secondary)}.text-uppercase[data-v-17f25afc]{text-transform:uppercase}.text-center[data-v-17f25afc]{text-align:center}.measure[data-v-17f25afc]{max-width:30em}.measure-wide[data-v-17f25afc]{max-width:34em}.measure-narrow[data-v-17f25afc]{max-width:20em}.header-6[data-v-17f25afc]{font-weight:700;line-height:120%;font-size:var(--type-scale-sm);margin-bottom:var(--spacing-75);color:var(--black)}.descriptive-text--grey[data-v-17f25afc],.descriptive-text[data-v-17f25afc]{color:var(--black);font-size:var(--type-scale-sm);line-height:125%}.descriptive-text--grey[data-v-17f25afc]{color:var(--grey-6)}.descriptive-text--grey a[data-v-17f25afc]{color:inherit;text-decoration:underline;transition:color var(--transition-speed-enter) var(--transition-ease-out)}.descriptive-text--grey a[data-v-17f25afc]:hover{color:var(--black);text-decoration:underline}a[data-v-17f25afc],abbr[data-v-17f25afc],acronym[data-v-17f25afc],address[data-v-17f25afc],applet[data-v-17f25afc],article[data-v-17f25afc],aside[data-v-17f25afc],audio[data-v-17f25afc],b[data-v-17f25afc],big[data-v-17f25afc],blockquote[data-v-17f25afc],body[data-v-17f25afc],canvas[data-v-17f25afc],caption[data-v-17f25afc],center[data-v-17f25afc],cite[data-v-17f25afc],code[data-v-17f25afc],dd[data-v-17f25afc],del[data-v-17f25afc],details[data-v-17f25afc],dfn[data-v-17f25afc],div[data-v-17f25afc],dl[data-v-17f25afc],dt[data-v-17f25afc],em[data-v-17f25afc],embed[data-v-17f25afc],fieldset[data-v-17f25afc],figcaption[data-v-17f25afc],figure[data-v-17f25afc],footer[data-v-17f25afc],form[data-v-17f25afc],h1[data-v-17f25afc],h2[data-v-17f25afc],h3[data-v-17f25afc],h4[data-v-17f25afc],h5[data-v-17f25afc],h6[data-v-17f25afc],header[data-v-17f25afc],hgroup[data-v-17f25afc],html[data-v-17f25afc],i[data-v-17f25afc],iframe[data-v-17f25afc],img[data-v-17f25afc],ins[data-v-17f25afc],kbd[data-v-17f25afc],label[data-v-17f25afc],legend[data-v-17f25afc],li[data-v-17f25afc],mark[data-v-17f25afc],menu[data-v-17f25afc],nav[data-v-17f25afc],object[data-v-17f25afc],ol[data-v-17f25afc],output[data-v-17f25afc],pre[data-v-17f25afc],q[data-v-17f25afc],ruby[data-v-17f25afc],s[data-v-17f25afc],samp[data-v-17f25afc],section[data-v-17f25afc],small[data-v-17f25afc],span[data-v-17f25afc],strike[data-v-17f25afc],strong[data-v-17f25afc],sub[data-v-17f25afc],summary[data-v-17f25afc],sup[data-v-17f25afc],table[data-v-17f25afc],tbody[data-v-17f25afc],td[data-v-17f25afc],tfoot[data-v-17f25afc],th[data-v-17f25afc],thead[data-v-17f25afc],time[data-v-17f25afc],tr[data-v-17f25afc],tt[data-v-17f25afc],u[data-v-17f25afc],ul[data-v-17f25afc],var[data-v-17f25afc],video[data-v-17f25afc]{margin:0;padding:0;border:0;vertical-align:initial}[data-v-17f25afc],[data-v-17f25afc]:after,[data-v-17f25afc]:before{box-sizing:inherit}[data-v-17f25afc]{-webkit-tap-highlight-color:rgba(0,0,0,0)}body[data-v-17f25afc]{line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html[data-v-17f25afc]{box-sizing:border-box;overflow:auto}input[data-v-17f25afc]:focus,textarea[data-v-17f25afc]:focus{outline:none}button[data-v-17f25afc]{font-family:var(--font-primary);font-size:var(--type-scale-base);cursor:pointer}button[data-v-17f25afc]:focus{outline:0}a[data-v-17f25afc],a[data-v-17f25afc]:hover{text-decoration:none}p[data-v-17f25afc]{line-height:1;margin:0 0 var(--spacing-base)}p[data-v-17f25afc]:last-child{margin-bottom:0}input[type=number][data-v-17f25afc]{appearance:textfield}input[data-v-17f25afc]::-webkit-inner-spin-button,input[data-v-17f25afc]::-webkit-outer-spin-button{appearance:none}ol[data-v-17f25afc],ul[data-v-17f25afc]{list-style:none}blockquote[data-v-17f25afc],q[data-v-17f25afc]{quotes:none}blockquote[data-v-17f25afc]:after,blockquote[data-v-17f25afc]:before,q[data-v-17f25afc]:after,q[data-v-17f25afc]:before{content:"";content:none}table[data-v-17f25afc]{border-collapse:collapse;border-spacing:0}[data-v-17f25afc]:root{--breakpoint-xs:24rem;--breakpoint-sm:36rem;--breakpoint-md:48rem;--breakpoint-lg:62rem;--breakpoint-lg-75:75rem;--breakpoint-xl:90rem;--grid-template:repeat(4,minmax(0,1fr));--grid-gap:1rem}.contained-section[data-v-17f25afc]{margin:0 auto;max-width:var(--breakpoint-lg-75);width:100%;padding:var(--spacing-lg) var(--spacing-base)}@media screen and (width >= 48rem){[data-v-17f25afc]:root{--grid-template:repeat(12,minmax(0,1fr));--grid-gap:2rem}.contained-section[data-v-17f25afc]{padding:calc(var(--spacing-md)*2)}}@media screen and (36rem <= width <= 48rem){[data-v-17f25afc]:root{--grid-template:repeat(6,minmax(0,1fr));--grid-gap:1.5rem}}.grid[data-v-17f25afc]{display:grid;grid-template-columns:var(--grid-template);gap:var(--grid-gap);grid-auto-columns:minmax(auto,max-content)}.no-gap[data-v-17f25afc]{gap:0}.col-auto[data-v-17f25afc]{grid-column:auto}.col-span-1[data-v-17f25afc]{grid-column:span 1/span 1}.col-span-2[data-v-17f25afc]{grid-column:span 2/span 2}.col-span-3[data-v-17f25afc]{grid-column:span 3/span 3}.col-span-4[data-v-17f25afc]{grid-column:span 4/span 4}.col-span-5[data-v-17f25afc]{grid-column:span 5/span 5}.col-span-6[data-v-17f25afc]{grid-column:span 6/span 6}.col-span-7[data-v-17f25afc]{grid-column:span 7/span 7}.col-span-8[data-v-17f25afc]{grid-column:span 8/span 8}.col-span-9[data-v-17f25afc]{grid-column:span 9/span 9}.col-span-10[data-v-17f25afc]{grid-column:span 10/span 10}.col-span-11[data-v-17f25afc]{grid-column:span 11/span 11}.col-span-12[data-v-17f25afc]{grid-column:span 12/span 12}.col-span-full[data-v-17f25afc]{grid-column:1/-1}@media screen and (36rem <= width <= 48rem){.md\:col-span-1[data-v-17f25afc]{grid-column:span 1/span 1}.md\:col-span-2[data-v-17f25afc]{grid-column:span 2/span 2}.md\:col-span-3[data-v-17f25afc]{grid-column:span 3/span 3}.md\:col-span-4[data-v-17f25afc]{grid-column:span 4/span 4}.md\:col-span-5[data-v-17f25afc]{grid-column:span 5/span 5}.md\:col-span-6[data-v-17f25afc]{grid-column:span 6/span 6}.md\:col-span-full[data-v-17f25afc]{grid-column:1/-1}}@media screen and (width >= 48rem){.lg\:col-span-1[data-v-17f25afc]{grid-column:span 1/span 1}.lg\:col-span-2[data-v-17f25afc]{grid-column:span 2/span 2}.lg\:col-span-3[data-v-17f25afc]{grid-column:span 3/span 3}.lg\:col-span-4[data-v-17f25afc]{grid-column:span 4/span 4}.lg\:col-span-5[data-v-17f25afc]{grid-column:span 5/span 5}.lg\:col-span-6[data-v-17f25afc]{grid-column:span 6/span 6}.lg\:col-span-7[data-v-17f25afc]{grid-column:span 7/span 7}.lg\:col-span-8[data-v-17f25afc]{grid-column:span 8/span 8}.lg\:col-span-9[data-v-17f25afc]{grid-column:span 9/span 9}.lg\:col-span-10[data-v-17f25afc]{grid-column:span 10/span 10}.lg\:col-span-11[data-v-17f25afc]{grid-column:span 11/span 11}.lg\:col-span-12[data-v-17f25afc]{grid-column:span 12/span 12}.lg\:col-span-full[data-v-17f25afc]{grid-column:1/-1}.lg\:col-offset-2[data-v-17f25afc],.lg\:col-offset-3[data-v-17f25afc]{grid-column-start:3}.lg\:col-offset-7[data-v-17f25afc]{grid-column-start:7}.lg\:col-offset-8[data-v-17f25afc]{grid-column-start:8}.lg\:col-offset-9[data-v-17f25afc]{grid-column-start:9}}@media screen and (min-width:48rem)and (max-width:75rem){.lg-75\:col-span-1[data-v-17f25afc]{grid-column:span 1/span 1}.lg-75\:col-span-2[data-v-17f25afc]{grid-column:span 2/span 2}.lg-75\:col-span-3[data-v-17f25afc]{grid-column:span 3/span 3}.lg-75\:col-span-4[data-v-17f25afc]{grid-column:span 4/span 4}.lg-75\:col-span-5[data-v-17f25afc]{grid-column:span 5/span 5}.lg-75\:col-span-6[data-v-17f25afc]{grid-column:span 6/span 6}.lg-75\:col-span-7[data-v-17f25afc]{grid-column:span 7/span 7}.lg-75\:col-span-8[data-v-17f25afc]{grid-column:span 8/span 8}.lg-75\:col-span-9[data-v-17f25afc]{grid-column:span 9/span 9}.lg-75\:col-span-10[data-v-17f25afc]{grid-column:span 10/span 10}.lg-75\:col-span-11[data-v-17f25afc]{grid-column:span 11/span 11}.lg-75\:col-span-12[data-v-17f25afc]{grid-column:span 12/span 12}.lg-75\:col-span-full[data-v-17f25afc]{grid-column:1/-1}}.flex[data-v-17f25afc]{display:flex}.flex-inline[data-v-17f25afc]{display:inline-flex}.flex-column[data-v-17f25afc]{flex-direction:column}.flex-column-reverse[data-v-17f25afc]{flex-direction:column-reverse}.flex-row[data-v-17f25afc]{flex-direction:column}.flex-wrap[data-v-17f25afc]{flex-wrap:wrap}.flex-1[data-v-17f25afc]{flex:1}.flex-grow-2[data-v-17f25afc]{flex-grow:2}.flex-shrink-0[data-v-17f25afc]{flex-shrink:0}.justify-center[data-v-17f25afc]{justify-content:center}.justify-flex-end[data-v-17f25afc]{justify-content:flex-end}.justify-flex-start[data-v-17f25afc]{justify-content:flex-start}.align-center[data-v-17f25afc]{align-items:center}.align-start[data-v-17f25afc]{align-items:flex-start}.align-self-center[data-v-17f25afc]{align-self:center}.flex-content-center[data-v-17f25afc]{place-content:center center}.space-between[data-v-17f25afc]{justify-content:space-between}.ml-auto[data-v-17f25afc]{margin-left:auto}.ml-base[data-v-17f25afc]{margin-left:var(--spacing-base)}.ml-75[data-v-17f25afc]{margin-left:var(--spacing-75)}.ml-xs[data-v-17f25afc]{margin-left:var(--spacing-xs)}.ml-xxs[data-v-17f25afc]{margin-left:var(--spacing-xxs)}.mt-base[data-v-17f25afc]{margin-top:var(--spacing-base)}.mt-md[data-v-17f25afc]{margin-top:var(--spacing-md)}.mr-auto[data-v-17f25afc]{margin-right:auto}.mr-base[data-v-17f25afc]{margin-right:var(--spacing-base)}.mr-75[data-v-17f25afc]{margin-right:var(--spacing-75)}.mr-xs[data-v-17f25afc]{margin-right:var(--spacing-xs)}.mr-xxs[data-v-17f25afc]{margin-right:var(--spacing-xxs)}.mb-0[data-v-17f25afc]{margin-bottom:0}.mb-xs[data-v-17f25afc]{margin-bottom:var(--spacing-xs)}.mb-xxs[data-v-17f25afc]{margin-bottom:var(--spacing-xxs)}.mb-base[data-v-17f25afc]{margin-bottom:var(--spacing-base)}.mb-sm[data-v-17f25afc]{margin-bottom:var(--spacing-sm)}.mb-md[data-v-17f25afc]{margin-bottom:var(--spacing-md)}.mb-75[data-v-17f25afc]{margin-bottom:var(--spacing-75)}.mb-lg[data-v-17f25afc]{margin-bottom:var(--spacing-lg)}.mb-xl[data-v-17f25afc]{margin-bottom:var(--spacing-xl)}.euro-sign[data-v-17f25afc]:first-letter{color:var(--grey-5);font-weight:400}.uppercase[data-v-17f25afc]{text-transform:uppercase}.capitalize[data-v-17f25afc]{text-transform:capitalize}.reset-btn[data-v-17f25afc]{background:#0000}.reset-btn[data-v-17f25afc],.reset-input[data-v-17f25afc]{border:none;border-radius:0;padding:0}.relative[data-v-17f25afc]{position:relative}.full-width[data-v-17f25afc]{width:100%}.fade-enter-active[data-v-17f25afc]{transition:var(--transition-opacity-enter)}.fade-leave-active[data-v-17f25afc]{transition:var(--transition-opacity-leave)}.fade-enter-from[data-v-17f25afc],.fade-leave-to[data-v-17f25afc]{opacity:0}.fade-fast-enter-active[data-v-17f25afc],.fade-fast-leave-active[data-v-17f25afc]{transition:all .125s}.fade-fast-enter-from[data-v-17f25afc],.fade-fast-leave-to[data-v-17f25afc]{opacity:0}.fade-move-fast-enter-active[data-v-17f25afc]{transition:all .125s ease-out}.fade-move-fast-leave-active[data-v-17f25afc]{transition:all .2s ease-in}.fade-move-fast-enter-from[data-v-17f25afc],.fade-move-fast-leave-to[data-v-17f25afc]{opacity:0;transform:translateY(2%)}.fade-out-fast-leave-active[data-v-17f25afc]{transition:all .125s}.fade-out-fast-leave-to[data-v-17f25afc],.slide-left-enter-from[data-v-17f25afc],.slide-left-leave-to[data-v-17f25afc],.slide-right-enter-from[data-v-17f25afc],.slide-right-leave-to[data-v-17f25afc]{opacity:0}.slide-left-enter-from[data-v-17f25afc],.slide-right-leave-to[data-v-17f25afc]{transform:translateX(120%)}.slide-left-leave-to[data-v-17f25afc],.slide-right-enter-from[data-v-17f25afc]{transform:translateX(-120%)}.slide-left-enter-active[data-v-17f25afc],.slide-left-leave-active[data-v-17f25afc],.slide-right-enter-active[data-v-17f25afc],.slide-right-leave-active[data-v-17f25afc]{transition:all .2s ease}.slide-sidebar-enter-active[data-v-17f25afc]{transition:var(--transition-transform-enter)}.slide-sidebar-leave-active[data-v-17f25afc]{transition:var(--transition-transform-leave)}.slide-sidebar-enter-from[data-v-17f25afc],.slide-sidebar-leave-to[data-v-17f25afc]{transform:translateX(100%)}.overlay-enter-active[data-v-17f25afc]{transition:var(--transition-opacity-enter)}.overlay-enter-active .overlay-container[data-v-17f25afc]{transition:var(--transition-transform-enter)}.overlay-leave-active[data-v-17f25afc]{transition:var(--transition-opacity-leave)}.overlay-leave-active .overlay-container[data-v-17f25afc]{transition:var(--transition-transform-leave)}.overlay-enter-from[data-v-17f25afc]{opacity:0}.overlay-enter-from .overlay-container[data-v-17f25afc]{transform:translateY(30px)}.overlay-leave-to[data-v-17f25afc]{opacity:0}.overlay-leave-to .overlay-container[data-v-17f25afc]{transform:translateY(30px)}.vue-notification-group[data-v-17f25afc]{padding:var(--spacing-xs);margin-top:var(--nav);z-index:var(--z-index-notification);pointer-events:none;display:flex;justify-content:flex-end}.notification[data-v-17f25afc]{background-color:var(--white);color:var(--grey-6);font-size:var(--type-scale-sm);line-height:var(--spacing-sm);padding:var(--spacing-base);margin-bottom:var(--spacing-xs);border:var(--border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-2);display:flex;max-width:400px}.notification .notification-title[data-v-17f25afc]{color:var(--black);font-size:var(--type-scale-sm);font-weight:700;margin-bottom:var(--spacing-xxs)}.notification.info .notification-title[data-v-17f25afc]{color:var(--black)}.notification.error .notification-title[data-v-17f25afc]{color:var(--error)}.notification.success .notification-title[data-v-17f25afc]{color:var(--success)}.notification.warn .notification-title[data-v-17f25afc]{color:var(--orange)}.notification-icon svg[data-v-17f25afc]{margin-right:var(--spacing-base)}.notification-button[data-v-17f25afc]{margin-top:var(--spacing-base)}.notification-content-wrapper[data-v-17f25afc]{flex-basis:100%}.notification-close[data-v-17f25afc]{pointer-events:all;margin-left:var(--spacing-base)}.notification-close svg[data-v-17f25afc]{color:var(--grey-5)}@media(width <= 36rem){.vue-notification-group[data-v-17f25afc]{justify-content:center}.vue-notification-group .notification[data-v-17f25afc]{max-width:100%}.vue-notification-group>span[data-v-17f25afc]{width:100%}}[data-v-17f25afc]:root{--rainbow-gradient-animation:gradient 7s ease infinite}@keyframes gradient-17f25afc{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.sidebar[data-v-17f25afc]{display:flex;width:100%;position:fixed;top:0;right:0;z-index:var(--z-index-sidebar);height:100vh;background-color:var(--cream);flex-direction:column;padding:0 0 var(--spacing-md)}.sidebar__content[data-v-17f25afc]{height:100%;display:flex;flex-direction:column;justify-content:space-between;margin-top:var(--spacing-lg)}.sidebar__content--main[data-v-17f25afc]{flex:1}.sidebar__content--main .sidebar-item__orders[data-v-17f25afc]{display:none}.sidebar__content--main .sidebar-item__title[data-v-17f25afc]{font-size:var(--type-scale-lg)}.sidebar__content--main .sidebar-item__title[data-v-17f25afc]:has(span){display:flex;align-items:center;gap:var(--spacing-xs)}.sidebar__content--main .sidebar-item a[data-v-17f25afc]{align-items:center;display:inline-flex;justify-content:flex-start;padding:0 var(--spacing-lg);transition:all var(--transition-speed-enter);width:100%;height:64px}.sidebar__content--main .sidebar-item a>span[data-v-17f25afc]{height:min-content;padding:var(--spacing-xxs) 0;border-bottom:1px solid #0000;transition:border-color var(--transition-speed-enter)}.sidebar__content--main .sidebar-item a.router-link-exact-active>span[data-v-17f25afc],.sidebar__content--main .sidebar-item a:hover>span[data-v-17f25afc]{border-color:var(--black)}.sidebar__top[data-v-17f25afc]{display:flex;align-items:center;justify-content:space-between;height:64px;min-height:64px;max-height:64px;padding:0 var(--spacing-lg)}.sidebar__top .close-button[data-v-17f25afc]{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none;line-height:normal;box-sizing:border-box;touch-action:manipulation;display:flex;align-items:center}.sidebar__top .close-button[data-v-17f25afc]:focus{outline:none}.sidebar__top .close-button[data-v-17f25afc]:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.sidebar__bottom[data-v-17f25afc]{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:0 var(--spacing-lg)}.sidebar__bottom a[data-v-17f25afc],.sidebar__bottom button[data-v-17f25afc]{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none;line-height:normal;box-sizing:border-box;touch-action:manipulation;border-bottom:1px solid var(--black);width:min-content;white-space:nowrap;transition:color var(--transition-speed-enter),border-color var(--transition-speed-enter)}.sidebar__bottom a[data-v-17f25afc]:focus,.sidebar__bottom button[data-v-17f25afc]:focus{outline:none}.sidebar__bottom a[data-v-17f25afc]:focus-visible,.sidebar__bottom button[data-v-17f25afc]:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.sidebar__bottom a[data-v-17f25afc]:hover,.sidebar__bottom button[data-v-17f25afc]:hover{color:var(--cream-50);border-color:var(--cream-50)}.indicator-icon[data-v-17f25afc]{position:relative;height:24px}.indicator-icon.indicator-icon--show[data-v-17f25afc]:before{content:"";position:absolute;width:10px;height:10px;right:1px;top:13px;border-radius:50%;border:var(--border-white);background:var(--yellow)}.indicator-icon.indicator-icon--green.indicator-icon--show[data-v-17f25afc]:before{background:var(--green)}.cart-quantity-container[data-v-17f25afc]{background-color:var(--black);color:var(--white);border-radius:var(--border-radius-round);width:1.5rem;height:1.5rem;display:inline-flex;justify-content:center;align-items:center;font-size:var(--type-scale-base);line-height:1;padding-bottom:2px}@media(min-width:1024px){.sidebar[data-v-17f25afc]{max-width:400px;border-left:var(--border-primary)}}[data-v-a4c6623c]:root{--white:#fff;--white-0:#fff0;--white-20:#fff3;--white-30:#ffffff4d;--white-40:#fff6;--white-50:#ffffff80;--white-60:#fff9;--white-70:#ffffffb3;--white-80:#fffc;--white-90:#ffffffe6;--grey-1:#f5f5f5;--grey-2:#e8e8e8;--grey-4:#d2d2d2;--grey-5:#979b9e;--grey-6:#6c7073;--black:#1b1b1b;--black-0:#0000;--black-10:#2b2c371a;--black-30:#2b2c374d;--black-40:#2b2c3766;--black-50:#2b2c3780;--black-60:#2b2c3799;--black-80:#2b2c37cc;--black-90:#2b2c37e6;--green:#4caf50;--purple:#c597ff;--blue:#00f;--blue-10:#0000ff1a;--blue-20:#00f3;--blue-60:#00f9;--orange:#c94c00;--orange-10:#c94c001a;--yellow:#fae210;--yellow-10:#fae2101a;--yellow-40:#fae21066;--cream:#f6f5f0;--cream-20:#e5e5e1;--cream-30:#ccccc4;--cream-50:#6d6e69;--control:#3a3a431a;--footer:#3232321a;--success:var(--green);--error:var(--orange);--water-blue:#4498e5;--emissions-green:#4fc369;--energy-orange:#f68768;--selected-canvas-border:1px solid var(--blue);--rainbow-gradient:linear-gradient(90deg,#fef9cf,#ffe8d7,#fdd5cd,#f8d9f3,#efcff2,#dadafa,#d5ebff,#dcf3e1);--font-primary:"Helvetica Neue",helvetica,arial,sans-serif;--font-primary-src:local("Helvetica Neue"),local("Helvetica");--font-secondary:"Source Code Pro",monospace;--font-secondary-src:local("Source Code Pro");--type-scale-xxs:0.5rem;--type-scale-xs:0.6875rem;--type-scale-sm:0.8125rem;--type-scale-base:1rem;--type-scale-md:1.25rem;--type-scale-lg:1.5rem;--type-scale-xl:2rem;--type-scale-40:2.5rem;--type-scale-56:3.5rem;--type-scale-xxl:5rem;--border-primary:1px solid var(--black);--border-primary-10:1px solid var(--black-10);--border-primary-thin:0.5px solid var(--black);--border-primary-thin-dashed:0.5px dashed var(--black);--border-primary-heavy:2px solid var(--black);--border-secondary:1px solid var(--grey-2);--border-secondary-heavy:2px solid var(--grey-2);--border-secondary-dashed:1px dashed var(--grey-2);--border-tertiary:1px solid var(--grey-4);--border-tertiary-thin:0.5px solid var(--grey-4);--border-tertiary-heavy:2px solid var(--grey-4);--border-tertiary-dashed:1px dashed var(--grey-4);--border-transparent:1px solid #0000;--border-transparent-heavy:2px solid #0000;--border-yellow:1px solid var(--yellow);--border-orange:1px solid var(--orange);--border-white:1px solid var(--white);--border-cream:1px solid var(--cream);--border-cream-30:1px solid var(--cream-30);--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-base:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-xxl:32px;--border-radius-round:9999px;--border-radius-button:10px;--spacing-xxxs:0.125rem;--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-75:0.75rem;--spacing-base:1rem;--spacing-sm:1.25rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:5rem;--spacing-xxxl:10rem;--line-height-sm:100%;--line-height-base:120%;--line-height-md:150%;--box-shadow-1:0 0 40px #2b2c371a;--box-shadow-2:0 2px 0 0 #2b2c3714;--soft-shadow:0 4px 40px #2b2c371a;--nav:64px;--editor-nav:48px;--controls:48px;--controls-top-margin:calc(var(--controls)*3);--step-header:105px;--notifications-list:360px;--gradient-loading-icon:26px;--vh-with-nav:calc(100vh - var(--nav));--vh-with-editor-nav:calc(100vh - var(--editor-nav));--vh-with-nav-and-controls:calc(100vh - var(--nav) - var(--controls));--vh-with-nav-and-step:calc(100vh - var(--nav) - var(--controls) - var(--step-header));--yarn-color-height:calc(100vh - var(--controls-top-margin) - var(--spacing-md) - 116px);--layers-panel-width:250px;--layer-button-icon:18px;--canvas-width:1008px;--canvas-length:756px;--main-panel-width:360px;--sub-panel-width:var(--main-panel-width);--sample-bar-bottom:1rem;--overlay-modal-bottom:calc(var(--sample-bar-bottom) + 64px + 1rem);--transition-ease-out:cubic-bezier(0.215,0.61,0.355,1);--transition-ease-in:cubic-bezier(0.75,0,1,1);--transition-ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--transition-linear:linear;--transition-speed-enter:250ms;--transition-speed-leave:300ms;--transition-input-enter:background-color var(--transition-speed-enter) var(--transition-ease-out),color var(--transition-speed-enter) var(--transition-ease-out),border-color var(--transition-speed-enter) var(--transition-ease-out),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-input-leave:background-color var(--transition-speed-leave) var(--transition-ease-in),color var(--transition-speed-leave) var(--transition-ease-in),border-color var(--transition-speed-leave) var(--transition-ease-in),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-enter:transform var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-leave:transform var(--transition-speed-leave) var(--transition-ease-in);--transition-opacity-enter:opacity var(--transition-speed-enter) var(--transition-ease-out);--transition-opacity-leave:opacity var(--transition-speed-leave) var(--transition-ease-in);--transition-fill-enter:fill var(--transition-speed-enter) var(--transition-ease-out);--transition-fill-leave:fill var(--transition-speed-leave) var(--transition-ease-in);--z-index-base:0;--z-index-nav:2;--z-index-view:10;--z-index-panel:25;--z-index-customizer:52;--z-index-help-menu:53;--z-index-overlay:54;--z-index-sidebar:55;--z-index-notification:60;--z-index-loading:70;--z-index-full-page:999;--backdrop-blur-2:blur(2px)}@media(prefers-reduced-motion:reduce){[data-v-a4c6623c]:root{--transition-speed-enter:0;--transition-speed-leave:0}}body[data-v-a4c6623c],html[data-v-a4c6623c]{font-family:var(--font-primary)}h1[data-v-a4c6623c]{font-size:var(--type-scale-xl);font-weight:400}h2[data-v-a4c6623c]{font-size:var(--type-scale-lg);font-weight:400}h3[data-v-a4c6623c]{font-size:var(--type-scale-md);font-weight:400}h4[data-v-a4c6623c]{font-size:var(--type-scale-md);font-weight:700}p[data-v-a4c6623c]{font-size:var(--type-scale-base)}.text-body[data-v-a4c6623c]{font-size:var(--type-scale-md)}.text-meta[data-v-a4c6623c]{font-family:var(--font-secondary)}.text-meta[data-v-a4c6623c],.text-small[data-v-a4c6623c]{font-size:var(--type-scale-sm)}.font-mono[data-v-a4c6623c]{font-family:var(--font-secondary)}.text-uppercase[data-v-a4c6623c]{text-transform:uppercase}.text-center[data-v-a4c6623c]{text-align:center}.measure[data-v-a4c6623c]{max-width:30em}.measure-wide[data-v-a4c6623c]{max-width:34em}.measure-narrow[data-v-a4c6623c]{max-width:20em}.header-6[data-v-a4c6623c]{font-weight:700;line-height:120%;font-size:var(--type-scale-sm);margin-bottom:var(--spacing-75);color:var(--black)}.descriptive-text--grey[data-v-a4c6623c],.descriptive-text[data-v-a4c6623c]{color:var(--black);font-size:var(--type-scale-sm);line-height:125%}.descriptive-text--grey[data-v-a4c6623c]{color:var(--grey-6)}.descriptive-text--grey a[data-v-a4c6623c]{color:inherit;text-decoration:underline;transition:color var(--transition-speed-enter) var(--transition-ease-out)}.descriptive-text--grey a[data-v-a4c6623c]:hover{color:var(--black);text-decoration:underline}a[data-v-a4c6623c],abbr[data-v-a4c6623c],acronym[data-v-a4c6623c],address[data-v-a4c6623c],applet[data-v-a4c6623c],article[data-v-a4c6623c],aside[data-v-a4c6623c],audio[data-v-a4c6623c],b[data-v-a4c6623c],big[data-v-a4c6623c],blockquote[data-v-a4c6623c],body[data-v-a4c6623c],canvas[data-v-a4c6623c],caption[data-v-a4c6623c],center[data-v-a4c6623c],cite[data-v-a4c6623c],code[data-v-a4c6623c],dd[data-v-a4c6623c],del[data-v-a4c6623c],details[data-v-a4c6623c],dfn[data-v-a4c6623c],div[data-v-a4c6623c],dl[data-v-a4c6623c],dt[data-v-a4c6623c],em[data-v-a4c6623c],embed[data-v-a4c6623c],fieldset[data-v-a4c6623c],figcaption[data-v-a4c6623c],figure[data-v-a4c6623c],footer[data-v-a4c6623c],form[data-v-a4c6623c],h1[data-v-a4c6623c],h2[data-v-a4c6623c],h3[data-v-a4c6623c],h4[data-v-a4c6623c],h5[data-v-a4c6623c],h6[data-v-a4c6623c],header[data-v-a4c6623c],hgroup[data-v-a4c6623c],html[data-v-a4c6623c],i[data-v-a4c6623c],iframe[data-v-a4c6623c],img[data-v-a4c6623c],ins[data-v-a4c6623c],kbd[data-v-a4c6623c],label[data-v-a4c6623c],legend[data-v-a4c6623c],li[data-v-a4c6623c],mark[data-v-a4c6623c],menu[data-v-a4c6623c],nav[data-v-a4c6623c],object[data-v-a4c6623c],ol[data-v-a4c6623c],output[data-v-a4c6623c],pre[data-v-a4c6623c],q[data-v-a4c6623c],ruby[data-v-a4c6623c],s[data-v-a4c6623c],samp[data-v-a4c6623c],section[data-v-a4c6623c],small[data-v-a4c6623c],span[data-v-a4c6623c],strike[data-v-a4c6623c],strong[data-v-a4c6623c],sub[data-v-a4c6623c],summary[data-v-a4c6623c],sup[data-v-a4c6623c],table[data-v-a4c6623c],tbody[data-v-a4c6623c],td[data-v-a4c6623c],tfoot[data-v-a4c6623c],th[data-v-a4c6623c],thead[data-v-a4c6623c],time[data-v-a4c6623c],tr[data-v-a4c6623c],tt[data-v-a4c6623c],u[data-v-a4c6623c],ul[data-v-a4c6623c],var[data-v-a4c6623c],video[data-v-a4c6623c]{margin:0;padding:0;border:0;vertical-align:initial}[data-v-a4c6623c],[data-v-a4c6623c]:after,[data-v-a4c6623c]:before{box-sizing:inherit}[data-v-a4c6623c]{-webkit-tap-highlight-color:rgba(0,0,0,0)}body[data-v-a4c6623c]{line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html[data-v-a4c6623c]{box-sizing:border-box;overflow:auto}input[data-v-a4c6623c]:focus,textarea[data-v-a4c6623c]:focus{outline:none}button[data-v-a4c6623c]{font-family:var(--font-primary);font-size:var(--type-scale-base);cursor:pointer}button[data-v-a4c6623c]:focus{outline:0}a[data-v-a4c6623c],a[data-v-a4c6623c]:hover{text-decoration:none}p[data-v-a4c6623c]{line-height:1;margin:0 0 var(--spacing-base)}p[data-v-a4c6623c]:last-child{margin-bottom:0}input[type=number][data-v-a4c6623c]{appearance:textfield}input[data-v-a4c6623c]::-webkit-inner-spin-button,input[data-v-a4c6623c]::-webkit-outer-spin-button{appearance:none}ol[data-v-a4c6623c],ul[data-v-a4c6623c]{list-style:none}blockquote[data-v-a4c6623c],q[data-v-a4c6623c]{quotes:none}blockquote[data-v-a4c6623c]:after,blockquote[data-v-a4c6623c]:before,q[data-v-a4c6623c]:after,q[data-v-a4c6623c]:before{content:"";content:none}table[data-v-a4c6623c]{border-collapse:collapse;border-spacing:0}[data-v-a4c6623c]:root{--breakpoint-xs:24rem;--breakpoint-sm:36rem;--breakpoint-md:48rem;--breakpoint-lg:62rem;--breakpoint-lg-75:75rem;--breakpoint-xl:90rem;--grid-template:repeat(4,minmax(0,1fr));--grid-gap:1rem}.contained-section[data-v-a4c6623c]{margin:0 auto;max-width:var(--breakpoint-lg-75);width:100%;padding:var(--spacing-lg) var(--spacing-base)}@media screen and (width >= 48rem){[data-v-a4c6623c]:root{--grid-template:repeat(12,minmax(0,1fr));--grid-gap:2rem}.contained-section[data-v-a4c6623c]{padding:calc(var(--spacing-md)*2)}}@media screen and (36rem <= width <= 48rem){[data-v-a4c6623c]:root{--grid-template:repeat(6,minmax(0,1fr));--grid-gap:1.5rem}}.grid[data-v-a4c6623c]{display:grid;grid-template-columns:var(--grid-template);gap:var(--grid-gap);grid-auto-columns:minmax(auto,max-content)}.no-gap[data-v-a4c6623c]{gap:0}.col-auto[data-v-a4c6623c]{grid-column:auto}.col-span-1[data-v-a4c6623c]{grid-column:span 1/span 1}.col-span-2[data-v-a4c6623c]{grid-column:span 2/span 2}.col-span-3[data-v-a4c6623c]{grid-column:span 3/span 3}.col-span-4[data-v-a4c6623c]{grid-column:span 4/span 4}.col-span-5[data-v-a4c6623c]{grid-column:span 5/span 5}.col-span-6[data-v-a4c6623c]{grid-column:span 6/span 6}.col-span-7[data-v-a4c6623c]{grid-column:span 7/span 7}.col-span-8[data-v-a4c6623c]{grid-column:span 8/span 8}.col-span-9[data-v-a4c6623c]{grid-column:span 9/span 9}.col-span-10[data-v-a4c6623c]{grid-column:span 10/span 10}.col-span-11[data-v-a4c6623c]{grid-column:span 11/span 11}.col-span-12[data-v-a4c6623c]{grid-column:span 12/span 12}.col-span-full[data-v-a4c6623c]{grid-column:1/-1}@media screen and (36rem <= width <= 48rem){.md\:col-span-1[data-v-a4c6623c]{grid-column:span 1/span 1}.md\:col-span-2[data-v-a4c6623c]{grid-column:span 2/span 2}.md\:col-span-3[data-v-a4c6623c]{grid-column:span 3/span 3}.md\:col-span-4[data-v-a4c6623c]{grid-column:span 4/span 4}.md\:col-span-5[data-v-a4c6623c]{grid-column:span 5/span 5}.md\:col-span-6[data-v-a4c6623c]{grid-column:span 6/span 6}.md\:col-span-full[data-v-a4c6623c]{grid-column:1/-1}}@media screen and (width >= 48rem){.lg\:col-span-1[data-v-a4c6623c]{grid-column:span 1/span 1}.lg\:col-span-2[data-v-a4c6623c]{grid-column:span 2/span 2}.lg\:col-span-3[data-v-a4c6623c]{grid-column:span 3/span 3}.lg\:col-span-4[data-v-a4c6623c]{grid-column:span 4/span 4}.lg\:col-span-5[data-v-a4c6623c]{grid-column:span 5/span 5}.lg\:col-span-6[data-v-a4c6623c]{grid-column:span 6/span 6}.lg\:col-span-7[data-v-a4c6623c]{grid-column:span 7/span 7}.lg\:col-span-8[data-v-a4c6623c]{grid-column:span 8/span 8}.lg\:col-span-9[data-v-a4c6623c]{grid-column:span 9/span 9}.lg\:col-span-10[data-v-a4c6623c]{grid-column:span 10/span 10}.lg\:col-span-11[data-v-a4c6623c]{grid-column:span 11/span 11}.lg\:col-span-12[data-v-a4c6623c]{grid-column:span 12/span 12}.lg\:col-span-full[data-v-a4c6623c]{grid-column:1/-1}.lg\:col-offset-2[data-v-a4c6623c],.lg\:col-offset-3[data-v-a4c6623c]{grid-column-start:3}.lg\:col-offset-7[data-v-a4c6623c]{grid-column-start:7}.lg\:col-offset-8[data-v-a4c6623c]{grid-column-start:8}.lg\:col-offset-9[data-v-a4c6623c]{grid-column-start:9}}@media screen and (min-width:48rem)and (max-width:75rem){.lg-75\:col-span-1[data-v-a4c6623c]{grid-column:span 1/span 1}.lg-75\:col-span-2[data-v-a4c6623c]{grid-column:span 2/span 2}.lg-75\:col-span-3[data-v-a4c6623c]{grid-column:span 3/span 3}.lg-75\:col-span-4[data-v-a4c6623c]{grid-column:span 4/span 4}.lg-75\:col-span-5[data-v-a4c6623c]{grid-column:span 5/span 5}.lg-75\:col-span-6[data-v-a4c6623c]{grid-column:span 6/span 6}.lg-75\:col-span-7[data-v-a4c6623c]{grid-column:span 7/span 7}.lg-75\:col-span-8[data-v-a4c6623c]{grid-column:span 8/span 8}.lg-75\:col-span-9[data-v-a4c6623c]{grid-column:span 9/span 9}.lg-75\:col-span-10[data-v-a4c6623c]{grid-column:span 10/span 10}.lg-75\:col-span-11[data-v-a4c6623c]{grid-column:span 11/span 11}.lg-75\:col-span-12[data-v-a4c6623c]{grid-column:span 12/span 12}.lg-75\:col-span-full[data-v-a4c6623c]{grid-column:1/-1}}.flex[data-v-a4c6623c]{display:flex}.flex-inline[data-v-a4c6623c]{display:inline-flex}.flex-column[data-v-a4c6623c]{flex-direction:column}.flex-column-reverse[data-v-a4c6623c]{flex-direction:column-reverse}.flex-row[data-v-a4c6623c]{flex-direction:column}.flex-wrap[data-v-a4c6623c]{flex-wrap:wrap}.flex-1[data-v-a4c6623c]{flex:1}.flex-grow-2[data-v-a4c6623c]{flex-grow:2}.flex-shrink-0[data-v-a4c6623c]{flex-shrink:0}.justify-center[data-v-a4c6623c]{justify-content:center}.justify-flex-end[data-v-a4c6623c]{justify-content:flex-end}.justify-flex-start[data-v-a4c6623c]{justify-content:flex-start}.align-center[data-v-a4c6623c]{align-items:center}.align-start[data-v-a4c6623c]{align-items:flex-start}.align-self-center[data-v-a4c6623c]{align-self:center}.flex-content-center[data-v-a4c6623c]{place-content:center center}.space-between[data-v-a4c6623c]{justify-content:space-between}.ml-auto[data-v-a4c6623c]{margin-left:auto}.ml-base[data-v-a4c6623c]{margin-left:var(--spacing-base)}.ml-75[data-v-a4c6623c]{margin-left:var(--spacing-75)}.ml-xs[data-v-a4c6623c]{margin-left:var(--spacing-xs)}.ml-xxs[data-v-a4c6623c]{margin-left:var(--spacing-xxs)}.mt-base[data-v-a4c6623c]{margin-top:var(--spacing-base)}.mt-md[data-v-a4c6623c]{margin-top:var(--spacing-md)}.mr-auto[data-v-a4c6623c]{margin-right:auto}.mr-base[data-v-a4c6623c]{margin-right:var(--spacing-base)}.mr-75[data-v-a4c6623c]{margin-right:var(--spacing-75)}.mr-xs[data-v-a4c6623c]{margin-right:var(--spacing-xs)}.mr-xxs[data-v-a4c6623c]{margin-right:var(--spacing-xxs)}.mb-0[data-v-a4c6623c]{margin-bottom:0}.mb-xs[data-v-a4c6623c]{margin-bottom:var(--spacing-xs)}.mb-xxs[data-v-a4c6623c]{margin-bottom:var(--spacing-xxs)}.mb-base[data-v-a4c6623c]{margin-bottom:var(--spacing-base)}.mb-sm[data-v-a4c6623c]{margin-bottom:var(--spacing-sm)}.mb-md[data-v-a4c6623c]{margin-bottom:var(--spacing-md)}.mb-75[data-v-a4c6623c]{margin-bottom:var(--spacing-75)}.mb-lg[data-v-a4c6623c]{margin-bottom:var(--spacing-lg)}.mb-xl[data-v-a4c6623c]{margin-bottom:var(--spacing-xl)}.euro-sign[data-v-a4c6623c]:first-letter{color:var(--grey-5);font-weight:400}.uppercase[data-v-a4c6623c]{text-transform:uppercase}.capitalize[data-v-a4c6623c]{text-transform:capitalize}.reset-btn[data-v-a4c6623c]{background:#0000}.reset-btn[data-v-a4c6623c],.reset-input[data-v-a4c6623c]{border:none;border-radius:0;padding:0}.relative[data-v-a4c6623c]{position:relative}.full-width[data-v-a4c6623c]{width:100%}.fade-enter-active[data-v-a4c6623c]{transition:var(--transition-opacity-enter)}.fade-leave-active[data-v-a4c6623c]{transition:var(--transition-opacity-leave)}.fade-enter-from[data-v-a4c6623c],.fade-leave-to[data-v-a4c6623c]{opacity:0}.fade-fast-enter-active[data-v-a4c6623c],.fade-fast-leave-active[data-v-a4c6623c]{transition:all .125s}.fade-fast-enter-from[data-v-a4c6623c],.fade-fast-leave-to[data-v-a4c6623c]{opacity:0}.fade-move-fast-enter-active[data-v-a4c6623c]{transition:all .125s ease-out}.fade-move-fast-leave-active[data-v-a4c6623c]{transition:all .2s ease-in}.fade-move-fast-enter-from[data-v-a4c6623c],.fade-move-fast-leave-to[data-v-a4c6623c]{opacity:0;transform:translateY(2%)}.fade-out-fast-leave-active[data-v-a4c6623c]{transition:all .125s}.fade-out-fast-leave-to[data-v-a4c6623c],.slide-left-enter-from[data-v-a4c6623c],.slide-left-leave-to[data-v-a4c6623c],.slide-right-enter-from[data-v-a4c6623c],.slide-right-leave-to[data-v-a4c6623c]{opacity:0}.slide-left-enter-from[data-v-a4c6623c],.slide-right-leave-to[data-v-a4c6623c]{transform:translateX(120%)}.slide-left-leave-to[data-v-a4c6623c],.slide-right-enter-from[data-v-a4c6623c]{transform:translateX(-120%)}.slide-left-enter-active[data-v-a4c6623c],.slide-left-leave-active[data-v-a4c6623c],.slide-right-enter-active[data-v-a4c6623c],.slide-right-leave-active[data-v-a4c6623c]{transition:all .2s ease}.slide-sidebar-enter-active[data-v-a4c6623c]{transition:var(--transition-transform-enter)}.slide-sidebar-leave-active[data-v-a4c6623c]{transition:var(--transition-transform-leave)}.slide-sidebar-enter-from[data-v-a4c6623c],.slide-sidebar-leave-to[data-v-a4c6623c]{transform:translateX(100%)}.overlay-enter-active[data-v-a4c6623c]{transition:var(--transition-opacity-enter)}.overlay-enter-active .overlay-container[data-v-a4c6623c]{transition:var(--transition-transform-enter)}.overlay-leave-active[data-v-a4c6623c]{transition:var(--transition-opacity-leave)}.overlay-leave-active .overlay-container[data-v-a4c6623c]{transition:var(--transition-transform-leave)}.overlay-enter-from[data-v-a4c6623c]{opacity:0}.overlay-enter-from .overlay-container[data-v-a4c6623c]{transform:translateY(30px)}.overlay-leave-to[data-v-a4c6623c]{opacity:0}.overlay-leave-to .overlay-container[data-v-a4c6623c]{transform:translateY(30px)}.vue-notification-group[data-v-a4c6623c]{padding:var(--spacing-xs);margin-top:var(--nav);z-index:var(--z-index-notification);pointer-events:none;display:flex;justify-content:flex-end}.notification[data-v-a4c6623c]{background-color:var(--white);color:var(--grey-6);font-size:var(--type-scale-sm);line-height:var(--spacing-sm);padding:var(--spacing-base);margin-bottom:var(--spacing-xs);border:var(--border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-2);display:flex;max-width:400px}.notification .notification-title[data-v-a4c6623c]{color:var(--black);font-size:var(--type-scale-sm);font-weight:700;margin-bottom:var(--spacing-xxs)}.notification.info .notification-title[data-v-a4c6623c]{color:var(--black)}.notification.error .notification-title[data-v-a4c6623c]{color:var(--error)}.notification.success .notification-title[data-v-a4c6623c]{color:var(--success)}.notification.warn .notification-title[data-v-a4c6623c]{color:var(--orange)}.notification-icon svg[data-v-a4c6623c]{margin-right:var(--spacing-base)}.notification-button[data-v-a4c6623c]{margin-top:var(--spacing-base)}.notification-content-wrapper[data-v-a4c6623c]{flex-basis:100%}.notification-close[data-v-a4c6623c]{pointer-events:all;margin-left:var(--spacing-base)}.notification-close svg[data-v-a4c6623c]{color:var(--grey-5)}@media(width <= 36rem){.vue-notification-group[data-v-a4c6623c]{justify-content:center}.vue-notification-group .notification[data-v-a4c6623c]{max-width:100%}.vue-notification-group>span[data-v-a4c6623c]{width:100%}}[data-v-a4c6623c]:root{--rainbow-gradient-animation:gradient 7s ease infinite}@keyframes gradient-a4c6623c{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.navigation-header nav[data-v-a4c6623c]{width:100%;border-bottom:var(--border-primary);padding-left:var(--spacing-base);align-items:center;position:fixed;top:0;background-color:var(--cream);z-index:var(--z-index-nav);display:flex;height:var(--nav);min-height:var(--nav);max-height:var(--nav);box-sizing:border-box}.navigation-header nav[data-v-a4c6623c]>*{height:100%}.navigation-header .auth-dropdown[data-v-a4c6623c]{position:fixed;top:var(--nav);right:0;left:0;height:min-content;background-color:var(--cream);border-bottom:var(--border-primary);display:flex;flex-direction:row;justify-content:flex-end;gap:var(--spacing-xs);padding:var(--spacing-75) var(--spacing-base);z-index:calc(var(--z-index-nav) - 1)}.navigation-header .auth-dropdown>button[data-v-a4c6623c]{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none;line-height:normal;box-sizing:border-box;touch-action:manipulation;font-size:var(--type-scale-base);border-width:1.5px;max-height:40px;padding:var(--spacing-75) var(--spacing-base);border-radius:var(--border-radius-button);transition:background-color var(--transition-speed-enter);font-weight:500;display:flex;align-items:center;justify-content:center}.navigation-header .auth-dropdown>button[data-v-a4c6623c]:focus{outline:none}.navigation-header .auth-dropdown>button[data-v-a4c6623c]:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.navigation-header .auth-dropdown>button[data-v-a4c6623c]:first-child{color:var(--black);background-color:var(--cream);border:var(--border-primary)}.navigation-header .auth-dropdown>button[data-v-a4c6623c]:first-child:hover{background-color:var(--cream-20)}.navigation-header .auth-dropdown>button[data-v-a4c6623c]:last-child{color:var(--white);background-color:var(--black);border:var(--border-primary)}.navigation-header .auth-dropdown>button[data-v-a4c6623c]:last-child:hover{background-color:var(--black-80)}.logo[data-v-a4c6623c]{display:flex;align-items:center}.logo svg[data-v-a4c6623c]{height:16px}.indicator[data-v-a4c6623c]{position:absolute;background:var(--green);width:10px;height:10px;right:0;bottom:0;border-radius:50%;border:var(--border-cream)}.menu-controls[data-v-a4c6623c]{text-align:right;align-items:center;flex-grow:1;padding-right:var(--spacing-base)}.menu-controls li[data-v-a4c6623c],.menu-controls[data-v-a4c6623c]{display:flex;justify-content:flex-end;gap:var(--spacing-base)}.menu-controls li.menu-controls__orders[data-v-a4c6623c]{display:none}.menu-controls li button[data-v-a4c6623c]{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none;line-height:normal;box-sizing:border-box;touch-action:manipulation}.menu-controls li button[data-v-a4c6623c]:focus{outline:none}.menu-controls li button[data-v-a4c6623c]:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.menu-controls li.hamburger-wrapper[data-v-a4c6623c]{display:none}.menu-controls li.hamburger-wrapper.visible[data-v-a4c6623c]{display:initial}.menu-controls li .sidebar-button[data-v-a4c6623c],.menu-controls li a[data-v-a4c6623c],.menu-controls li button[data-v-a4c6623c]{position:relative;display:flex;align-items:center;font-size:var(--type-scale-sm);border-top:none;border-bottom:none;border-radius:var(--border-radius-round);transition:background-color var(--transition-speed-enter)}.menu-controls li .sidebar-button span[data-v-a4c6623c],.menu-controls li a span[data-v-a4c6623c],.menu-controls li button span[data-v-a4c6623c]{margin-right:var(--spacing-xxs)}.menu-controls li .sidebar-button[data-v-a4c6623c]:has(svg):before,.menu-controls li a[data-v-a4c6623c]:has(svg):before,.menu-controls li button[data-v-a4c6623c]:has(svg):before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--border-radius-round);background-color:var(--cream-20);opacity:0;transition:opacity var(--transition-speed-enter);z-index:-1;width:32px;height:32px}.menu-controls li .sidebar-button[data-v-a4c6623c]:not(:has(svg)),.menu-controls li a[data-v-a4c6623c]:not(:has(svg)),.menu-controls li button[data-v-a4c6623c]:not(:has(svg)){border-radius:0;border-bottom:var(--border-transparent);padding-bottom:var(--spacing-xxs);margin-bottom:calc(var(--spacing-xxs)*-1);transition:border-color var(--transition-speed-enter)}.menu-controls li .sidebar-button.open[data-v-a4c6623c]:has(svg),.menu-controls li .sidebar-button.router-link-exact-active[data-v-a4c6623c]:has(svg),.menu-controls li .sidebar-button[data-v-a4c6623c]:hover:has(svg),.menu-controls li a.open[data-v-a4c6623c]:has(svg),.menu-controls li a.router-link-exact-active[data-v-a4c6623c]:has(svg),.menu-controls li a[data-v-a4c6623c]:hover:has(svg),.menu-controls li button.open[data-v-a4c6623c]:has(svg),.menu-controls li button.router-link-exact-active[data-v-a4c6623c]:has(svg),.menu-controls li button[data-v-a4c6623c]:hover:has(svg){background-color:#0000}.menu-controls li .sidebar-button.open[data-v-a4c6623c]:has(svg):before,.menu-controls li .sidebar-button.router-link-exact-active[data-v-a4c6623c]:has(svg):before,.menu-controls li .sidebar-button[data-v-a4c6623c]:hover:has(svg):before,.menu-controls li a.open[data-v-a4c6623c]:has(svg):before,.menu-controls li a.router-link-exact-active[data-v-a4c6623c]:has(svg):before,.menu-controls li a[data-v-a4c6623c]:hover:has(svg):before,.menu-controls li button.open[data-v-a4c6623c]:has(svg):before,.menu-controls li button.router-link-exact-active[data-v-a4c6623c]:has(svg):before,.menu-controls li button[data-v-a4c6623c]:hover:has(svg):before{opacity:1}.menu-controls li .sidebar-button.open[data-v-a4c6623c]:not(:has(svg)),.menu-controls li .sidebar-button.router-link-exact-active[data-v-a4c6623c]:not(:has(svg)),.menu-controls li .sidebar-button[data-v-a4c6623c]:hover:not(:has(svg)),.menu-controls li a.open[data-v-a4c6623c]:not(:has(svg)),.menu-controls li a.router-link-exact-active[data-v-a4c6623c]:not(:has(svg)),.menu-controls li a[data-v-a4c6623c]:hover:not(:has(svg)),.menu-controls li button.open[data-v-a4c6623c]:not(:has(svg)),.menu-controls li button.router-link-exact-active[data-v-a4c6623c]:not(:has(svg)),.menu-controls li button[data-v-a4c6623c]:hover:not(:has(svg)){border-bottom:var(--border-primary)}.menu-controls li .sidebar-button .navbar-icon[data-v-a4c6623c],.menu-controls li a .navbar-icon[data-v-a4c6623c],.menu-controls li button .navbar-icon[data-v-a4c6623c]{margin:0}.login[data-v-a4c6623c]{display:flex;align-items:center;overflow:visible}.sidebar-button[data-v-a4c6623c]{z-index:9999;background-color:var(--transparent);border:none;padding:0;display:flex;align-items:center}.admin-tag[data-v-a4c6623c]{margin-left:var(--spacing-75);font-weight:600;color:var(--grey-6);background-color:var(--grey-2);font-size:var(--type-scale-sm);padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--border-radius-sm)}.navigation-main-options[data-v-a4c6623c]{display:flex;margin-left:var(--spacing-xl)}.navigation-main-options a[data-v-a4c6623c]{color:var(--black);font-size:var(--type-scale-base);padding:0 var(--spacing-base);border:var(--border-transparent);border-width:1.5px;border-top:none;border-bottom:none;transition:border-color var(--transition-speed-enter);animation-timing-function:var(--transition-ease-in);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.navigation-main-options a>span[data-v-a4c6623c]{border-bottom:var(--border-transparent);padding:var(--spacing-xxs) 0;transition:border-color var(--transition-speed-enter)}.navigation-main-options a.active span[data-v-a4c6623c],.navigation-main-options a:hover span[data-v-a4c6623c]{border-color:var(--black)}.navigation-main-options[data-v-a4c6623c]{display:none}@media(min-width:1024px){.navigation-main-options[data-v-a4c6623c]{display:flex}}.auth-dropdown-transition-enter-active[data-v-a4c6623c],.auth-dropdown-transition-leave-active[data-v-a4c6623c]{transition:transform var(--transition-speed-enter),opacity var(--transition-speed-enter);animation-timing-function:var(--transition-ease-out)}.auth-dropdown-transition-enter-from[data-v-a4c6623c]{transform:translateY(-100%);opacity:0}.auth-dropdown-transition-enter-to[data-v-a4c6623c],.auth-dropdown-transition-leave-from[data-v-a4c6623c]{transform:translateY(0);opacity:1}.auth-dropdown-transition-leave-to[data-v-a4c6623c]{transform:translateY(-100%);opacity:0}[data-v-09d01f0d]:root{--white:#fff;--white-0:#fff0;--white-20:#fff3;--white-30:#ffffff4d;--white-40:#fff6;--white-50:#ffffff80;--white-60:#fff9;--white-70:#ffffffb3;--white-80:#fffc;--white-90:#ffffffe6;--grey-1:#f5f5f5;--grey-2:#e8e8e8;--grey-4:#d2d2d2;--grey-5:#979b9e;--grey-6:#6c7073;--black:#1b1b1b;--black-0:#0000;--black-10:#2b2c371a;--black-30:#2b2c374d;--black-40:#2b2c3766;--black-50:#2b2c3780;--black-60:#2b2c3799;--black-80:#2b2c37cc;--black-90:#2b2c37e6;--green:#4caf50;--purple:#c597ff;--blue:#00f;--blue-10:#0000ff1a;--blue-20:#00f3;--blue-60:#00f9;--orange:#c94c00;--orange-10:#c94c001a;--yellow:#fae210;--yellow-10:#fae2101a;--yellow-40:#fae21066;--cream:#f6f5f0;--cream-20:#e5e5e1;--cream-30:#ccccc4;--cream-50:#6d6e69;--control:#3a3a431a;--footer:#3232321a;--success:var(--green);--error:var(--orange);--water-blue:#4498e5;--emissions-green:#4fc369;--energy-orange:#f68768;--selected-canvas-border:1px solid var(--blue);--rainbow-gradient:linear-gradient(90deg,#fef9cf,#ffe8d7,#fdd5cd,#f8d9f3,#efcff2,#dadafa,#d5ebff,#dcf3e1);--font-primary:"Helvetica Neue",helvetica,arial,sans-serif;--font-primary-src:local("Helvetica Neue"),local("Helvetica");--font-secondary:"Source Code Pro",monospace;--font-secondary-src:local("Source Code Pro");--type-scale-xxs:0.5rem;--type-scale-xs:0.6875rem;--type-scale-sm:0.8125rem;--type-scale-base:1rem;--type-scale-md:1.25rem;--type-scale-lg:1.5rem;--type-scale-xl:2rem;--type-scale-40:2.5rem;--type-scale-56:3.5rem;--type-scale-xxl:5rem;--border-primary:1px solid var(--black);--border-primary-10:1px solid var(--black-10);--border-primary-thin:0.5px solid var(--black);--border-primary-thin-dashed:0.5px dashed var(--black);--border-primary-heavy:2px solid var(--black);--border-secondary:1px solid var(--grey-2);--border-secondary-heavy:2px solid var(--grey-2);--border-secondary-dashed:1px dashed var(--grey-2);--border-tertiary:1px solid var(--grey-4);--border-tertiary-thin:0.5px solid var(--grey-4);--border-tertiary-heavy:2px solid var(--grey-4);--border-tertiary-dashed:1px dashed var(--grey-4);--border-transparent:1px solid #0000;--border-transparent-heavy:2px solid #0000;--border-yellow:1px solid var(--yellow);--border-orange:1px solid var(--orange);--border-white:1px solid var(--white);--border-cream:1px solid var(--cream);--border-cream-30:1px solid var(--cream-30);--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-base:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-xxl:32px;--border-radius-round:9999px;--border-radius-button:10px;--spacing-xxxs:0.125rem;--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-75:0.75rem;--spacing-base:1rem;--spacing-sm:1.25rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:5rem;--spacing-xxxl:10rem;--line-height-sm:100%;--line-height-base:120%;--line-height-md:150%;--box-shadow-1:0 0 40px #2b2c371a;--box-shadow-2:0 2px 0 0 #2b2c3714;--soft-shadow:0 4px 40px #2b2c371a;--nav:64px;--editor-nav:48px;--controls:48px;--controls-top-margin:calc(var(--controls)*3);--step-header:105px;--notifications-list:360px;--gradient-loading-icon:26px;--vh-with-nav:calc(100vh - var(--nav));--vh-with-editor-nav:calc(100vh - var(--editor-nav));--vh-with-nav-and-controls:calc(100vh - var(--nav) - var(--controls));--vh-with-nav-and-step:calc(100vh - var(--nav) - var(--controls) - var(--step-header));--yarn-color-height:calc(100vh - var(--controls-top-margin) - var(--spacing-md) - 116px);--layers-panel-width:250px;--layer-button-icon:18px;--canvas-width:1008px;--canvas-length:756px;--main-panel-width:360px;--sub-panel-width:var(--main-panel-width);--sample-bar-bottom:1rem;--overlay-modal-bottom:calc(var(--sample-bar-bottom) + 64px + 1rem);--transition-ease-out:cubic-bezier(0.215,0.61,0.355,1);--transition-ease-in:cubic-bezier(0.75,0,1,1);--transition-ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--transition-linear:linear;--transition-speed-enter:250ms;--transition-speed-leave:300ms;--transition-input-enter:background-color var(--transition-speed-enter) var(--transition-ease-out),color var(--transition-speed-enter) var(--transition-ease-out),border-color var(--transition-speed-enter) var(--transition-ease-out),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-input-leave:background-color var(--transition-speed-leave) var(--transition-ease-in),color var(--transition-speed-leave) var(--transition-ease-in),border-color var(--transition-speed-leave) var(--transition-ease-in),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-enter:transform var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-leave:transform var(--transition-speed-leave) var(--transition-ease-in);--transition-opacity-enter:opacity var(--transition-speed-enter) var(--transition-ease-out);--transition-opacity-leave:opacity var(--transition-speed-leave) var(--transition-ease-in);--transition-fill-enter:fill var(--transition-speed-enter) var(--transition-ease-out);--transition-fill-leave:fill var(--transition-speed-leave) var(--transition-ease-in);--z-index-base:0;--z-index-nav:2;--z-index-view:10;--z-index-panel:25;--z-index-customizer:52;--z-index-help-menu:53;--z-index-overlay:54;--z-index-sidebar:55;--z-index-notification:60;--z-index-loading:70;--z-index-full-page:999;--backdrop-blur-2:blur(2px)}@media(prefers-reduced-motion:reduce){[data-v-09d01f0d]:root{--transition-speed-enter:0;--transition-speed-leave:0}}body[data-v-09d01f0d],html[data-v-09d01f0d]{font-family:var(--font-primary)}h1[data-v-09d01f0d]{font-size:var(--type-scale-xl);font-weight:400}h2[data-v-09d01f0d]{font-size:var(--type-scale-lg);font-weight:400}h3[data-v-09d01f0d]{font-size:var(--type-scale-md);font-weight:400}h4[data-v-09d01f0d]{font-size:var(--type-scale-md);font-weight:700}p[data-v-09d01f0d]{font-size:var(--type-scale-base)}.text-body[data-v-09d01f0d]{font-size:var(--type-scale-md)}.text-meta[data-v-09d01f0d]{font-family:var(--font-secondary)}.text-meta[data-v-09d01f0d],.text-small[data-v-09d01f0d]{font-size:var(--type-scale-sm)}.font-mono[data-v-09d01f0d]{font-family:var(--font-secondary)}.text-uppercase[data-v-09d01f0d]{text-transform:uppercase}.text-center[data-v-09d01f0d]{text-align:center}.measure[data-v-09d01f0d]{max-width:30em}.measure-wide[data-v-09d01f0d]{max-width:34em}.measure-narrow[data-v-09d01f0d]{max-width:20em}.header-6[data-v-09d01f0d]{font-weight:700;line-height:120%;font-size:var(--type-scale-sm);margin-bottom:var(--spacing-75);color:var(--black)}.descriptive-text--grey[data-v-09d01f0d],.descriptive-text[data-v-09d01f0d]{color:var(--black);font-size:var(--type-scale-sm);line-height:125%}.descriptive-text--grey[data-v-09d01f0d]{color:var(--grey-6)}.descriptive-text--grey a[data-v-09d01f0d]{color:inherit;text-decoration:underline;transition:color var(--transition-speed-enter) var(--transition-ease-out)}.descriptive-text--grey a[data-v-09d01f0d]:hover{color:var(--black);text-decoration:underline}a[data-v-09d01f0d],abbr[data-v-09d01f0d],acronym[data-v-09d01f0d],address[data-v-09d01f0d],applet[data-v-09d01f0d],article[data-v-09d01f0d],aside[data-v-09d01f0d],audio[data-v-09d01f0d],b[data-v-09d01f0d],big[data-v-09d01f0d],blockquote[data-v-09d01f0d],body[data-v-09d01f0d],canvas[data-v-09d01f0d],caption[data-v-09d01f0d],center[data-v-09d01f0d],cite[data-v-09d01f0d],code[data-v-09d01f0d],dd[data-v-09d01f0d],del[data-v-09d01f0d],details[data-v-09d01f0d],dfn[data-v-09d01f0d],div[data-v-09d01f0d],dl[data-v-09d01f0d],dt[data-v-09d01f0d],em[data-v-09d01f0d],embed[data-v-09d01f0d],fieldset[data-v-09d01f0d],figcaption[data-v-09d01f0d],figure[data-v-09d01f0d],footer[data-v-09d01f0d],form[data-v-09d01f0d],h1[data-v-09d01f0d],h2[data-v-09d01f0d],h3[data-v-09d01f0d],h4[data-v-09d01f0d],h5[data-v-09d01f0d],h6[data-v-09d01f0d],header[data-v-09d01f0d],hgroup[data-v-09d01f0d],html[data-v-09d01f0d],i[data-v-09d01f0d],iframe[data-v-09d01f0d],img[data-v-09d01f0d],ins[data-v-09d01f0d],kbd[data-v-09d01f0d],label[data-v-09d01f0d],legend[data-v-09d01f0d],li[data-v-09d01f0d],mark[data-v-09d01f0d],menu[data-v-09d01f0d],nav[data-v-09d01f0d],object[data-v-09d01f0d],ol[data-v-09d01f0d],output[data-v-09d01f0d],pre[data-v-09d01f0d],q[data-v-09d01f0d],ruby[data-v-09d01f0d],s[data-v-09d01f0d],samp[data-v-09d01f0d],section[data-v-09d01f0d],small[data-v-09d01f0d],span[data-v-09d01f0d],strike[data-v-09d01f0d],strong[data-v-09d01f0d],sub[data-v-09d01f0d],summary[data-v-09d01f0d],sup[data-v-09d01f0d],table[data-v-09d01f0d],tbody[data-v-09d01f0d],td[data-v-09d01f0d],tfoot[data-v-09d01f0d],th[data-v-09d01f0d],thead[data-v-09d01f0d],time[data-v-09d01f0d],tr[data-v-09d01f0d],tt[data-v-09d01f0d],u[data-v-09d01f0d],ul[data-v-09d01f0d],var[data-v-09d01f0d],video[data-v-09d01f0d]{margin:0;padding:0;border:0;vertical-align:initial}[data-v-09d01f0d],[data-v-09d01f0d]:after,[data-v-09d01f0d]:before{box-sizing:inherit}[data-v-09d01f0d]{-webkit-tap-highlight-color:rgba(0,0,0,0)}body[data-v-09d01f0d]{line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html[data-v-09d01f0d]{box-sizing:border-box;overflow:auto}input[data-v-09d01f0d]:focus,textarea[data-v-09d01f0d]:focus{outline:none}button[data-v-09d01f0d]{font-family:var(--font-primary);font-size:var(--type-scale-base);cursor:pointer}button[data-v-09d01f0d]:focus{outline:0}a[data-v-09d01f0d],a[data-v-09d01f0d]:hover{text-decoration:none}p[data-v-09d01f0d]{line-height:1;margin:0 0 var(--spacing-base)}p[data-v-09d01f0d]:last-child{margin-bottom:0}input[type=number][data-v-09d01f0d]{appearance:textfield}input[data-v-09d01f0d]::-webkit-inner-spin-button,input[data-v-09d01f0d]::-webkit-outer-spin-button{appearance:none}ol[data-v-09d01f0d],ul[data-v-09d01f0d]{list-style:none}blockquote[data-v-09d01f0d],q[data-v-09d01f0d]{quotes:none}blockquote[data-v-09d01f0d]:after,blockquote[data-v-09d01f0d]:before,q[data-v-09d01f0d]:after,q[data-v-09d01f0d]:before{content:"";content:none}table[data-v-09d01f0d]{border-collapse:collapse;border-spacing:0}[data-v-09d01f0d]:root{--breakpoint-xs:24rem;--breakpoint-sm:36rem;--breakpoint-md:48rem;--breakpoint-lg:62rem;--breakpoint-lg-75:75rem;--breakpoint-xl:90rem;--grid-template:repeat(4,minmax(0,1fr));--grid-gap:1rem}.contained-section[data-v-09d01f0d]{margin:0 auto;max-width:var(--breakpoint-lg-75);width:100%;padding:var(--spacing-lg) var(--spacing-base)}@media screen and (width >= 48rem){[data-v-09d01f0d]:root{--grid-template:repeat(12,minmax(0,1fr));--grid-gap:2rem}.contained-section[data-v-09d01f0d]{padding:calc(var(--spacing-md)*2)}}@media screen and (36rem <= width <= 48rem){[data-v-09d01f0d]:root{--grid-template:repeat(6,minmax(0,1fr));--grid-gap:1.5rem}}.grid[data-v-09d01f0d]{display:grid;grid-template-columns:var(--grid-template);gap:var(--grid-gap);grid-auto-columns:minmax(auto,max-content)}.no-gap[data-v-09d01f0d]{gap:0}.col-auto[data-v-09d01f0d]{grid-column:auto}.col-span-1[data-v-09d01f0d]{grid-column:span 1/span 1}.col-span-2[data-v-09d01f0d]{grid-column:span 2/span 2}.col-span-3[data-v-09d01f0d]{grid-column:span 3/span 3}.col-span-4[data-v-09d01f0d]{grid-column:span 4/span 4}.col-span-5[data-v-09d01f0d]{grid-column:span 5/span 5}.col-span-6[data-v-09d01f0d]{grid-column:span 6/span 6}.col-span-7[data-v-09d01f0d]{grid-column:span 7/span 7}.col-span-8[data-v-09d01f0d]{grid-column:span 8/span 8}.col-span-9[data-v-09d01f0d]{grid-column:span 9/span 9}.col-span-10[data-v-09d01f0d]{grid-column:span 10/span 10}.col-span-11[data-v-09d01f0d]{grid-column:span 11/span 11}.col-span-12[data-v-09d01f0d]{grid-column:span 12/span 12}.col-span-full[data-v-09d01f0d]{grid-column:1/-1}@media screen and (36rem <= width <= 48rem){.md\:col-span-1[data-v-09d01f0d]{grid-column:span 1/span 1}.md\:col-span-2[data-v-09d01f0d]{grid-column:span 2/span 2}.md\:col-span-3[data-v-09d01f0d]{grid-column:span 3/span 3}.md\:col-span-4[data-v-09d01f0d]{grid-column:span 4/span 4}.md\:col-span-5[data-v-09d01f0d]{grid-column:span 5/span 5}.md\:col-span-6[data-v-09d01f0d]{grid-column:span 6/span 6}.md\:col-span-full[data-v-09d01f0d]{grid-column:1/-1}}@media screen and (width >= 48rem){.lg\:col-span-1[data-v-09d01f0d]{grid-column:span 1/span 1}.lg\:col-span-2[data-v-09d01f0d]{grid-column:span 2/span 2}.lg\:col-span-3[data-v-09d01f0d]{grid-column:span 3/span 3}.lg\:col-span-4[data-v-09d01f0d]{grid-column:span 4/span 4}.lg\:col-span-5[data-v-09d01f0d]{grid-column:span 5/span 5}.lg\:col-span-6[data-v-09d01f0d]{grid-column:span 6/span 6}.lg\:col-span-7[data-v-09d01f0d]{grid-column:span 7/span 7}.lg\:col-span-8[data-v-09d01f0d]{grid-column:span 8/span 8}.lg\:col-span-9[data-v-09d01f0d]{grid-column:span 9/span 9}.lg\:col-span-10[data-v-09d01f0d]{grid-column:span 10/span 10}.lg\:col-span-11[data-v-09d01f0d]{grid-column:span 11/span 11}.lg\:col-span-12[data-v-09d01f0d]{grid-column:span 12/span 12}.lg\:col-span-full[data-v-09d01f0d]{grid-column:1/-1}.lg\:col-offset-2[data-v-09d01f0d],.lg\:col-offset-3[data-v-09d01f0d]{grid-column-start:3}.lg\:col-offset-7[data-v-09d01f0d]{grid-column-start:7}.lg\:col-offset-8[data-v-09d01f0d]{grid-column-start:8}.lg\:col-offset-9[data-v-09d01f0d]{grid-column-start:9}}@media screen and (min-width:48rem)and (max-width:75rem){.lg-75\:col-span-1[data-v-09d01f0d]{grid-column:span 1/span 1}.lg-75\:col-span-2[data-v-09d01f0d]{grid-column:span 2/span 2}.lg-75\:col-span-3[data-v-09d01f0d]{grid-column:span 3/span 3}.lg-75\:col-span-4[data-v-09d01f0d]{grid-column:span 4/span 4}.lg-75\:col-span-5[data-v-09d01f0d]{grid-column:span 5/span 5}.lg-75\:col-span-6[data-v-09d01f0d]{grid-column:span 6/span 6}.lg-75\:col-span-7[data-v-09d01f0d]{grid-column:span 7/span 7}.lg-75\:col-span-8[data-v-09d01f0d]{grid-column:span 8/span 8}.lg-75\:col-span-9[data-v-09d01f0d]{grid-column:span 9/span 9}.lg-75\:col-span-10[data-v-09d01f0d]{grid-column:span 10/span 10}.lg-75\:col-span-11[data-v-09d01f0d]{grid-column:span 11/span 11}.lg-75\:col-span-12[data-v-09d01f0d]{grid-column:span 12/span 12}.lg-75\:col-span-full[data-v-09d01f0d]{grid-column:1/-1}}.flex[data-v-09d01f0d]{display:flex}.flex-inline[data-v-09d01f0d]{display:inline-flex}.flex-column[data-v-09d01f0d]{flex-direction:column}.flex-column-reverse[data-v-09d01f0d]{flex-direction:column-reverse}.flex-row[data-v-09d01f0d]{flex-direction:column}.flex-wrap[data-v-09d01f0d]{flex-wrap:wrap}.flex-1[data-v-09d01f0d]{flex:1}.flex-grow-2[data-v-09d01f0d]{flex-grow:2}.flex-shrink-0[data-v-09d01f0d]{flex-shrink:0}.justify-center[data-v-09d01f0d]{justify-content:center}.justify-flex-end[data-v-09d01f0d]{justify-content:flex-end}.justify-flex-start[data-v-09d01f0d]{justify-content:flex-start}.align-center[data-v-09d01f0d]{align-items:center}.align-start[data-v-09d01f0d]{align-items:flex-start}.align-self-center[data-v-09d01f0d]{align-self:center}.flex-content-center[data-v-09d01f0d]{place-content:center center}.space-between[data-v-09d01f0d]{justify-content:space-between}.ml-auto[data-v-09d01f0d]{margin-left:auto}.ml-base[data-v-09d01f0d]{margin-left:var(--spacing-base)}.ml-75[data-v-09d01f0d]{margin-left:var(--spacing-75)}.ml-xs[data-v-09d01f0d]{margin-left:var(--spacing-xs)}.ml-xxs[data-v-09d01f0d]{margin-left:var(--spacing-xxs)}.mt-base[data-v-09d01f0d]{margin-top:var(--spacing-base)}.mt-md[data-v-09d01f0d]{margin-top:var(--spacing-md)}.mr-auto[data-v-09d01f0d]{margin-right:auto}.mr-base[data-v-09d01f0d]{margin-right:var(--spacing-base)}.mr-75[data-v-09d01f0d]{margin-right:var(--spacing-75)}.mr-xs[data-v-09d01f0d]{margin-right:var(--spacing-xs)}.mr-xxs[data-v-09d01f0d]{margin-right:var(--spacing-xxs)}.mb-0[data-v-09d01f0d]{margin-bottom:0}.mb-xs[data-v-09d01f0d]{margin-bottom:var(--spacing-xs)}.mb-xxs[data-v-09d01f0d]{margin-bottom:var(--spacing-xxs)}.mb-base[data-v-09d01f0d]{margin-bottom:var(--spacing-base)}.mb-sm[data-v-09d01f0d]{margin-bottom:var(--spacing-sm)}.mb-md[data-v-09d01f0d]{margin-bottom:var(--spacing-md)}.mb-75[data-v-09d01f0d]{margin-bottom:var(--spacing-75)}.mb-lg[data-v-09d01f0d]{margin-bottom:var(--spacing-lg)}.mb-xl[data-v-09d01f0d]{margin-bottom:var(--spacing-xl)}.euro-sign[data-v-09d01f0d]:first-letter{color:var(--grey-5);font-weight:400}.uppercase[data-v-09d01f0d]{text-transform:uppercase}.capitalize[data-v-09d01f0d]{text-transform:capitalize}.reset-btn[data-v-09d01f0d]{background:#0000}.reset-btn[data-v-09d01f0d],.reset-input[data-v-09d01f0d]{border:none;border-radius:0;padding:0}.relative[data-v-09d01f0d]{position:relative}.full-width[data-v-09d01f0d]{width:100%}.fade-enter-active[data-v-09d01f0d]{transition:var(--transition-opacity-enter)}.fade-leave-active[data-v-09d01f0d]{transition:var(--transition-opacity-leave)}.fade-enter-from[data-v-09d01f0d],.fade-leave-to[data-v-09d01f0d]{opacity:0}.fade-fast-enter-active[data-v-09d01f0d],.fade-fast-leave-active[data-v-09d01f0d]{transition:all .125s}.fade-fast-enter-from[data-v-09d01f0d],.fade-fast-leave-to[data-v-09d01f0d]{opacity:0}.fade-move-fast-enter-active[data-v-09d01f0d]{transition:all .125s ease-out}.fade-move-fast-leave-active[data-v-09d01f0d]{transition:all .2s ease-in}.fade-move-fast-enter-from[data-v-09d01f0d],.fade-move-fast-leave-to[data-v-09d01f0d]{opacity:0;transform:translateY(2%)}.fade-out-fast-leave-active[data-v-09d01f0d]{transition:all .125s}.fade-out-fast-leave-to[data-v-09d01f0d],.slide-left-enter-from[data-v-09d01f0d],.slide-left-leave-to[data-v-09d01f0d],.slide-right-enter-from[data-v-09d01f0d],.slide-right-leave-to[data-v-09d01f0d]{opacity:0}.slide-left-enter-from[data-v-09d01f0d],.slide-right-leave-to[data-v-09d01f0d]{transform:translateX(120%)}.slide-left-leave-to[data-v-09d01f0d],.slide-right-enter-from[data-v-09d01f0d]{transform:translateX(-120%)}.slide-left-enter-active[data-v-09d01f0d],.slide-left-leave-active[data-v-09d01f0d],.slide-right-enter-active[data-v-09d01f0d],.slide-right-leave-active[data-v-09d01f0d]{transition:all .2s ease}.slide-sidebar-enter-active[data-v-09d01f0d]{transition:var(--transition-transform-enter)}.slide-sidebar-leave-active[data-v-09d01f0d]{transition:var(--transition-transform-leave)}.slide-sidebar-enter-from[data-v-09d01f0d],.slide-sidebar-leave-to[data-v-09d01f0d]{transform:translateX(100%)}.overlay-enter-active[data-v-09d01f0d]{transition:var(--transition-opacity-enter)}.overlay-enter-active .overlay-container[data-v-09d01f0d]{transition:var(--transition-transform-enter)}.overlay-leave-active[data-v-09d01f0d]{transition:var(--transition-opacity-leave)}.overlay-leave-active .overlay-container[data-v-09d01f0d]{transition:var(--transition-transform-leave)}.overlay-enter-from[data-v-09d01f0d]{opacity:0}.overlay-enter-from .overlay-container[data-v-09d01f0d]{transform:translateY(30px)}.overlay-leave-to[data-v-09d01f0d]{opacity:0}.overlay-leave-to .overlay-container[data-v-09d01f0d]{transform:translateY(30px)}.vue-notification-group[data-v-09d01f0d]{padding:var(--spacing-xs);margin-top:var(--nav);z-index:var(--z-index-notification);pointer-events:none;display:flex;justify-content:flex-end}.notification[data-v-09d01f0d]{background-color:var(--white);color:var(--grey-6);font-size:var(--type-scale-sm);line-height:var(--spacing-sm);padding:var(--spacing-base);margin-bottom:var(--spacing-xs);border:var(--border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-2);display:flex;max-width:400px}.notification .notification-title[data-v-09d01f0d]{color:var(--black);font-size:var(--type-scale-sm);font-weight:700;margin-bottom:var(--spacing-xxs)}.notification.info .notification-title[data-v-09d01f0d]{color:var(--black)}.notification.error .notification-title[data-v-09d01f0d]{color:var(--error)}.notification.success .notification-title[data-v-09d01f0d]{color:var(--success)}.notification.warn .notification-title[data-v-09d01f0d]{color:var(--orange)}.notification-icon svg[data-v-09d01f0d]{margin-right:var(--spacing-base)}.notification-button[data-v-09d01f0d]{margin-top:var(--spacing-base)}.notification-content-wrapper[data-v-09d01f0d]{flex-basis:100%}.notification-close[data-v-09d01f0d]{pointer-events:all;margin-left:var(--spacing-base)}.notification-close svg[data-v-09d01f0d]{color:var(--grey-5)}@media(width <= 36rem){.vue-notification-group[data-v-09d01f0d]{justify-content:center}.vue-notification-group .notification[data-v-09d01f0d]{max-width:100%}.vue-notification-group>span[data-v-09d01f0d]{width:100%}}[data-v-09d01f0d]:root{--rainbow-gradient-animation:gradient 7s ease infinite}@keyframes gradient-09d01f0d{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.cookie-notice[data-v-09d01f0d]{z-index:999;position:fixed;display:flex;margin:var(--spacing-md) auto;bottom:0;left:0;right:0;padding:var(--spacing-md);background-color:var(--white);border:var(--border-primary);border-radius:var(--border-radius-xl);justify-content:space-between;align-items:center;max-width:59.125rem}p[data-v-09d01f0d]{margin-right:var(--spacing-md);max-width:478px;margin-bottom:0;line-height:var(--line-height-base)}button+button[data-v-09d01f0d]{margin-left:var(--spacing-xs)}.cookie-ctas[data-v-09d01f0d]{flex-shrink:0}.cookie-ctas button[data-v-09d01f0d]:first-child{margin-right:var(--spacing-base);border-color:var(--grey-2)}@media screen and (max-width:600px){.cookie-notice[data-v-09d01f0d]{flex-direction:column;max-width:90%}p[data-v-09d01f0d]{margin-right:0;margin-bottom:var(--spacing-base)}}a[data-v-09d01f0d],a[data-v-09d01f0d]:hover{text-decoration:underline}[data-v-a9a1af5e]:root{--white:#fff;--white-0:#fff0;--white-20:#fff3;--white-30:#ffffff4d;--white-40:#fff6;--white-50:#ffffff80;--white-60:#fff9;--white-70:#ffffffb3;--white-80:#fffc;--white-90:#ffffffe6;--grey-1:#f5f5f5;--grey-2:#e8e8e8;--grey-4:#d2d2d2;--grey-5:#979b9e;--grey-6:#6c7073;--black:#1b1b1b;--black-0:#0000;--black-10:#2b2c371a;--black-30:#2b2c374d;--black-40:#2b2c3766;--black-50:#2b2c3780;--black-60:#2b2c3799;--black-80:#2b2c37cc;--black-90:#2b2c37e6;--green:#4caf50;--purple:#c597ff;--blue:#00f;--blue-10:#0000ff1a;--blue-20:#00f3;--blue-60:#00f9;--orange:#c94c00;--orange-10:#c94c001a;--yellow:#fae210;--yellow-10:#fae2101a;--yellow-40:#fae21066;--cream:#f6f5f0;--cream-20:#e5e5e1;--cream-30:#ccccc4;--cream-50:#6d6e69;--control:#3a3a431a;--footer:#3232321a;--success:var(--green);--error:var(--orange);--water-blue:#4498e5;--emissions-green:#4fc369;--energy-orange:#f68768;--selected-canvas-border:1px solid var(--blue);--rainbow-gradient:linear-gradient(90deg,#fef9cf,#ffe8d7,#fdd5cd,#f8d9f3,#efcff2,#dadafa,#d5ebff,#dcf3e1);--font-primary:"Helvetica Neue",helvetica,arial,sans-serif;--font-primary-src:local("Helvetica Neue"),local("Helvetica");--font-secondary:"Source Code Pro",monospace;--font-secondary-src:local("Source Code Pro");--type-scale-xxs:0.5rem;--type-scale-xs:0.6875rem;--type-scale-sm:0.8125rem;--type-scale-base:1rem;--type-scale-md:1.25rem;--type-scale-lg:1.5rem;--type-scale-xl:2rem;--type-scale-40:2.5rem;--type-scale-56:3.5rem;--type-scale-xxl:5rem;--border-primary:1px solid var(--black);--border-primary-10:1px solid var(--black-10);--border-primary-thin:0.5px solid var(--black);--border-primary-thin-dashed:0.5px dashed var(--black);--border-primary-heavy:2px solid var(--black);--border-secondary:1px solid var(--grey-2);--border-secondary-heavy:2px solid var(--grey-2);--border-secondary-dashed:1px dashed var(--grey-2);--border-tertiary:1px solid var(--grey-4);--border-tertiary-thin:0.5px solid var(--grey-4);--border-tertiary-heavy:2px solid var(--grey-4);--border-tertiary-dashed:1px dashed var(--grey-4);--border-transparent:1px solid #0000;--border-transparent-heavy:2px solid #0000;--border-yellow:1px solid var(--yellow);--border-orange:1px solid var(--orange);--border-white:1px solid var(--white);--border-cream:1px solid var(--cream);--border-cream-30:1px solid var(--cream-30);--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-base:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-xxl:32px;--border-radius-round:9999px;--border-radius-button:10px;--spacing-xxxs:0.125rem;--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-75:0.75rem;--spacing-base:1rem;--spacing-sm:1.25rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:5rem;--spacing-xxxl:10rem;--line-height-sm:100%;--line-height-base:120%;--line-height-md:150%;--box-shadow-1:0 0 40px #2b2c371a;--box-shadow-2:0 2px 0 0 #2b2c3714;--soft-shadow:0 4px 40px #2b2c371a;--nav:64px;--editor-nav:48px;--controls:48px;--controls-top-margin:calc(var(--controls)*3);--step-header:105px;--notifications-list:360px;--gradient-loading-icon:26px;--vh-with-nav:calc(100vh - var(--nav));--vh-with-editor-nav:calc(100vh - var(--editor-nav));--vh-with-nav-and-controls:calc(100vh - var(--nav) - var(--controls));--vh-with-nav-and-step:calc(100vh - var(--nav) - var(--controls) - var(--step-header));--yarn-color-height:calc(100vh - var(--controls-top-margin) - var(--spacing-md) - 116px);--layers-panel-width:250px;--layer-button-icon:18px;--canvas-width:1008px;--canvas-length:756px;--main-panel-width:360px;--sub-panel-width:var(--main-panel-width);--sample-bar-bottom:1rem;--overlay-modal-bottom:calc(var(--sample-bar-bottom) + 64px + 1rem);--transition-ease-out:cubic-bezier(0.215,0.61,0.355,1);--transition-ease-in:cubic-bezier(0.75,0,1,1);--transition-ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--transition-linear:linear;--transition-speed-enter:250ms;--transition-speed-leave:300ms;--transition-input-enter:background-color var(--transition-speed-enter) var(--transition-ease-out),color var(--transition-speed-enter) var(--transition-ease-out),border-color var(--transition-speed-enter) var(--transition-ease-out),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-input-leave:background-color var(--transition-speed-leave) var(--transition-ease-in),color var(--transition-speed-leave) var(--transition-ease-in),border-color var(--transition-speed-leave) var(--transition-ease-in),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-enter:transform var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-leave:transform var(--transition-speed-leave) var(--transition-ease-in);--transition-opacity-enter:opacity var(--transition-speed-enter) var(--transition-ease-out);--transition-opacity-leave:opacity var(--transition-speed-leave) var(--transition-ease-in);--transition-fill-enter:fill var(--transition-speed-enter) var(--transition-ease-out);--transition-fill-leave:fill var(--transition-speed-leave) var(--transition-ease-in);--z-index-base:0;--z-index-nav:2;--z-index-view:10;--z-index-panel:25;--z-index-customizer:52;--z-index-help-menu:53;--z-index-overlay:54;--z-index-sidebar:55;--z-index-notification:60;--z-index-loading:70;--z-index-full-page:999;--backdrop-blur-2:blur(2px)}@media(prefers-reduced-motion:reduce){[data-v-a9a1af5e]:root{--transition-speed-enter:0;--transition-speed-leave:0}}body[data-v-a9a1af5e],html[data-v-a9a1af5e]{font-family:var(--font-primary)}h1[data-v-a9a1af5e]{font-size:var(--type-scale-xl);font-weight:400}h2[data-v-a9a1af5e]{font-size:var(--type-scale-lg);font-weight:400}h3[data-v-a9a1af5e]{font-size:var(--type-scale-md);font-weight:400}h4[data-v-a9a1af5e]{font-size:var(--type-scale-md);font-weight:700}p[data-v-a9a1af5e]{font-size:var(--type-scale-base)}.text-body[data-v-a9a1af5e]{font-size:var(--type-scale-md)}.text-meta[data-v-a9a1af5e]{font-family:var(--font-secondary)}.text-meta[data-v-a9a1af5e],.text-small[data-v-a9a1af5e]{font-size:var(--type-scale-sm)}.font-mono[data-v-a9a1af5e]{font-family:var(--font-secondary)}.text-uppercase[data-v-a9a1af5e]{text-transform:uppercase}.text-center[data-v-a9a1af5e]{text-align:center}.measure[data-v-a9a1af5e]{max-width:30em}.measure-wide[data-v-a9a1af5e]{max-width:34em}.measure-narrow[data-v-a9a1af5e]{max-width:20em}.header-6[data-v-a9a1af5e]{font-weight:700;line-height:120%;font-size:var(--type-scale-sm);margin-bottom:var(--spacing-75);color:var(--black)}.descriptive-text--grey[data-v-a9a1af5e],.descriptive-text[data-v-a9a1af5e]{color:var(--black);font-size:var(--type-scale-sm);line-height:125%}.descriptive-text--grey[data-v-a9a1af5e]{color:var(--grey-6)}.descriptive-text--grey a[data-v-a9a1af5e]{color:inherit;text-decoration:underline;transition:color var(--transition-speed-enter) var(--transition-ease-out)}.descriptive-text--grey a[data-v-a9a1af5e]:hover{color:var(--black);text-decoration:underline}a[data-v-a9a1af5e],abbr[data-v-a9a1af5e],acronym[data-v-a9a1af5e],address[data-v-a9a1af5e],applet[data-v-a9a1af5e],article[data-v-a9a1af5e],aside[data-v-a9a1af5e],audio[data-v-a9a1af5e],b[data-v-a9a1af5e],big[data-v-a9a1af5e],blockquote[data-v-a9a1af5e],body[data-v-a9a1af5e],canvas[data-v-a9a1af5e],caption[data-v-a9a1af5e],center[data-v-a9a1af5e],cite[data-v-a9a1af5e],code[data-v-a9a1af5e],dd[data-v-a9a1af5e],del[data-v-a9a1af5e],details[data-v-a9a1af5e],dfn[data-v-a9a1af5e],div[data-v-a9a1af5e],dl[data-v-a9a1af5e],dt[data-v-a9a1af5e],em[data-v-a9a1af5e],embed[data-v-a9a1af5e],fieldset[data-v-a9a1af5e],figcaption[data-v-a9a1af5e],figure[data-v-a9a1af5e],footer[data-v-a9a1af5e],form[data-v-a9a1af5e],h1[data-v-a9a1af5e],h2[data-v-a9a1af5e],h3[data-v-a9a1af5e],h4[data-v-a9a1af5e],h5[data-v-a9a1af5e],h6[data-v-a9a1af5e],header[data-v-a9a1af5e],hgroup[data-v-a9a1af5e],html[data-v-a9a1af5e],i[data-v-a9a1af5e],iframe[data-v-a9a1af5e],img[data-v-a9a1af5e],ins[data-v-a9a1af5e],kbd[data-v-a9a1af5e],label[data-v-a9a1af5e],legend[data-v-a9a1af5e],li[data-v-a9a1af5e],mark[data-v-a9a1af5e],menu[data-v-a9a1af5e],nav[data-v-a9a1af5e],object[data-v-a9a1af5e],ol[data-v-a9a1af5e],output[data-v-a9a1af5e],pre[data-v-a9a1af5e],q[data-v-a9a1af5e],ruby[data-v-a9a1af5e],s[data-v-a9a1af5e],samp[data-v-a9a1af5e],section[data-v-a9a1af5e],small[data-v-a9a1af5e],span[data-v-a9a1af5e],strike[data-v-a9a1af5e],strong[data-v-a9a1af5e],sub[data-v-a9a1af5e],summary[data-v-a9a1af5e],sup[data-v-a9a1af5e],table[data-v-a9a1af5e],tbody[data-v-a9a1af5e],td[data-v-a9a1af5e],tfoot[data-v-a9a1af5e],th[data-v-a9a1af5e],thead[data-v-a9a1af5e],time[data-v-a9a1af5e],tr[data-v-a9a1af5e],tt[data-v-a9a1af5e],u[data-v-a9a1af5e],ul[data-v-a9a1af5e],var[data-v-a9a1af5e],video[data-v-a9a1af5e]{margin:0;padding:0;border:0;vertical-align:initial}[data-v-a9a1af5e],[data-v-a9a1af5e]:after,[data-v-a9a1af5e]:before{box-sizing:inherit}[data-v-a9a1af5e]{-webkit-tap-highlight-color:rgba(0,0,0,0)}body[data-v-a9a1af5e]{line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html[data-v-a9a1af5e]{box-sizing:border-box;overflow:auto}input[data-v-a9a1af5e]:focus,textarea[data-v-a9a1af5e]:focus{outline:none}button[data-v-a9a1af5e]{font-family:var(--font-primary);font-size:var(--type-scale-base);cursor:pointer}button[data-v-a9a1af5e]:focus{outline:0}a[data-v-a9a1af5e],a[data-v-a9a1af5e]:hover{text-decoration:none}p[data-v-a9a1af5e]{line-height:1;margin:0 0 var(--spacing-base)}p[data-v-a9a1af5e]:last-child{margin-bottom:0}input[type=number][data-v-a9a1af5e]{appearance:textfield}input[data-v-a9a1af5e]::-webkit-inner-spin-button,input[data-v-a9a1af5e]::-webkit-outer-spin-button{appearance:none}ol[data-v-a9a1af5e],ul[data-v-a9a1af5e]{list-style:none}blockquote[data-v-a9a1af5e],q[data-v-a9a1af5e]{quotes:none}blockquote[data-v-a9a1af5e]:after,blockquote[data-v-a9a1af5e]:before,q[data-v-a9a1af5e]:after,q[data-v-a9a1af5e]:before{content:"";content:none}table[data-v-a9a1af5e]{border-collapse:collapse;border-spacing:0}[data-v-a9a1af5e]:root{--breakpoint-xs:24rem;--breakpoint-sm:36rem;--breakpoint-md:48rem;--breakpoint-lg:62rem;--breakpoint-lg-75:75rem;--breakpoint-xl:90rem;--grid-template:repeat(4,minmax(0,1fr));--grid-gap:1rem}.contained-section[data-v-a9a1af5e]{margin:0 auto;max-width:var(--breakpoint-lg-75);width:100%;padding:var(--spacing-lg) var(--spacing-base)}@media screen and (width >= 48rem){[data-v-a9a1af5e]:root{--grid-template:repeat(12,minmax(0,1fr));--grid-gap:2rem}.contained-section[data-v-a9a1af5e]{padding:calc(var(--spacing-md)*2)}}@media screen and (36rem <= width <= 48rem){[data-v-a9a1af5e]:root{--grid-template:repeat(6,minmax(0,1fr));--grid-gap:1.5rem}}.grid[data-v-a9a1af5e]{display:grid;grid-template-columns:var(--grid-template);gap:var(--grid-gap);grid-auto-columns:minmax(auto,max-content)}.no-gap[data-v-a9a1af5e]{gap:0}.col-auto[data-v-a9a1af5e]{grid-column:auto}.col-span-1[data-v-a9a1af5e]{grid-column:span 1/span 1}.col-span-2[data-v-a9a1af5e]{grid-column:span 2/span 2}.col-span-3[data-v-a9a1af5e]{grid-column:span 3/span 3}.col-span-4[data-v-a9a1af5e]{grid-column:span 4/span 4}.col-span-5[data-v-a9a1af5e]{grid-column:span 5/span 5}.col-span-6[data-v-a9a1af5e]{grid-column:span 6/span 6}.col-span-7[data-v-a9a1af5e]{grid-column:span 7/span 7}.col-span-8[data-v-a9a1af5e]{grid-column:span 8/span 8}.col-span-9[data-v-a9a1af5e]{grid-column:span 9/span 9}.col-span-10[data-v-a9a1af5e]{grid-column:span 10/span 10}.col-span-11[data-v-a9a1af5e]{grid-column:span 11/span 11}.col-span-12[data-v-a9a1af5e]{grid-column:span 12/span 12}.col-span-full[data-v-a9a1af5e]{grid-column:1/-1}@media screen and (36rem <= width <= 48rem){.md\:col-span-1[data-v-a9a1af5e]{grid-column:span 1/span 1}.md\:col-span-2[data-v-a9a1af5e]{grid-column:span 2/span 2}.md\:col-span-3[data-v-a9a1af5e]{grid-column:span 3/span 3}.md\:col-span-4[data-v-a9a1af5e]{grid-column:span 4/span 4}.md\:col-span-5[data-v-a9a1af5e]{grid-column:span 5/span 5}.md\:col-span-6[data-v-a9a1af5e]{grid-column:span 6/span 6}.md\:col-span-full[data-v-a9a1af5e]{grid-column:1/-1}}@media screen and (width >= 48rem){.lg\:col-span-1[data-v-a9a1af5e]{grid-column:span 1/span 1}.lg\:col-span-2[data-v-a9a1af5e]{grid-column:span 2/span 2}.lg\:col-span-3[data-v-a9a1af5e]{grid-column:span 3/span 3}.lg\:col-span-4[data-v-a9a1af5e]{grid-column:span 4/span 4}.lg\:col-span-5[data-v-a9a1af5e]{grid-column:span 5/span 5}.lg\:col-span-6[data-v-a9a1af5e]{grid-column:span 6/span 6}.lg\:col-span-7[data-v-a9a1af5e]{grid-column:span 7/span 7}.lg\:col-span-8[data-v-a9a1af5e]{grid-column:span 8/span 8}.lg\:col-span-9[data-v-a9a1af5e]{grid-column:span 9/span 9}.lg\:col-span-10[data-v-a9a1af5e]{grid-column:span 10/span 10}.lg\:col-span-11[data-v-a9a1af5e]{grid-column:span 11/span 11}.lg\:col-span-12[data-v-a9a1af5e]{grid-column:span 12/span 12}.lg\:col-span-full[data-v-a9a1af5e]{grid-column:1/-1}.lg\:col-offset-2[data-v-a9a1af5e],.lg\:col-offset-3[data-v-a9a1af5e]{grid-column-start:3}.lg\:col-offset-7[data-v-a9a1af5e]{grid-column-start:7}.lg\:col-offset-8[data-v-a9a1af5e]{grid-column-start:8}.lg\:col-offset-9[data-v-a9a1af5e]{grid-column-start:9}}@media screen and (min-width:48rem)and (max-width:75rem){.lg-75\:col-span-1[data-v-a9a1af5e]{grid-column:span 1/span 1}.lg-75\:col-span-2[data-v-a9a1af5e]{grid-column:span 2/span 2}.lg-75\:col-span-3[data-v-a9a1af5e]{grid-column:span 3/span 3}.lg-75\:col-span-4[data-v-a9a1af5e]{grid-column:span 4/span 4}.lg-75\:col-span-5[data-v-a9a1af5e]{grid-column:span 5/span 5}.lg-75\:col-span-6[data-v-a9a1af5e]{grid-column:span 6/span 6}.lg-75\:col-span-7[data-v-a9a1af5e]{grid-column:span 7/span 7}.lg-75\:col-span-8[data-v-a9a1af5e]{grid-column:span 8/span 8}.lg-75\:col-span-9[data-v-a9a1af5e]{grid-column:span 9/span 9}.lg-75\:col-span-10[data-v-a9a1af5e]{grid-column:span 10/span 10}.lg-75\:col-span-11[data-v-a9a1af5e]{grid-column:span 11/span 11}.lg-75\:col-span-12[data-v-a9a1af5e]{grid-column:span 12/span 12}.lg-75\:col-span-full[data-v-a9a1af5e]{grid-column:1/-1}}.flex[data-v-a9a1af5e]{display:flex}.flex-inline[data-v-a9a1af5e]{display:inline-flex}.flex-column[data-v-a9a1af5e]{flex-direction:column}.flex-column-reverse[data-v-a9a1af5e]{flex-direction:column-reverse}.flex-row[data-v-a9a1af5e]{flex-direction:column}.flex-wrap[data-v-a9a1af5e]{flex-wrap:wrap}.flex-1[data-v-a9a1af5e]{flex:1}.flex-grow-2[data-v-a9a1af5e]{flex-grow:2}.flex-shrink-0[data-v-a9a1af5e]{flex-shrink:0}.justify-center[data-v-a9a1af5e]{justify-content:center}.justify-flex-end[data-v-a9a1af5e]{justify-content:flex-end}.justify-flex-start[data-v-a9a1af5e]{justify-content:flex-start}.align-center[data-v-a9a1af5e]{align-items:center}.align-start[data-v-a9a1af5e]{align-items:flex-start}.align-self-center[data-v-a9a1af5e]{align-self:center}.flex-content-center[data-v-a9a1af5e]{place-content:center center}.space-between[data-v-a9a1af5e]{justify-content:space-between}.ml-auto[data-v-a9a1af5e]{margin-left:auto}.ml-base[data-v-a9a1af5e]{margin-left:var(--spacing-base)}.ml-75[data-v-a9a1af5e]{margin-left:var(--spacing-75)}.ml-xs[data-v-a9a1af5e]{margin-left:var(--spacing-xs)}.ml-xxs[data-v-a9a1af5e]{margin-left:var(--spacing-xxs)}.mt-base[data-v-a9a1af5e]{margin-top:var(--spacing-base)}.mt-md[data-v-a9a1af5e]{margin-top:var(--spacing-md)}.mr-auto[data-v-a9a1af5e]{margin-right:auto}.mr-base[data-v-a9a1af5e]{margin-right:var(--spacing-base)}.mr-75[data-v-a9a1af5e]{margin-right:var(--spacing-75)}.mr-xs[data-v-a9a1af5e]{margin-right:var(--spacing-xs)}.mr-xxs[data-v-a9a1af5e]{margin-right:var(--spacing-xxs)}.mb-0[data-v-a9a1af5e]{margin-bottom:0}.mb-xs[data-v-a9a1af5e]{margin-bottom:var(--spacing-xs)}.mb-xxs[data-v-a9a1af5e]{margin-bottom:var(--spacing-xxs)}.mb-base[data-v-a9a1af5e]{margin-bottom:var(--spacing-base)}.mb-sm[data-v-a9a1af5e]{margin-bottom:var(--spacing-sm)}.mb-md[data-v-a9a1af5e]{margin-bottom:var(--spacing-md)}.mb-75[data-v-a9a1af5e]{margin-bottom:var(--spacing-75)}.mb-lg[data-v-a9a1af5e]{margin-bottom:var(--spacing-lg)}.mb-xl[data-v-a9a1af5e]{margin-bottom:var(--spacing-xl)}.euro-sign[data-v-a9a1af5e]:first-letter{color:var(--grey-5);font-weight:400}.uppercase[data-v-a9a1af5e]{text-transform:uppercase}.capitalize[data-v-a9a1af5e]{text-transform:capitalize}.reset-btn[data-v-a9a1af5e]{background:#0000}.reset-btn[data-v-a9a1af5e],.reset-input[data-v-a9a1af5e]{border:none;border-radius:0;padding:0}.relative[data-v-a9a1af5e]{position:relative}.full-width[data-v-a9a1af5e]{width:100%}.fade-enter-active[data-v-a9a1af5e]{transition:var(--transition-opacity-enter)}.fade-leave-active[data-v-a9a1af5e]{transition:var(--transition-opacity-leave)}.fade-enter-from[data-v-a9a1af5e],.fade-leave-to[data-v-a9a1af5e]{opacity:0}.fade-fast-enter-active[data-v-a9a1af5e],.fade-fast-leave-active[data-v-a9a1af5e]{transition:all .125s}.fade-fast-enter-from[data-v-a9a1af5e],.fade-fast-leave-to[data-v-a9a1af5e]{opacity:0}.fade-move-fast-enter-active[data-v-a9a1af5e]{transition:all .125s ease-out}.fade-move-fast-leave-active[data-v-a9a1af5e]{transition:all .2s ease-in}.fade-move-fast-enter-from[data-v-a9a1af5e],.fade-move-fast-leave-to[data-v-a9a1af5e]{opacity:0;transform:translateY(2%)}.fade-out-fast-leave-active[data-v-a9a1af5e]{transition:all .125s}.fade-out-fast-leave-to[data-v-a9a1af5e],.slide-left-enter-from[data-v-a9a1af5e],.slide-left-leave-to[data-v-a9a1af5e],.slide-right-enter-from[data-v-a9a1af5e],.slide-right-leave-to[data-v-a9a1af5e]{opacity:0}.slide-left-enter-from[data-v-a9a1af5e],.slide-right-leave-to[data-v-a9a1af5e]{transform:translateX(120%)}.slide-left-leave-to[data-v-a9a1af5e],.slide-right-enter-from[data-v-a9a1af5e]{transform:translateX(-120%)}.slide-left-enter-active[data-v-a9a1af5e],.slide-left-leave-active[data-v-a9a1af5e],.slide-right-enter-active[data-v-a9a1af5e],.slide-right-leave-active[data-v-a9a1af5e]{transition:all .2s ease}.slide-sidebar-enter-active[data-v-a9a1af5e]{transition:var(--transition-transform-enter)}.slide-sidebar-leave-active[data-v-a9a1af5e]{transition:var(--transition-transform-leave)}.slide-sidebar-enter-from[data-v-a9a1af5e],.slide-sidebar-leave-to[data-v-a9a1af5e]{transform:translateX(100%)}.overlay-enter-active[data-v-a9a1af5e]{transition:var(--transition-opacity-enter)}.overlay-enter-active .overlay-container[data-v-a9a1af5e]{transition:var(--transition-transform-enter)}.overlay-leave-active[data-v-a9a1af5e]{transition:var(--transition-opacity-leave)}.overlay-leave-active .overlay-container[data-v-a9a1af5e]{transition:var(--transition-transform-leave)}.overlay-enter-from[data-v-a9a1af5e]{opacity:0}.overlay-enter-from .overlay-container[data-v-a9a1af5e]{transform:translateY(30px)}.overlay-leave-to[data-v-a9a1af5e]{opacity:0}.overlay-leave-to .overlay-container[data-v-a9a1af5e]{transform:translateY(30px)}.vue-notification-group[data-v-a9a1af5e]{padding:var(--spacing-xs);margin-top:var(--nav);z-index:var(--z-index-notification);pointer-events:none;display:flex;justify-content:flex-end}.notification[data-v-a9a1af5e]{background-color:var(--white);color:var(--grey-6);font-size:var(--type-scale-sm);line-height:var(--spacing-sm);padding:var(--spacing-base);margin-bottom:var(--spacing-xs);border:var(--border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-2);display:flex;max-width:400px}.notification .notification-title[data-v-a9a1af5e]{color:var(--black);font-size:var(--type-scale-sm);font-weight:700;margin-bottom:var(--spacing-xxs)}.notification.info .notification-title[data-v-a9a1af5e]{color:var(--black)}.notification.error .notification-title[data-v-a9a1af5e]{color:var(--error)}.notification.success .notification-title[data-v-a9a1af5e]{color:var(--success)}.notification.warn .notification-title[data-v-a9a1af5e]{color:var(--orange)}.notification-icon svg[data-v-a9a1af5e]{margin-right:var(--spacing-base)}.notification-button[data-v-a9a1af5e]{margin-top:var(--spacing-base)}.notification-content-wrapper[data-v-a9a1af5e]{flex-basis:100%}.notification-close[data-v-a9a1af5e]{pointer-events:all;margin-left:var(--spacing-base)}.notification-close svg[data-v-a9a1af5e]{color:var(--grey-5)}@media(width <= 36rem){.vue-notification-group[data-v-a9a1af5e]{justify-content:center}.vue-notification-group .notification[data-v-a9a1af5e]{max-width:100%}.vue-notification-group>span[data-v-a9a1af5e]{width:100%}}[data-v-a9a1af5e]:root{--rainbow-gradient-animation:gradient 7s ease infinite}@keyframes gradient-a9a1af5e{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}svg[data-v-a9a1af5e]{color:inherit}.hubspot-overlay{width:100%;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000;height:100vh;background-color:var(--black-40);backdrop-filter:var(--backdrop-blur-2)}.hubspot-cont{width:500px;background:var(--white);border:var(--border-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-md);height:720px;max-height:90vh;position:relative;overflow:scroll}.hubspot-cont::-webkit-scrollbar{display:none}#hubspot-root,.hubspot{height:100%}.hubspot{display:flex;flex-direction:column}.hubspot .hs-form-field{margin-bottom:1.25rem}.hubspot h1{color:var(--black);line-height:var(--line-height-base);text-transform:uppercase;font-weight:600;font-size:var(--type-scale-base);position:relative;padding-bottom:var(--spacing-md);border-bottom:var(--border-secondary);margin-bottom:var(--spacing-base)}.hubspot input[type=email],.hubspot input[type=text],.hubspot select,.hubspot textarea{background:#0000;margin-top:var(--spacing-75);border:var(--border-secondary);border-radius:8px;font-size:16px;padding:0 1rem;font-weight:700;font-family:var(--font-primary);color:var(--black)}.hubspot input[type=email]:hover,.hubspot input[type=text]:hover,.hubspot select:hover,.hubspot textarea:hover{border-color:var(--yellow)}.hubspot input[type=email]::placeholder,.hubspot input[type=text]::placeholder,.hubspot select::placeholder,.hubspot textarea::placeholder{color:var(--grey-2)}.hubspot input[type=email],.hubspot input[type=text],.hubspot select{height:56px}.hubspot select{cursor:pointer;padding-left:10px}.hubspot select:focus-within{border-color:var(--yellow);background:var(--white);outline:none}.hubspot option{padding:var(--spacing-xs) 0}.hubspot textarea{height:5rem;resize:none}.hubspot label,.hubspot legend.hs-field-desc{margin-bottom:var(--spacing-xs);color:var(--grey-5);font-size:var(--type-scale-sm)}.hubspot legend.hs-field-desc{margin-top:var(--spacing-xs)}label.hs-error-msg{color:var(--orange)}.hs_error_rollup{display:none}.hubspot-close{position:absolute;right:var(--spacing-md);top:var(--spacing-md);color:var(--grey-4)}.hs-submit{margin-top:auto;border-top:var(--border-secondary);padding-top:var(--spacing-md)}.hubspot-submit{background-color:var(--white);height:60px;padding:0 var(--spacing-md);border:var(--border-primary);border-radius:var(--border-radius-round);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto;background:var(--black);width:fit-content;color:var(--white);border:none}.hubspot-submit:hover{background:var(--yellow);color:var(--black)}.submitted-message{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.submitted-message p{color:var(--black)}.submitted-message p:first-child{font-size:var(--type-scale-xl);font-weight:400}.submitted-message p:not(:first-child){line-height:150%}[data-v-90609d9c]:root{--white:#fff;--white-0:#fff0;--white-20:#fff3;--white-30:#ffffff4d;--white-40:#fff6;--white-50:#ffffff80;--white-60:#fff9;--white-70:#ffffffb3;--white-80:#fffc;--white-90:#ffffffe6;--grey-1:#f5f5f5;--grey-2:#e8e8e8;--grey-4:#d2d2d2;--grey-5:#979b9e;--grey-6:#6c7073;--black:#1b1b1b;--black-0:#0000;--black-10:#2b2c371a;--black-30:#2b2c374d;--black-40:#2b2c3766;--black-50:#2b2c3780;--black-60:#2b2c3799;--black-80:#2b2c37cc;--black-90:#2b2c37e6;--green:#4caf50;--purple:#c597ff;--blue:#00f;--blue-10:#0000ff1a;--blue-20:#00f3;--blue-60:#00f9;--orange:#c94c00;--orange-10:#c94c001a;--yellow:#fae210;--yellow-10:#fae2101a;--yellow-40:#fae21066;--cream:#f6f5f0;--cream-20:#e5e5e1;--cream-30:#ccccc4;--cream-50:#6d6e69;--control:#3a3a431a;--footer:#3232321a;--success:var(--green);--error:var(--orange);--water-blue:#4498e5;--emissions-green:#4fc369;--energy-orange:#f68768;--selected-canvas-border:1px solid var(--blue);--rainbow-gradient:linear-gradient(90deg,#fef9cf,#ffe8d7,#fdd5cd,#f8d9f3,#efcff2,#dadafa,#d5ebff,#dcf3e1);--font-primary:"Helvetica Neue",helvetica,arial,sans-serif;--font-primary-src:local("Helvetica Neue"),local("Helvetica");--font-secondary:"Source Code Pro",monospace;--font-secondary-src:local("Source Code Pro");--type-scale-xxs:0.5rem;--type-scale-xs:0.6875rem;--type-scale-sm:0.8125rem;--type-scale-base:1rem;--type-scale-md:1.25rem;--type-scale-lg:1.5rem;--type-scale-xl:2rem;--type-scale-40:2.5rem;--type-scale-56:3.5rem;--type-scale-xxl:5rem;--border-primary:1px solid var(--black);--border-primary-10:1px solid var(--black-10);--border-primary-thin:0.5px solid var(--black);--border-primary-thin-dashed:0.5px dashed var(--black);--border-primary-heavy:2px solid var(--black);--border-secondary:1px solid var(--grey-2);--border-secondary-heavy:2px solid var(--grey-2);--border-secondary-dashed:1px dashed var(--grey-2);--border-tertiary:1px solid var(--grey-4);--border-tertiary-thin:0.5px solid var(--grey-4);--border-tertiary-heavy:2px solid var(--grey-4);--border-tertiary-dashed:1px dashed var(--grey-4);--border-transparent:1px solid #0000;--border-transparent-heavy:2px solid #0000;--border-yellow:1px solid var(--yellow);--border-orange:1px solid var(--orange);--border-white:1px solid var(--white);--border-cream:1px solid var(--cream);--border-cream-30:1px solid var(--cream-30);--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-base:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-xxl:32px;--border-radius-round:9999px;--border-radius-button:10px;--spacing-xxxs:0.125rem;--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-75:0.75rem;--spacing-base:1rem;--spacing-sm:1.25rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:5rem;--spacing-xxxl:10rem;--line-height-sm:100%;--line-height-base:120%;--line-height-md:150%;--box-shadow-1:0 0 40px #2b2c371a;--box-shadow-2:0 2px 0 0 #2b2c3714;--soft-shadow:0 4px 40px #2b2c371a;--nav:64px;--editor-nav:48px;--controls:48px;--controls-top-margin:calc(var(--controls)*3);--step-header:105px;--notifications-list:360px;--gradient-loading-icon:26px;--vh-with-nav:calc(100vh - var(--nav));--vh-with-editor-nav:calc(100vh - var(--editor-nav));--vh-with-nav-and-controls:calc(100vh - var(--nav) - var(--controls));--vh-with-nav-and-step:calc(100vh - var(--nav) - var(--controls) - var(--step-header));--yarn-color-height:calc(100vh - var(--controls-top-margin) - var(--spacing-md) - 116px);--layers-panel-width:250px;--layer-button-icon:18px;--canvas-width:1008px;--canvas-length:756px;--main-panel-width:360px;--sub-panel-width:var(--main-panel-width);--sample-bar-bottom:1rem;--overlay-modal-bottom:calc(var(--sample-bar-bottom) + 64px + 1rem);--transition-ease-out:cubic-bezier(0.215,0.61,0.355,1);--transition-ease-in:cubic-bezier(0.75,0,1,1);--transition-ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--transition-linear:linear;--transition-speed-enter:250ms;--transition-speed-leave:300ms;--transition-input-enter:background-color var(--transition-speed-enter) var(--transition-ease-out),color var(--transition-speed-enter) var(--transition-ease-out),border-color var(--transition-speed-enter) var(--transition-ease-out),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-input-leave:background-color var(--transition-speed-leave) var(--transition-ease-in),color var(--transition-speed-leave) var(--transition-ease-in),border-color var(--transition-speed-leave) var(--transition-ease-in),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-enter:transform var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-leave:transform var(--transition-speed-leave) var(--transition-ease-in);--transition-opacity-enter:opacity var(--transition-speed-enter) var(--transition-ease-out);--transition-opacity-leave:opacity var(--transition-speed-leave) var(--transition-ease-in);--transition-fill-enter:fill var(--transition-speed-enter) var(--transition-ease-out);--transition-fill-leave:fill var(--transition-speed-leave) var(--transition-ease-in);--z-index-base:0;--z-index-nav:2;--z-index-view:10;--z-index-panel:25;--z-index-customizer:52;--z-index-help-menu:53;--z-index-overlay:54;--z-index-sidebar:55;--z-index-notification:60;--z-index-loading:70;--z-index-full-page:999;--backdrop-blur-2:blur(2px)}@media(prefers-reduced-motion:reduce){[data-v-90609d9c]:root{--transition-speed-enter:0;--transition-speed-leave:0}}body[data-v-90609d9c],html[data-v-90609d9c]{font-family:var(--font-primary)}h1[data-v-90609d9c]{font-size:var(--type-scale-xl);font-weight:400}h2[data-v-90609d9c]{font-size:var(--type-scale-lg);font-weight:400}h3[data-v-90609d9c]{font-size:var(--type-scale-md);font-weight:400}h4[data-v-90609d9c]{font-size:var(--type-scale-md);font-weight:700}p[data-v-90609d9c]{font-size:var(--type-scale-base)}.text-body[data-v-90609d9c]{font-size:var(--type-scale-md)}.text-meta[data-v-90609d9c]{font-family:var(--font-secondary)}.text-meta[data-v-90609d9c],.text-small[data-v-90609d9c]{font-size:var(--type-scale-sm)}.font-mono[data-v-90609d9c]{font-family:var(--font-secondary)}.text-uppercase[data-v-90609d9c]{text-transform:uppercase}.text-center[data-v-90609d9c]{text-align:center}.measure[data-v-90609d9c]{max-width:30em}.measure-wide[data-v-90609d9c]{max-width:34em}.measure-narrow[data-v-90609d9c]{max-width:20em}.header-6[data-v-90609d9c]{font-weight:700;line-height:120%;font-size:var(--type-scale-sm);margin-bottom:var(--spacing-75);color:var(--black)}.descriptive-text--grey[data-v-90609d9c],.descriptive-text[data-v-90609d9c]{color:var(--black);font-size:var(--type-scale-sm);line-height:125%}.descriptive-text--grey[data-v-90609d9c]{color:var(--grey-6)}.descriptive-text--grey a[data-v-90609d9c]{color:inherit;text-decoration:underline;transition:color var(--transition-speed-enter) var(--transition-ease-out)}.descriptive-text--grey a[data-v-90609d9c]:hover{color:var(--black);text-decoration:underline}a[data-v-90609d9c],abbr[data-v-90609d9c],acronym[data-v-90609d9c],address[data-v-90609d9c],applet[data-v-90609d9c],article[data-v-90609d9c],aside[data-v-90609d9c],audio[data-v-90609d9c],b[data-v-90609d9c],big[data-v-90609d9c],blockquote[data-v-90609d9c],body[data-v-90609d9c],canvas[data-v-90609d9c],caption[data-v-90609d9c],center[data-v-90609d9c],cite[data-v-90609d9c],code[data-v-90609d9c],dd[data-v-90609d9c],del[data-v-90609d9c],details[data-v-90609d9c],dfn[data-v-90609d9c],div[data-v-90609d9c],dl[data-v-90609d9c],dt[data-v-90609d9c],em[data-v-90609d9c],embed[data-v-90609d9c],fieldset[data-v-90609d9c],figcaption[data-v-90609d9c],figure[data-v-90609d9c],footer[data-v-90609d9c],form[data-v-90609d9c],h1[data-v-90609d9c],h2[data-v-90609d9c],h3[data-v-90609d9c],h4[data-v-90609d9c],h5[data-v-90609d9c],h6[data-v-90609d9c],header[data-v-90609d9c],hgroup[data-v-90609d9c],html[data-v-90609d9c],i[data-v-90609d9c],iframe[data-v-90609d9c],img[data-v-90609d9c],ins[data-v-90609d9c],kbd[data-v-90609d9c],label[data-v-90609d9c],legend[data-v-90609d9c],li[data-v-90609d9c],mark[data-v-90609d9c],menu[data-v-90609d9c],nav[data-v-90609d9c],object[data-v-90609d9c],ol[data-v-90609d9c],output[data-v-90609d9c],pre[data-v-90609d9c],q[data-v-90609d9c],ruby[data-v-90609d9c],s[data-v-90609d9c],samp[data-v-90609d9c],section[data-v-90609d9c],small[data-v-90609d9c],span[data-v-90609d9c],strike[data-v-90609d9c],strong[data-v-90609d9c],sub[data-v-90609d9c],summary[data-v-90609d9c],sup[data-v-90609d9c],table[data-v-90609d9c],tbody[data-v-90609d9c],td[data-v-90609d9c],tfoot[data-v-90609d9c],th[data-v-90609d9c],thead[data-v-90609d9c],time[data-v-90609d9c],tr[data-v-90609d9c],tt[data-v-90609d9c],u[data-v-90609d9c],ul[data-v-90609d9c],var[data-v-90609d9c],video[data-v-90609d9c]{margin:0;padding:0;border:0;vertical-align:initial}[data-v-90609d9c],[data-v-90609d9c]:after,[data-v-90609d9c]:before{box-sizing:inherit}[data-v-90609d9c]{-webkit-tap-highlight-color:rgba(0,0,0,0)}body[data-v-90609d9c]{line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html[data-v-90609d9c]{box-sizing:border-box;overflow:auto}input[data-v-90609d9c]:focus,textarea[data-v-90609d9c]:focus{outline:none}button[data-v-90609d9c]{font-family:var(--font-primary);font-size:var(--type-scale-base);cursor:pointer}button[data-v-90609d9c]:focus{outline:0}a[data-v-90609d9c],a[data-v-90609d9c]:hover{text-decoration:none}p[data-v-90609d9c]{line-height:1;margin:0 0 var(--spacing-base)}p[data-v-90609d9c]:last-child{margin-bottom:0}input[type=number][data-v-90609d9c]{appearance:textfield}input[data-v-90609d9c]::-webkit-inner-spin-button,input[data-v-90609d9c]::-webkit-outer-spin-button{appearance:none}ol[data-v-90609d9c],ul[data-v-90609d9c]{list-style:none}blockquote[data-v-90609d9c],q[data-v-90609d9c]{quotes:none}blockquote[data-v-90609d9c]:after,blockquote[data-v-90609d9c]:before,q[data-v-90609d9c]:after,q[data-v-90609d9c]:before{content:"";content:none}table[data-v-90609d9c]{border-collapse:collapse;border-spacing:0}[data-v-90609d9c]:root{--breakpoint-xs:24rem;--breakpoint-sm:36rem;--breakpoint-md:48rem;--breakpoint-lg:62rem;--breakpoint-lg-75:75rem;--breakpoint-xl:90rem;--grid-template:repeat(4,minmax(0,1fr));--grid-gap:1rem}.contained-section[data-v-90609d9c]{margin:0 auto;max-width:var(--breakpoint-lg-75);width:100%;padding:var(--spacing-lg) var(--spacing-base)}@media screen and (width >= 48rem){[data-v-90609d9c]:root{--grid-template:repeat(12,minmax(0,1fr));--grid-gap:2rem}.contained-section[data-v-90609d9c]{padding:calc(var(--spacing-md)*2)}}@media screen and (36rem <= width <= 48rem){[data-v-90609d9c]:root{--grid-template:repeat(6,minmax(0,1fr));--grid-gap:1.5rem}}.grid[data-v-90609d9c]{display:grid;grid-template-columns:var(--grid-template);gap:var(--grid-gap);grid-auto-columns:minmax(auto,max-content)}.no-gap[data-v-90609d9c]{gap:0}.col-auto[data-v-90609d9c]{grid-column:auto}.col-span-1[data-v-90609d9c]{grid-column:span 1/span 1}.col-span-2[data-v-90609d9c]{grid-column:span 2/span 2}.col-span-3[data-v-90609d9c]{grid-column:span 3/span 3}.col-span-4[data-v-90609d9c]{grid-column:span 4/span 4}.col-span-5[data-v-90609d9c]{grid-column:span 5/span 5}.col-span-6[data-v-90609d9c]{grid-column:span 6/span 6}.col-span-7[data-v-90609d9c]{grid-column:span 7/span 7}.col-span-8[data-v-90609d9c]{grid-column:span 8/span 8}.col-span-9[data-v-90609d9c]{grid-column:span 9/span 9}.col-span-10[data-v-90609d9c]{grid-column:span 10/span 10}.col-span-11[data-v-90609d9c]{grid-column:span 11/span 11}.col-span-12[data-v-90609d9c]{grid-column:span 12/span 12}.col-span-full[data-v-90609d9c]{grid-column:1/-1}@media screen and (36rem <= width <= 48rem){.md\:col-span-1[data-v-90609d9c]{grid-column:span 1/span 1}.md\:col-span-2[data-v-90609d9c]{grid-column:span 2/span 2}.md\:col-span-3[data-v-90609d9c]{grid-column:span 3/span 3}.md\:col-span-4[data-v-90609d9c]{grid-column:span 4/span 4}.md\:col-span-5[data-v-90609d9c]{grid-column:span 5/span 5}.md\:col-span-6[data-v-90609d9c]{grid-column:span 6/span 6}.md\:col-span-full[data-v-90609d9c]{grid-column:1/-1}}@media screen and (width >= 48rem){.lg\:col-span-1[data-v-90609d9c]{grid-column:span 1/span 1}.lg\:col-span-2[data-v-90609d9c]{grid-column:span 2/span 2}.lg\:col-span-3[data-v-90609d9c]{grid-column:span 3/span 3}.lg\:col-span-4[data-v-90609d9c]{grid-column:span 4/span 4}.lg\:col-span-5[data-v-90609d9c]{grid-column:span 5/span 5}.lg\:col-span-6[data-v-90609d9c]{grid-column:span 6/span 6}.lg\:col-span-7[data-v-90609d9c]{grid-column:span 7/span 7}.lg\:col-span-8[data-v-90609d9c]{grid-column:span 8/span 8}.lg\:col-span-9[data-v-90609d9c]{grid-column:span 9/span 9}.lg\:col-span-10[data-v-90609d9c]{grid-column:span 10/span 10}.lg\:col-span-11[data-v-90609d9c]{grid-column:span 11/span 11}.lg\:col-span-12[data-v-90609d9c]{grid-column:span 12/span 12}.lg\:col-span-full[data-v-90609d9c]{grid-column:1/-1}.lg\:col-offset-2[data-v-90609d9c],.lg\:col-offset-3[data-v-90609d9c]{grid-column-start:3}.lg\:col-offset-7[data-v-90609d9c]{grid-column-start:7}.lg\:col-offset-8[data-v-90609d9c]{grid-column-start:8}.lg\:col-offset-9[data-v-90609d9c]{grid-column-start:9}}@media screen and (min-width:48rem)and (max-width:75rem){.lg-75\:col-span-1[data-v-90609d9c]{grid-column:span 1/span 1}.lg-75\:col-span-2[data-v-90609d9c]{grid-column:span 2/span 2}.lg-75\:col-span-3[data-v-90609d9c]{grid-column:span 3/span 3}.lg-75\:col-span-4[data-v-90609d9c]{grid-column:span 4/span 4}.lg-75\:col-span-5[data-v-90609d9c]{grid-column:span 5/span 5}.lg-75\:col-span-6[data-v-90609d9c]{grid-column:span 6/span 6}.lg-75\:col-span-7[data-v-90609d9c]{grid-column:span 7/span 7}.lg-75\:col-span-8[data-v-90609d9c]{grid-column:span 8/span 8}.lg-75\:col-span-9[data-v-90609d9c]{grid-column:span 9/span 9}.lg-75\:col-span-10[data-v-90609d9c]{grid-column:span 10/span 10}.lg-75\:col-span-11[data-v-90609d9c]{grid-column:span 11/span 11}.lg-75\:col-span-12[data-v-90609d9c]{grid-column:span 12/span 12}.lg-75\:col-span-full[data-v-90609d9c]{grid-column:1/-1}}.flex[data-v-90609d9c]{display:flex}.flex-inline[data-v-90609d9c]{display:inline-flex}.flex-column[data-v-90609d9c]{flex-direction:column}.flex-column-reverse[data-v-90609d9c]{flex-direction:column-reverse}.flex-row[data-v-90609d9c]{flex-direction:column}.flex-wrap[data-v-90609d9c]{flex-wrap:wrap}.flex-1[data-v-90609d9c]{flex:1}.flex-grow-2[data-v-90609d9c]{flex-grow:2}.flex-shrink-0[data-v-90609d9c]{flex-shrink:0}.justify-center[data-v-90609d9c]{justify-content:center}.justify-flex-end[data-v-90609d9c]{justify-content:flex-end}.justify-flex-start[data-v-90609d9c]{justify-content:flex-start}.align-center[data-v-90609d9c]{align-items:center}.align-start[data-v-90609d9c]{align-items:flex-start}.align-self-center[data-v-90609d9c]{align-self:center}.flex-content-center[data-v-90609d9c]{place-content:center center}.space-between[data-v-90609d9c]{justify-content:space-between}.ml-auto[data-v-90609d9c]{margin-left:auto}.ml-base[data-v-90609d9c]{margin-left:var(--spacing-base)}.ml-75[data-v-90609d9c]{margin-left:var(--spacing-75)}.ml-xs[data-v-90609d9c]{margin-left:var(--spacing-xs)}.ml-xxs[data-v-90609d9c]{margin-left:var(--spacing-xxs)}.mt-base[data-v-90609d9c]{margin-top:var(--spacing-base)}.mt-md[data-v-90609d9c]{margin-top:var(--spacing-md)}.mr-auto[data-v-90609d9c]{margin-right:auto}.mr-base[data-v-90609d9c]{margin-right:var(--spacing-base)}.mr-75[data-v-90609d9c]{margin-right:var(--spacing-75)}.mr-xs[data-v-90609d9c]{margin-right:var(--spacing-xs)}.mr-xxs[data-v-90609d9c]{margin-right:var(--spacing-xxs)}.mb-0[data-v-90609d9c]{margin-bottom:0}.mb-xs[data-v-90609d9c]{margin-bottom:var(--spacing-xs)}.mb-xxs[data-v-90609d9c]{margin-bottom:var(--spacing-xxs)}.mb-base[data-v-90609d9c]{margin-bottom:var(--spacing-base)}.mb-sm[data-v-90609d9c]{margin-bottom:var(--spacing-sm)}.mb-md[data-v-90609d9c]{margin-bottom:var(--spacing-md)}.mb-75[data-v-90609d9c]{margin-bottom:var(--spacing-75)}.mb-lg[data-v-90609d9c]{margin-bottom:var(--spacing-lg)}.mb-xl[data-v-90609d9c]{margin-bottom:var(--spacing-xl)}.euro-sign[data-v-90609d9c]:first-letter{color:var(--grey-5);font-weight:400}.uppercase[data-v-90609d9c]{text-transform:uppercase}.capitalize[data-v-90609d9c]{text-transform:capitalize}.reset-btn[data-v-90609d9c]{background:#0000}.reset-btn[data-v-90609d9c],.reset-input[data-v-90609d9c]{border:none;border-radius:0;padding:0}.relative[data-v-90609d9c]{position:relative}.full-width[data-v-90609d9c]{width:100%}.fade-enter-active[data-v-90609d9c]{transition:var(--transition-opacity-enter)}.fade-leave-active[data-v-90609d9c]{transition:var(--transition-opacity-leave)}.fade-enter-from[data-v-90609d9c],.fade-leave-to[data-v-90609d9c]{opacity:0}.fade-fast-enter-active[data-v-90609d9c],.fade-fast-leave-active[data-v-90609d9c]{transition:all .125s}.fade-fast-enter-from[data-v-90609d9c],.fade-fast-leave-to[data-v-90609d9c]{opacity:0}.fade-move-fast-enter-active[data-v-90609d9c]{transition:all .125s ease-out}.fade-move-fast-leave-active[data-v-90609d9c]{transition:all .2s ease-in}.fade-move-fast-enter-from[data-v-90609d9c],.fade-move-fast-leave-to[data-v-90609d9c]{opacity:0;transform:translateY(2%)}.fade-out-fast-leave-active[data-v-90609d9c]{transition:all .125s}.fade-out-fast-leave-to[data-v-90609d9c],.slide-left-enter-from[data-v-90609d9c],.slide-left-leave-to[data-v-90609d9c],.slide-right-enter-from[data-v-90609d9c],.slide-right-leave-to[data-v-90609d9c]{opacity:0}.slide-left-enter-from[data-v-90609d9c],.slide-right-leave-to[data-v-90609d9c]{transform:translateX(120%)}.slide-left-leave-to[data-v-90609d9c],.slide-right-enter-from[data-v-90609d9c]{transform:translateX(-120%)}.slide-left-enter-active[data-v-90609d9c],.slide-left-leave-active[data-v-90609d9c],.slide-right-enter-active[data-v-90609d9c],.slide-right-leave-active[data-v-90609d9c]{transition:all .2s ease}.slide-sidebar-enter-active[data-v-90609d9c]{transition:var(--transition-transform-enter)}.slide-sidebar-leave-active[data-v-90609d9c]{transition:var(--transition-transform-leave)}.slide-sidebar-enter-from[data-v-90609d9c],.slide-sidebar-leave-to[data-v-90609d9c]{transform:translateX(100%)}.overlay-enter-active[data-v-90609d9c]{transition:var(--transition-opacity-enter)}.overlay-enter-active .overlay-container[data-v-90609d9c]{transition:var(--transition-transform-enter)}.overlay-leave-active[data-v-90609d9c]{transition:var(--transition-opacity-leave)}.overlay-leave-active .overlay-container[data-v-90609d9c]{transition:var(--transition-transform-leave)}.overlay-enter-from[data-v-90609d9c]{opacity:0}.overlay-enter-from .overlay-container[data-v-90609d9c]{transform:translateY(30px)}.overlay-leave-to[data-v-90609d9c]{opacity:0}.overlay-leave-to .overlay-container[data-v-90609d9c]{transform:translateY(30px)}.vue-notification-group[data-v-90609d9c]{padding:var(--spacing-xs);margin-top:var(--nav);z-index:var(--z-index-notification);pointer-events:none;display:flex;justify-content:flex-end}.notification[data-v-90609d9c]{background-color:var(--white);color:var(--grey-6);font-size:var(--type-scale-sm);line-height:var(--spacing-sm);padding:var(--spacing-base);margin-bottom:var(--spacing-xs);border:var(--border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-2);display:flex;max-width:400px}.notification .notification-title[data-v-90609d9c]{color:var(--black);font-size:var(--type-scale-sm);font-weight:700;margin-bottom:var(--spacing-xxs)}.notification.info .notification-title[data-v-90609d9c]{color:var(--black)}.notification.error .notification-title[data-v-90609d9c]{color:var(--error)}.notification.success .notification-title[data-v-90609d9c]{color:var(--success)}.notification.warn .notification-title[data-v-90609d9c]{color:var(--orange)}.notification-icon svg[data-v-90609d9c]{margin-right:var(--spacing-base)}.notification-button[data-v-90609d9c]{margin-top:var(--spacing-base)}.notification-content-wrapper[data-v-90609d9c]{flex-basis:100%}.notification-close[data-v-90609d9c]{pointer-events:all;margin-left:var(--spacing-base)}.notification-close svg[data-v-90609d9c]{color:var(--grey-5)}@media(width <= 36rem){.vue-notification-group[data-v-90609d9c]{justify-content:center}.vue-notification-group .notification[data-v-90609d9c]{max-width:100%}.vue-notification-group>span[data-v-90609d9c]{width:100%}}[data-v-90609d9c]:root{--rainbow-gradient-animation:gradient 7s ease infinite}@keyframes gradient-90609d9c{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}input[data-v-90609d9c],textarea[data-v-90609d9c]{background-color:var(--white);color:var(--black);font-family:var(--font-primary);font-size:var(--type-scale-base);width:100%;height:100%;padding:var(--spacing-xs) var(--spacing-75);border:none;border-radius:inherit}input[data-v-90609d9c]::placeholder,textarea[data-v-90609d9c]::placeholder{color:var(--grey-6)}input[data-v-90609d9c]:focus,textarea[data-v-90609d9c]:focus{color:var(--black)}textarea[data-v-90609d9c]{resize:vertical}input[type=search][data-v-90609d9c]{appearance:none;-webkit-appearance:none}input[type=search][data-v-90609d9c]::-webkit-search-cancel-button{-webkit-appearance:none;height:16px;width:16px}input[type=search][data-v-90609d9c]::-ms-clear,input[type=search][data-v-90609d9c]::-ms-reveal{display:none}input[data-v-90609d9c]::placeholder,textarea[data-v-90609d9c]::placeholder{color:var(--grey-5)}svg[data-v-90609d9c]{margin-left:calc(var(--spacing-lg)*-1)}.input-wrapper[data-v-90609d9c]{font-family:var(--font-primary);position:relative;padding-top:0;padding-bottom:0;margin-bottom:var(--spacing-base)}.input-inner[data-v-90609d9c]{background-color:#0000;position:relative;width:100%;height:48px;border:var(--border-tertiary);border-radius:var(--border-radius-button);display:inline-flex;align-items:center;transition:var(--transition-input-leave)}.input-inner[data-v-90609d9c]:focus-within,.input-inner[data-v-90609d9c]:hover{border-color:var(--black);transition:var(--transition-input-enter)}.input-inner[data-v-90609d9c]:focus-within{background-color:var(--white)}.input-inner[data-v-90609d9c]:has(textarea){height:auto}.dark-theme .input-inner[data-v-90609d9c]{background-color:#0000;border:var(--border-white)}.dark-theme .input-inner[data-v-90609d9c]:focus-within,.dark-theme .input-inner[data-v-90609d9c]:hover{border-color:var(--yellow)}.dark-theme input[data-v-90609d9c]{color:var(--white)}.dark-theme input[data-v-90609d9c]::placeholder{color:var(--grey-2)}.disabled .input-inner[data-v-90609d9c]{background-color:var(--grey-1);border-color:var(--grey-1)}.disabled .input-inner[data-v-90609d9c]:hover{border-color:var(--grey-1)}.disabled .input-inner input[data-v-90609d9c]{color:var(--grey-4)}.dark-theme.disabled .input-inner[data-v-90609d9c]{background-color:var(--grey-6);border-color:var(--grey-6)}.dark-theme.disabled .input-inner[data-v-90609d9c]:hover{border-color:var(--grey-6)}.dark-theme.disabled .input-inner input[data-v-90609d9c]{color:var(--grey-2)}.has-error[data-v-90609d9c]{border-color:var(--error)!important}.icon-wrapper[data-v-90609d9c]{position:absolute;right:3px;display:flex}.icon-wrapper--clickable[data-v-90609d9c]{cursor:pointer}.icon-wrapper--error[data-v-90609d9c]{color:var(--error)}.error-message p[data-v-90609d9c],.helper-text p[data-v-90609d9c]{font-size:var(--type-scale-sm);margin-top:var(--spacing-xs);padding-left:var(--spacing-75)}.helper-text p[data-v-90609d9c]{color:var(--grey-5)}svg[data-v-4dac2c92]{transition:transform .3s ease-out}.input[data-v-4b613db8]{margin-bottom:1rem;position:relative;padding-top:0;padding-bottom:0;font-family:var(--font-primary);border-radius:var(--border-radius-button)}.native-select[data-v-4b613db8]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;margin-top:0;color:var(--grey-5);font-size:var(--type-scale-base);width:100%;height:100%;cursor:pointer;padding:0 var(--spacing-75);padding-right:2.5rem;border-radius:var(--border-radius-button);background:var(--white);z-index:1;position:relative}.native-select.has-value[data-v-4b613db8]{color:var(--black)}.native-select[data-v-4b613db8]::-ms-expand{display:none}.native-select[data-v-4b613db8]:focus{outline:none}.native-select option[data-v-4b613db8]{color:var(--black);background-color:var(--white)}.input.dark-theme .native-select.has-value[data-v-4b613db8],.input.dark-theme .native-select[data-v-4b613db8]{color:var(--white)}.input-inner[data-v-4b613db8]{position:relative;display:flex;background:#0000;border:var(--border-tertiary);border-radius:var(--border-radius-base);height:48px}.native-select[data-v-4b613db8]::placeholder{transition:var(--transition-input-leave);color:var(--grey-6)}.input.dark-theme .native-select[data-v-4b613db8]::placeholder{color:var(--grey-2)}.input-inner[data-v-4b613db8]:focus-within,.input-inner[data-v-4b613db8]:hover{transition:var(--transition-input-leave);border-color:var(--black)}.input.input.dark-theme .toggle[data-v-4b613db8]{color:var(--white)}.input .toggle[data-v-4b613db8]{color:var(--grey-5);pointer-events:none;position:absolute;right:0;top:0;height:100%;display:flex;align-items:center;justify-content:center;padding-right:1rem;z-index:1}.input-inner.has-error[data-v-4b613db8]{border-color:var(--orange)}.toggle[data-v-4b613db8]{cursor:pointer;display:flex;align-items:center;justify-content:center;padding-right:1rem;color:var(--white)}.error-message{&[data-v-4b613db8]{margin-top:var(--spacing-xs)}>p[data-v-4b613db8]{color:var(--orange);font-size:var(--type-scale-sm);padding-left:var(--spacing-xs)}}[data-v-17fad4dd]:root{--white:#fff;--white-0:#fff0;--white-20:#fff3;--white-30:#ffffff4d;--white-40:#fff6;--white-50:#ffffff80;--white-60:#fff9;--white-70:#ffffffb3;--white-80:#fffc;--white-90:#ffffffe6;--grey-1:#f5f5f5;--grey-2:#e8e8e8;--grey-4:#d2d2d2;--grey-5:#979b9e;--grey-6:#6c7073;--black:#1b1b1b;--black-0:#0000;--black-10:#2b2c371a;--black-30:#2b2c374d;--black-40:#2b2c3766;--black-50:#2b2c3780;--black-60:#2b2c3799;--black-80:#2b2c37cc;--black-90:#2b2c37e6;--green:#4caf50;--purple:#c597ff;--blue:#00f;--blue-10:#0000ff1a;--blue-20:#00f3;--blue-60:#00f9;--orange:#c94c00;--orange-10:#c94c001a;--yellow:#fae210;--yellow-10:#fae2101a;--yellow-40:#fae21066;--cream:#f6f5f0;--cream-20:#e5e5e1;--cream-30:#ccccc4;--cream-50:#6d6e69;--control:#3a3a431a;--footer:#3232321a;--success:var(--green);--error:var(--orange);--water-blue:#4498e5;--emissions-green:#4fc369;--energy-orange:#f68768;--selected-canvas-border:1px solid var(--blue);--rainbow-gradient:linear-gradient(90deg,#fef9cf,#ffe8d7,#fdd5cd,#f8d9f3,#efcff2,#dadafa,#d5ebff,#dcf3e1);--font-primary:"Helvetica Neue",helvetica,arial,sans-serif;--font-primary-src:local("Helvetica Neue"),local("Helvetica");--font-secondary:"Source Code Pro",monospace;--font-secondary-src:local("Source Code Pro");--type-scale-xxs:0.5rem;--type-scale-xs:0.6875rem;--type-scale-sm:0.8125rem;--type-scale-base:1rem;--type-scale-md:1.25rem;--type-scale-lg:1.5rem;--type-scale-xl:2rem;--type-scale-40:2.5rem;--type-scale-56:3.5rem;--type-scale-xxl:5rem;--border-primary:1px solid var(--black);--border-primary-10:1px solid var(--black-10);--border-primary-thin:0.5px solid var(--black);--border-primary-thin-dashed:0.5px dashed var(--black);--border-primary-heavy:2px solid var(--black);--border-secondary:1px solid var(--grey-2);--border-secondary-heavy:2px solid var(--grey-2);--border-secondary-dashed:1px dashed var(--grey-2);--border-tertiary:1px solid var(--grey-4);--border-tertiary-thin:0.5px solid var(--grey-4);--border-tertiary-heavy:2px solid var(--grey-4);--border-tertiary-dashed:1px dashed var(--grey-4);--border-transparent:1px solid #0000;--border-transparent-heavy:2px solid #0000;--border-yellow:1px solid var(--yellow);--border-orange:1px solid var(--orange);--border-white:1px solid var(--white);--border-cream:1px solid var(--cream);--border-cream-30:1px solid var(--cream-30);--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-base:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-xxl:32px;--border-radius-round:9999px;--border-radius-button:10px;--spacing-xxxs:0.125rem;--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-75:0.75rem;--spacing-base:1rem;--spacing-sm:1.25rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:5rem;--spacing-xxxl:10rem;--line-height-sm:100%;--line-height-base:120%;--line-height-md:150%;--box-shadow-1:0 0 40px #2b2c371a;--box-shadow-2:0 2px 0 0 #2b2c3714;--soft-shadow:0 4px 40px #2b2c371a;--nav:64px;--editor-nav:48px;--controls:48px;--controls-top-margin:calc(var(--controls)*3);--step-header:105px;--notifications-list:360px;--gradient-loading-icon:26px;--vh-with-nav:calc(100vh - var(--nav));--vh-with-editor-nav:calc(100vh - var(--editor-nav));--vh-with-nav-and-controls:calc(100vh - var(--nav) - var(--controls));--vh-with-nav-and-step:calc(100vh - var(--nav) - var(--controls) - var(--step-header));--yarn-color-height:calc(100vh - var(--controls-top-margin) - var(--spacing-md) - 116px);--layers-panel-width:250px;--layer-button-icon:18px;--canvas-width:1008px;--canvas-length:756px;--main-panel-width:360px;--sub-panel-width:var(--main-panel-width);--sample-bar-bottom:1rem;--overlay-modal-bottom:calc(var(--sample-bar-bottom) + 64px + 1rem);--transition-ease-out:cubic-bezier(0.215,0.61,0.355,1);--transition-ease-in:cubic-bezier(0.75,0,1,1);--transition-ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--transition-linear:linear;--transition-speed-enter:250ms;--transition-speed-leave:300ms;--transition-input-enter:background-color var(--transition-speed-enter) var(--transition-ease-out),color var(--transition-speed-enter) var(--transition-ease-out),border-color var(--transition-speed-enter) var(--transition-ease-out),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-input-leave:background-color var(--transition-speed-leave) var(--transition-ease-in),color var(--transition-speed-leave) var(--transition-ease-in),border-color var(--transition-speed-leave) var(--transition-ease-in),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-enter:transform var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-leave:transform var(--transition-speed-leave) var(--transition-ease-in);--transition-opacity-enter:opacity var(--transition-speed-enter) var(--transition-ease-out);--transition-opacity-leave:opacity var(--transition-speed-leave) var(--transition-ease-in);--transition-fill-enter:fill var(--transition-speed-enter) var(--transition-ease-out);--transition-fill-leave:fill var(--transition-speed-leave) var(--transition-ease-in);--z-index-base:0;--z-index-nav:2;--z-index-view:10;--z-index-panel:25;--z-index-customizer:52;--z-index-help-menu:53;--z-index-overlay:54;--z-index-sidebar:55;--z-index-notification:60;--z-index-loading:70;--z-index-full-page:999;--backdrop-blur-2:blur(2px)}@media(prefers-reduced-motion:reduce){[data-v-17fad4dd]:root{--transition-speed-enter:0;--transition-speed-leave:0}}body[data-v-17fad4dd],html[data-v-17fad4dd]{font-family:var(--font-primary)}h1[data-v-17fad4dd]{font-size:var(--type-scale-xl);font-weight:400}h2[data-v-17fad4dd]{font-size:var(--type-scale-lg);font-weight:400}h3[data-v-17fad4dd]{font-size:var(--type-scale-md);font-weight:400}h4[data-v-17fad4dd]{font-size:var(--type-scale-md);font-weight:700}p[data-v-17fad4dd]{font-size:var(--type-scale-base)}.text-body[data-v-17fad4dd]{font-size:var(--type-scale-md)}.text-meta[data-v-17fad4dd]{font-family:var(--font-secondary)}.text-meta[data-v-17fad4dd],.text-small[data-v-17fad4dd]{font-size:var(--type-scale-sm)}.font-mono[data-v-17fad4dd]{font-family:var(--font-secondary)}.text-uppercase[data-v-17fad4dd]{text-transform:uppercase}.text-center[data-v-17fad4dd]{text-align:center}.measure[data-v-17fad4dd]{max-width:30em}.measure-wide[data-v-17fad4dd]{max-width:34em}.measure-narrow[data-v-17fad4dd]{max-width:20em}.header-6[data-v-17fad4dd]{font-weight:700;line-height:120%;font-size:var(--type-scale-sm);margin-bottom:var(--spacing-75);color:var(--black)}.descriptive-text--grey[data-v-17fad4dd],.descriptive-text[data-v-17fad4dd]{color:var(--black);font-size:var(--type-scale-sm);line-height:125%}.descriptive-text--grey[data-v-17fad4dd]{color:var(--grey-6)}.descriptive-text--grey a[data-v-17fad4dd]{color:inherit;text-decoration:underline;transition:color var(--transition-speed-enter) var(--transition-ease-out)}.descriptive-text--grey a[data-v-17fad4dd]:hover{color:var(--black);text-decoration:underline}a[data-v-17fad4dd],abbr[data-v-17fad4dd],acronym[data-v-17fad4dd],address[data-v-17fad4dd],applet[data-v-17fad4dd],article[data-v-17fad4dd],aside[data-v-17fad4dd],audio[data-v-17fad4dd],b[data-v-17fad4dd],big[data-v-17fad4dd],blockquote[data-v-17fad4dd],body[data-v-17fad4dd],canvas[data-v-17fad4dd],caption[data-v-17fad4dd],center[data-v-17fad4dd],cite[data-v-17fad4dd],code[data-v-17fad4dd],dd[data-v-17fad4dd],del[data-v-17fad4dd],details[data-v-17fad4dd],dfn[data-v-17fad4dd],div[data-v-17fad4dd],dl[data-v-17fad4dd],dt[data-v-17fad4dd],em[data-v-17fad4dd],embed[data-v-17fad4dd],fieldset[data-v-17fad4dd],figcaption[data-v-17fad4dd],figure[data-v-17fad4dd],footer[data-v-17fad4dd],form[data-v-17fad4dd],h1[data-v-17fad4dd],h2[data-v-17fad4dd],h3[data-v-17fad4dd],h4[data-v-17fad4dd],h5[data-v-17fad4dd],h6[data-v-17fad4dd],header[data-v-17fad4dd],hgroup[data-v-17fad4dd],html[data-v-17fad4dd],i[data-v-17fad4dd],iframe[data-v-17fad4dd],img[data-v-17fad4dd],ins[data-v-17fad4dd],kbd[data-v-17fad4dd],label[data-v-17fad4dd],legend[data-v-17fad4dd],li[data-v-17fad4dd],mark[data-v-17fad4dd],menu[data-v-17fad4dd],nav[data-v-17fad4dd],object[data-v-17fad4dd],ol[data-v-17fad4dd],output[data-v-17fad4dd],pre[data-v-17fad4dd],q[data-v-17fad4dd],ruby[data-v-17fad4dd],s[data-v-17fad4dd],samp[data-v-17fad4dd],section[data-v-17fad4dd],small[data-v-17fad4dd],span[data-v-17fad4dd],strike[data-v-17fad4dd],strong[data-v-17fad4dd],sub[data-v-17fad4dd],summary[data-v-17fad4dd],sup[data-v-17fad4dd],table[data-v-17fad4dd],tbody[data-v-17fad4dd],td[data-v-17fad4dd],tfoot[data-v-17fad4dd],th[data-v-17fad4dd],thead[data-v-17fad4dd],time[data-v-17fad4dd],tr[data-v-17fad4dd],tt[data-v-17fad4dd],u[data-v-17fad4dd],ul[data-v-17fad4dd],var[data-v-17fad4dd],video[data-v-17fad4dd]{margin:0;padding:0;border:0;vertical-align:initial}[data-v-17fad4dd],[data-v-17fad4dd]:after,[data-v-17fad4dd]:before{box-sizing:inherit}[data-v-17fad4dd]{-webkit-tap-highlight-color:rgba(0,0,0,0)}body[data-v-17fad4dd]{line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html[data-v-17fad4dd]{box-sizing:border-box;overflow:auto}input[data-v-17fad4dd]:focus,textarea[data-v-17fad4dd]:focus{outline:none}button[data-v-17fad4dd]{font-family:var(--font-primary);font-size:var(--type-scale-base);cursor:pointer}button[data-v-17fad4dd]:focus{outline:0}a[data-v-17fad4dd],a[data-v-17fad4dd]:hover{text-decoration:none}p[data-v-17fad4dd]{line-height:1;margin:0 0 var(--spacing-base)}p[data-v-17fad4dd]:last-child{margin-bottom:0}input[type=number][data-v-17fad4dd]{appearance:textfield}input[data-v-17fad4dd]::-webkit-inner-spin-button,input[data-v-17fad4dd]::-webkit-outer-spin-button{appearance:none}ol[data-v-17fad4dd],ul[data-v-17fad4dd]{list-style:none}blockquote[data-v-17fad4dd],q[data-v-17fad4dd]{quotes:none}blockquote[data-v-17fad4dd]:after,blockquote[data-v-17fad4dd]:before,q[data-v-17fad4dd]:after,q[data-v-17fad4dd]:before{content:"";content:none}table[data-v-17fad4dd]{border-collapse:collapse;border-spacing:0}[data-v-17fad4dd]:root{--breakpoint-xs:24rem;--breakpoint-sm:36rem;--breakpoint-md:48rem;--breakpoint-lg:62rem;--breakpoint-lg-75:75rem;--breakpoint-xl:90rem;--grid-template:repeat(4,minmax(0,1fr));--grid-gap:1rem}.contained-section[data-v-17fad4dd]{margin:0 auto;max-width:var(--breakpoint-lg-75);width:100%;padding:var(--spacing-lg) var(--spacing-base)}@media screen and (width >= 48rem){[data-v-17fad4dd]:root{--grid-template:repeat(12,minmax(0,1fr));--grid-gap:2rem}.contained-section[data-v-17fad4dd]{padding:calc(var(--spacing-md)*2)}}@media screen and (36rem <= width <= 48rem){[data-v-17fad4dd]:root{--grid-template:repeat(6,minmax(0,1fr));--grid-gap:1.5rem}}.grid[data-v-17fad4dd]{display:grid;grid-template-columns:var(--grid-template);gap:var(--grid-gap);grid-auto-columns:minmax(auto,max-content)}.no-gap[data-v-17fad4dd]{gap:0}.col-auto[data-v-17fad4dd]{grid-column:auto}.col-span-1[data-v-17fad4dd]{grid-column:span 1/span 1}.col-span-2[data-v-17fad4dd]{grid-column:span 2/span 2}.col-span-3[data-v-17fad4dd]{grid-column:span 3/span 3}.col-span-4[data-v-17fad4dd]{grid-column:span 4/span 4}.col-span-5[data-v-17fad4dd]{grid-column:span 5/span 5}.col-span-6[data-v-17fad4dd]{grid-column:span 6/span 6}.col-span-7[data-v-17fad4dd]{grid-column:span 7/span 7}.col-span-8[data-v-17fad4dd]{grid-column:span 8/span 8}.col-span-9[data-v-17fad4dd]{grid-column:span 9/span 9}.col-span-10[data-v-17fad4dd]{grid-column:span 10/span 10}.col-span-11[data-v-17fad4dd]{grid-column:span 11/span 11}.col-span-12[data-v-17fad4dd]{grid-column:span 12/span 12}.col-span-full[data-v-17fad4dd]{grid-column:1/-1}@media screen and (36rem <= width <= 48rem){.md\:col-span-1[data-v-17fad4dd]{grid-column:span 1/span 1}.md\:col-span-2[data-v-17fad4dd]{grid-column:span 2/span 2}.md\:col-span-3[data-v-17fad4dd]{grid-column:span 3/span 3}.md\:col-span-4[data-v-17fad4dd]{grid-column:span 4/span 4}.md\:col-span-5[data-v-17fad4dd]{grid-column:span 5/span 5}.md\:col-span-6[data-v-17fad4dd]{grid-column:span 6/span 6}.md\:col-span-full[data-v-17fad4dd]{grid-column:1/-1}}@media screen and (width >= 48rem){.lg\:col-span-1[data-v-17fad4dd]{grid-column:span 1/span 1}.lg\:col-span-2[data-v-17fad4dd]{grid-column:span 2/span 2}.lg\:col-span-3[data-v-17fad4dd]{grid-column:span 3/span 3}.lg\:col-span-4[data-v-17fad4dd]{grid-column:span 4/span 4}.lg\:col-span-5[data-v-17fad4dd]{grid-column:span 5/span 5}.lg\:col-span-6[data-v-17fad4dd]{grid-column:span 6/span 6}.lg\:col-span-7[data-v-17fad4dd]{grid-column:span 7/span 7}.lg\:col-span-8[data-v-17fad4dd]{grid-column:span 8/span 8}.lg\:col-span-9[data-v-17fad4dd]{grid-column:span 9/span 9}.lg\:col-span-10[data-v-17fad4dd]{grid-column:span 10/span 10}.lg\:col-span-11[data-v-17fad4dd]{grid-column:span 11/span 11}.lg\:col-span-12[data-v-17fad4dd]{grid-column:span 12/span 12}.lg\:col-span-full[data-v-17fad4dd]{grid-column:1/-1}.lg\:col-offset-2[data-v-17fad4dd],.lg\:col-offset-3[data-v-17fad4dd]{grid-column-start:3}.lg\:col-offset-7[data-v-17fad4dd]{grid-column-start:7}.lg\:col-offset-8[data-v-17fad4dd]{grid-column-start:8}.lg\:col-offset-9[data-v-17fad4dd]{grid-column-start:9}}@media screen and (min-width:48rem)and (max-width:75rem){.lg-75\:col-span-1[data-v-17fad4dd]{grid-column:span 1/span 1}.lg-75\:col-span-2[data-v-17fad4dd]{grid-column:span 2/span 2}.lg-75\:col-span-3[data-v-17fad4dd]{grid-column:span 3/span 3}.lg-75\:col-span-4[data-v-17fad4dd]{grid-column:span 4/span 4}.lg-75\:col-span-5[data-v-17fad4dd]{grid-column:span 5/span 5}.lg-75\:col-span-6[data-v-17fad4dd]{grid-column:span 6/span 6}.lg-75\:col-span-7[data-v-17fad4dd]{grid-column:span 7/span 7}.lg-75\:col-span-8[data-v-17fad4dd]{grid-column:span 8/span 8}.lg-75\:col-span-9[data-v-17fad4dd]{grid-column:span 9/span 9}.lg-75\:col-span-10[data-v-17fad4dd]{grid-column:span 10/span 10}.lg-75\:col-span-11[data-v-17fad4dd]{grid-column:span 11/span 11}.lg-75\:col-span-12[data-v-17fad4dd]{grid-column:span 12/span 12}.lg-75\:col-span-full[data-v-17fad4dd]{grid-column:1/-1}}.flex[data-v-17fad4dd]{display:flex}.flex-inline[data-v-17fad4dd]{display:inline-flex}.flex-column[data-v-17fad4dd]{flex-direction:column}.flex-column-reverse[data-v-17fad4dd]{flex-direction:column-reverse}.flex-row[data-v-17fad4dd]{flex-direction:column}.flex-wrap[data-v-17fad4dd]{flex-wrap:wrap}.flex-1[data-v-17fad4dd]{flex:1}.flex-grow-2[data-v-17fad4dd]{flex-grow:2}.flex-shrink-0[data-v-17fad4dd]{flex-shrink:0}.justify-center[data-v-17fad4dd]{justify-content:center}.justify-flex-end[data-v-17fad4dd]{justify-content:flex-end}.justify-flex-start[data-v-17fad4dd]{justify-content:flex-start}.align-center[data-v-17fad4dd]{align-items:center}.align-start[data-v-17fad4dd]{align-items:flex-start}.align-self-center[data-v-17fad4dd]{align-self:center}.flex-content-center[data-v-17fad4dd]{place-content:center center}.space-between[data-v-17fad4dd]{justify-content:space-between}.ml-auto[data-v-17fad4dd]{margin-left:auto}.ml-base[data-v-17fad4dd]{margin-left:var(--spacing-base)}.ml-75[data-v-17fad4dd]{margin-left:var(--spacing-75)}.ml-xs[data-v-17fad4dd]{margin-left:var(--spacing-xs)}.ml-xxs[data-v-17fad4dd]{margin-left:var(--spacing-xxs)}.mt-base[data-v-17fad4dd]{margin-top:var(--spacing-base)}.mt-md[data-v-17fad4dd]{margin-top:var(--spacing-md)}.mr-auto[data-v-17fad4dd]{margin-right:auto}.mr-base[data-v-17fad4dd]{margin-right:var(--spacing-base)}.mr-75[data-v-17fad4dd]{margin-right:var(--spacing-75)}.mr-xs[data-v-17fad4dd]{margin-right:var(--spacing-xs)}.mr-xxs[data-v-17fad4dd]{margin-right:var(--spacing-xxs)}.mb-0[data-v-17fad4dd]{margin-bottom:0}.mb-xs[data-v-17fad4dd]{margin-bottom:var(--spacing-xs)}.mb-xxs[data-v-17fad4dd]{margin-bottom:var(--spacing-xxs)}.mb-base[data-v-17fad4dd]{margin-bottom:var(--spacing-base)}.mb-sm[data-v-17fad4dd]{margin-bottom:var(--spacing-sm)}.mb-md[data-v-17fad4dd]{margin-bottom:var(--spacing-md)}.mb-75[data-v-17fad4dd]{margin-bottom:var(--spacing-75)}.mb-lg[data-v-17fad4dd]{margin-bottom:var(--spacing-lg)}.mb-xl[data-v-17fad4dd]{margin-bottom:var(--spacing-xl)}.euro-sign[data-v-17fad4dd]:first-letter{color:var(--grey-5);font-weight:400}.uppercase[data-v-17fad4dd]{text-transform:uppercase}.capitalize[data-v-17fad4dd]{text-transform:capitalize}.reset-btn[data-v-17fad4dd]{background:#0000}.reset-btn[data-v-17fad4dd],.reset-input[data-v-17fad4dd]{border:none;border-radius:0;padding:0}.relative[data-v-17fad4dd]{position:relative}.full-width[data-v-17fad4dd]{width:100%}.fade-enter-active[data-v-17fad4dd]{transition:var(--transition-opacity-enter)}.fade-leave-active[data-v-17fad4dd]{transition:var(--transition-opacity-leave)}.fade-enter-from[data-v-17fad4dd],.fade-leave-to[data-v-17fad4dd]{opacity:0}.fade-fast-enter-active[data-v-17fad4dd],.fade-fast-leave-active[data-v-17fad4dd]{transition:all .125s}.fade-fast-enter-from[data-v-17fad4dd],.fade-fast-leave-to[data-v-17fad4dd]{opacity:0}.fade-move-fast-enter-active[data-v-17fad4dd]{transition:all .125s ease-out}.fade-move-fast-leave-active[data-v-17fad4dd]{transition:all .2s ease-in}.fade-move-fast-enter-from[data-v-17fad4dd],.fade-move-fast-leave-to[data-v-17fad4dd]{opacity:0;transform:translateY(2%)}.fade-out-fast-leave-active[data-v-17fad4dd]{transition:all .125s}.fade-out-fast-leave-to[data-v-17fad4dd],.slide-left-enter-from[data-v-17fad4dd],.slide-left-leave-to[data-v-17fad4dd],.slide-right-enter-from[data-v-17fad4dd],.slide-right-leave-to[data-v-17fad4dd]{opacity:0}.slide-left-enter-from[data-v-17fad4dd],.slide-right-leave-to[data-v-17fad4dd]{transform:translateX(120%)}.slide-left-leave-to[data-v-17fad4dd],.slide-right-enter-from[data-v-17fad4dd]{transform:translateX(-120%)}.slide-left-enter-active[data-v-17fad4dd],.slide-left-leave-active[data-v-17fad4dd],.slide-right-enter-active[data-v-17fad4dd],.slide-right-leave-active[data-v-17fad4dd]{transition:all .2s ease}.slide-sidebar-enter-active[data-v-17fad4dd]{transition:var(--transition-transform-enter)}.slide-sidebar-leave-active[data-v-17fad4dd]{transition:var(--transition-transform-leave)}.slide-sidebar-enter-from[data-v-17fad4dd],.slide-sidebar-leave-to[data-v-17fad4dd]{transform:translateX(100%)}.overlay-enter-active[data-v-17fad4dd]{transition:var(--transition-opacity-enter)}.overlay-enter-active .overlay-container[data-v-17fad4dd]{transition:var(--transition-transform-enter)}.overlay-leave-active[data-v-17fad4dd]{transition:var(--transition-opacity-leave)}.overlay-leave-active .overlay-container[data-v-17fad4dd]{transition:var(--transition-transform-leave)}.overlay-enter-from[data-v-17fad4dd]{opacity:0}.overlay-enter-from .overlay-container[data-v-17fad4dd]{transform:translateY(30px)}.overlay-leave-to[data-v-17fad4dd]{opacity:0}.overlay-leave-to .overlay-container[data-v-17fad4dd]{transform:translateY(30px)}.vue-notification-group[data-v-17fad4dd]{padding:var(--spacing-xs);margin-top:var(--nav);z-index:var(--z-index-notification);pointer-events:none;display:flex;justify-content:flex-end}.notification[data-v-17fad4dd]{background-color:var(--white);color:var(--grey-6);font-size:var(--type-scale-sm);line-height:var(--spacing-sm);padding:var(--spacing-base);margin-bottom:var(--spacing-xs);border:var(--border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-2);display:flex;max-width:400px}.notification .notification-title[data-v-17fad4dd]{color:var(--black);font-size:var(--type-scale-sm);font-weight:700;margin-bottom:var(--spacing-xxs)}.notification.info .notification-title[data-v-17fad4dd]{color:var(--black)}.notification.error .notification-title[data-v-17fad4dd]{color:var(--error)}.notification.success .notification-title[data-v-17fad4dd]{color:var(--success)}.notification.warn .notification-title[data-v-17fad4dd]{color:var(--orange)}.notification-icon svg[data-v-17fad4dd]{margin-right:var(--spacing-base)}.notification-button[data-v-17fad4dd]{margin-top:var(--spacing-base)}.notification-content-wrapper[data-v-17fad4dd]{flex-basis:100%}.notification-close[data-v-17fad4dd]{pointer-events:all;margin-left:var(--spacing-base)}.notification-close svg[data-v-17fad4dd]{color:var(--grey-5)}@media(width <= 36rem){.vue-notification-group[data-v-17fad4dd]{justify-content:center}.vue-notification-group .notification[data-v-17fad4dd]{max-width:100%}.vue-notification-group>span[data-v-17fad4dd]{width:100%}}[data-v-17fad4dd]:root{--rainbow-gradient-animation:gradient 7s ease infinite}@keyframes gradient-17fad4dd{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.overlay[data-v-17fad4dd]{position:fixed;left:0;top:0;z-index:var(--z-index-overlay);width:100vw;height:100vh;background-color:var(--black-60);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.overlay input[data-v-17fad4dd]{background-color:var(--grey-1);margin-top:var(--spacing-base)}.overlay-container[data-v-17fad4dd]{background-color:var(--white);line-height:1.5em;position:relative;max-width:400px;width:100%;max-height:100dvh;padding:var(--spacing-md);margin:0 var(--spacing-xs);box-shadow:var(--box-shadow-1);border-radius:var(--border-radius-button);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.overlay-container.large[data-v-17fad4dd]{max-width:555px}.overlay-container.extra-large[data-v-17fad4dd]{max-width:700px}.header[data-v-17fad4dd]{width:100%;padding-bottom:var(--spacing-75);border-bottom:var(--border-tertiary);display:flex;align-items:flex-start}.header h1[data-v-17fad4dd]{line-height:normal;font-weight:400;font-size:var(--type-scale-lg)}.header p[data-v-17fad4dd]{margin-top:var(--spacing-base);line-height:var(--spacing-md)}.header-text[data-v-17fad4dd]{flex-grow:1;margin-right:var(--spacing-md)}.content-container[data-v-17fad4dd]{position:relative;width:100%;height:100%;overflow:auto;padding:var(--spacing-base) 0}.content-container[data-v-17fad4dd] p{line-height:inherit}.controls-close[data-v-17fad4dd]{display:flex;justify-self:flex-end}.controls-close[data-v-17fad4dd] button{width:32px;height:32px}.controls-close[data-v-17fad4dd] button svg{width:100%;fill:var(--black);transition:var(--transition-input-leave)}.controls-close[data-v-17fad4dd] button:hover svg{transition:var(--transition-input-enter)}.controls[data-v-17fad4dd]{display:grid;grid-template-columns:1fr 1fr;width:100%;bottom:var(--spacing-sm);max-width:var(--breakpoint-xl);margin:0 auto;padding-top:var(--spacing-md);border-top:var(--border-secondary)}.controls-left[data-v-17fad4dd],.controls-right[data-v-17fad4dd]{display:flex}.controls-left[data-v-17fad4dd]{grid-column:1;align-items:flex-start}.controls-right[data-v-17fad4dd]{grid-column:2;justify-content:flex-end}@media screen and (max-width:768px){.overlay[data-v-17fad4dd]{display:block;padding:var(--spacing-75)}.overlay .overlay-container[data-v-17fad4dd]{height:calc(100dvh - var(--spacing-75)*2);width:100%;max-height:none;max-width:none;margin:0}}.icon{&.icon-arrow-left[data-v-376a6bdc]{transform:rotate(180deg)}&.icon-arrow-up[data-v-376a6bdc]{transform:rotate(-90deg)}&.icon-arrow-down[data-v-376a6bdc]{transform:rotate(90deg)}&.icon-arrow-up-left[data-v-376a6bdc]{transform:rotate(-135deg)}&.icon-arrow-up-right[data-v-376a6bdc]{transform:rotate(-45deg)}&.icon-arrow-down-right[data-v-376a6bdc]{transform:rotate(45deg)}&.icon-arrow-down-left[data-v-376a6bdc]{transform:rotate(135deg)}}svg.loading[data-v-626ecf30]{display:block;animation:spin-626ecf30 1.5s linear infinite}@keyframes spin-626ecf30{0%{transform:rotate(0)}to{transform:rotate(1turn)}}[data-v-7b9c00e1]:root{--white:#fff;--white-0:#fff0;--white-20:#fff3;--white-30:#ffffff4d;--white-40:#fff6;--white-50:#ffffff80;--white-60:#fff9;--white-70:#ffffffb3;--white-80:#fffc;--white-90:#ffffffe6;--grey-1:#f5f5f5;--grey-2:#e8e8e8;--grey-4:#d2d2d2;--grey-5:#979b9e;--grey-6:#6c7073;--black:#1b1b1b;--black-0:#0000;--black-10:#2b2c371a;--black-30:#2b2c374d;--black-40:#2b2c3766;--black-50:#2b2c3780;--black-60:#2b2c3799;--black-80:#2b2c37cc;--black-90:#2b2c37e6;--green:#4caf50;--purple:#c597ff;--blue:#00f;--blue-10:#0000ff1a;--blue-20:#00f3;--blue-60:#00f9;--orange:#c94c00;--orange-10:#c94c001a;--yellow:#fae210;--yellow-10:#fae2101a;--yellow-40:#fae21066;--cream:#f6f5f0;--cream-20:#e5e5e1;--cream-30:#ccccc4;--cream-50:#6d6e69;--control:#3a3a431a;--footer:#3232321a;--success:var(--green);--error:var(--orange);--water-blue:#4498e5;--emissions-green:#4fc369;--energy-orange:#f68768;--selected-canvas-border:1px solid var(--blue);--rainbow-gradient:linear-gradient(90deg,#fef9cf,#ffe8d7,#fdd5cd,#f8d9f3,#efcff2,#dadafa,#d5ebff,#dcf3e1);--font-primary:"Helvetica Neue",helvetica,arial,sans-serif;--font-primary-src:local("Helvetica Neue"),local("Helvetica");--font-secondary:"Source Code Pro",monospace;--font-secondary-src:local("Source Code Pro");--type-scale-xxs:0.5rem;--type-scale-xs:0.6875rem;--type-scale-sm:0.8125rem;--type-scale-base:1rem;--type-scale-md:1.25rem;--type-scale-lg:1.5rem;--type-scale-xl:2rem;--type-scale-40:2.5rem;--type-scale-56:3.5rem;--type-scale-xxl:5rem;--border-primary:1px solid var(--black);--border-primary-10:1px solid var(--black-10);--border-primary-thin:0.5px solid var(--black);--border-primary-thin-dashed:0.5px dashed var(--black);--border-primary-heavy:2px solid var(--black);--border-secondary:1px solid var(--grey-2);--border-secondary-heavy:2px solid var(--grey-2);--border-secondary-dashed:1px dashed var(--grey-2);--border-tertiary:1px solid var(--grey-4);--border-tertiary-thin:0.5px solid var(--grey-4);--border-tertiary-heavy:2px solid var(--grey-4);--border-tertiary-dashed:1px dashed var(--grey-4);--border-transparent:1px solid #0000;--border-transparent-heavy:2px solid #0000;--border-yellow:1px solid var(--yellow);--border-orange:1px solid var(--orange);--border-white:1px solid var(--white);--border-cream:1px solid var(--cream);--border-cream-30:1px solid var(--cream-30);--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-base:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-xxl:32px;--border-radius-round:9999px;--border-radius-button:10px;--spacing-xxxs:0.125rem;--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-75:0.75rem;--spacing-base:1rem;--spacing-sm:1.25rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:5rem;--spacing-xxxl:10rem;--line-height-sm:100%;--line-height-base:120%;--line-height-md:150%;--box-shadow-1:0 0 40px #2b2c371a;--box-shadow-2:0 2px 0 0 #2b2c3714;--soft-shadow:0 4px 40px #2b2c371a;--nav:64px;--editor-nav:48px;--controls:48px;--controls-top-margin:calc(var(--controls)*3);--step-header:105px;--notifications-list:360px;--gradient-loading-icon:26px;--vh-with-nav:calc(100vh - var(--nav));--vh-with-editor-nav:calc(100vh - var(--editor-nav));--vh-with-nav-and-controls:calc(100vh - var(--nav) - var(--controls));--vh-with-nav-and-step:calc(100vh - var(--nav) - var(--controls) - var(--step-header));--yarn-color-height:calc(100vh - var(--controls-top-margin) - var(--spacing-md) - 116px);--layers-panel-width:250px;--layer-button-icon:18px;--canvas-width:1008px;--canvas-length:756px;--main-panel-width:360px;--sub-panel-width:var(--main-panel-width);--sample-bar-bottom:1rem;--overlay-modal-bottom:calc(var(--sample-bar-bottom) + 64px + 1rem);--transition-ease-out:cubic-bezier(0.215,0.61,0.355,1);--transition-ease-in:cubic-bezier(0.75,0,1,1);--transition-ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--transition-linear:linear;--transition-speed-enter:250ms;--transition-speed-leave:300ms;--transition-input-enter:background-color var(--transition-speed-enter) var(--transition-ease-out),color var(--transition-speed-enter) var(--transition-ease-out),border-color var(--transition-speed-enter) var(--transition-ease-out),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-input-leave:background-color var(--transition-speed-leave) var(--transition-ease-in),color var(--transition-speed-leave) var(--transition-ease-in),border-color var(--transition-speed-leave) var(--transition-ease-in),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-enter:transform var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-leave:transform var(--transition-speed-leave) var(--transition-ease-in);--transition-opacity-enter:opacity var(--transition-speed-enter) var(--transition-ease-out);--transition-opacity-leave:opacity var(--transition-speed-leave) var(--transition-ease-in);--transition-fill-enter:fill var(--transition-speed-enter) var(--transition-ease-out);--transition-fill-leave:fill var(--transition-speed-leave) var(--transition-ease-in);--z-index-base:0;--z-index-nav:2;--z-index-view:10;--z-index-panel:25;--z-index-customizer:52;--z-index-help-menu:53;--z-index-overlay:54;--z-index-sidebar:55;--z-index-notification:60;--z-index-loading:70;--z-index-full-page:999;--backdrop-blur-2:blur(2px)}@media(prefers-reduced-motion:reduce){[data-v-7b9c00e1]:root{--transition-speed-enter:0;--transition-speed-leave:0}}body[data-v-7b9c00e1],html[data-v-7b9c00e1]{font-family:var(--font-primary)}h1[data-v-7b9c00e1]{font-size:var(--type-scale-xl);font-weight:400}h2[data-v-7b9c00e1]{font-size:var(--type-scale-lg);font-weight:400}h3[data-v-7b9c00e1]{font-size:var(--type-scale-md);font-weight:400}h4[data-v-7b9c00e1]{font-size:var(--type-scale-md);font-weight:700}p[data-v-7b9c00e1]{font-size:var(--type-scale-base)}.text-body[data-v-7b9c00e1]{font-size:var(--type-scale-md)}.text-meta[data-v-7b9c00e1]{font-family:var(--font-secondary)}.text-meta[data-v-7b9c00e1],.text-small[data-v-7b9c00e1]{font-size:var(--type-scale-sm)}.font-mono[data-v-7b9c00e1]{font-family:var(--font-secondary)}.text-uppercase[data-v-7b9c00e1]{text-transform:uppercase}.text-center[data-v-7b9c00e1]{text-align:center}.measure[data-v-7b9c00e1]{max-width:30em}.measure-wide[data-v-7b9c00e1]{max-width:34em}.measure-narrow[data-v-7b9c00e1]{max-width:20em}.header-6[data-v-7b9c00e1]{font-weight:700;line-height:120%;font-size:var(--type-scale-sm);margin-bottom:var(--spacing-75);color:var(--black)}.descriptive-text--grey[data-v-7b9c00e1],.descriptive-text[data-v-7b9c00e1]{color:var(--black);font-size:var(--type-scale-sm);line-height:125%}.descriptive-text--grey[data-v-7b9c00e1]{color:var(--grey-6)}.descriptive-text--grey a[data-v-7b9c00e1]{color:inherit;text-decoration:underline;transition:color var(--transition-speed-enter) var(--transition-ease-out)}.descriptive-text--grey a[data-v-7b9c00e1]:hover{color:var(--black);text-decoration:underline}a[data-v-7b9c00e1],abbr[data-v-7b9c00e1],acronym[data-v-7b9c00e1],address[data-v-7b9c00e1],applet[data-v-7b9c00e1],article[data-v-7b9c00e1],aside[data-v-7b9c00e1],audio[data-v-7b9c00e1],b[data-v-7b9c00e1],big[data-v-7b9c00e1],blockquote[data-v-7b9c00e1],body[data-v-7b9c00e1],canvas[data-v-7b9c00e1],caption[data-v-7b9c00e1],center[data-v-7b9c00e1],cite[data-v-7b9c00e1],code[data-v-7b9c00e1],dd[data-v-7b9c00e1],del[data-v-7b9c00e1],details[data-v-7b9c00e1],dfn[data-v-7b9c00e1],div[data-v-7b9c00e1],dl[data-v-7b9c00e1],dt[data-v-7b9c00e1],em[data-v-7b9c00e1],embed[data-v-7b9c00e1],fieldset[data-v-7b9c00e1],figcaption[data-v-7b9c00e1],figure[data-v-7b9c00e1],footer[data-v-7b9c00e1],form[data-v-7b9c00e1],h1[data-v-7b9c00e1],h2[data-v-7b9c00e1],h3[data-v-7b9c00e1],h4[data-v-7b9c00e1],h5[data-v-7b9c00e1],h6[data-v-7b9c00e1],header[data-v-7b9c00e1],hgroup[data-v-7b9c00e1],html[data-v-7b9c00e1],i[data-v-7b9c00e1],iframe[data-v-7b9c00e1],img[data-v-7b9c00e1],ins[data-v-7b9c00e1],kbd[data-v-7b9c00e1],label[data-v-7b9c00e1],legend[data-v-7b9c00e1],li[data-v-7b9c00e1],mark[data-v-7b9c00e1],menu[data-v-7b9c00e1],nav[data-v-7b9c00e1],object[data-v-7b9c00e1],ol[data-v-7b9c00e1],output[data-v-7b9c00e1],pre[data-v-7b9c00e1],q[data-v-7b9c00e1],ruby[data-v-7b9c00e1],s[data-v-7b9c00e1],samp[data-v-7b9c00e1],section[data-v-7b9c00e1],small[data-v-7b9c00e1],span[data-v-7b9c00e1],strike[data-v-7b9c00e1],strong[data-v-7b9c00e1],sub[data-v-7b9c00e1],summary[data-v-7b9c00e1],sup[data-v-7b9c00e1],table[data-v-7b9c00e1],tbody[data-v-7b9c00e1],td[data-v-7b9c00e1],tfoot[data-v-7b9c00e1],th[data-v-7b9c00e1],thead[data-v-7b9c00e1],time[data-v-7b9c00e1],tr[data-v-7b9c00e1],tt[data-v-7b9c00e1],u[data-v-7b9c00e1],ul[data-v-7b9c00e1],var[data-v-7b9c00e1],video[data-v-7b9c00e1]{margin:0;padding:0;border:0;vertical-align:initial}[data-v-7b9c00e1],[data-v-7b9c00e1]:after,[data-v-7b9c00e1]:before{box-sizing:inherit}[data-v-7b9c00e1]{-webkit-tap-highlight-color:rgba(0,0,0,0)}body[data-v-7b9c00e1]{line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html[data-v-7b9c00e1]{box-sizing:border-box;overflow:auto}input[data-v-7b9c00e1]:focus,textarea[data-v-7b9c00e1]:focus{outline:none}button[data-v-7b9c00e1]{font-family:var(--font-primary);font-size:var(--type-scale-base);cursor:pointer}button[data-v-7b9c00e1]:focus{outline:0}a[data-v-7b9c00e1],a[data-v-7b9c00e1]:hover{text-decoration:none}p[data-v-7b9c00e1]{line-height:1;margin:0 0 var(--spacing-base)}p[data-v-7b9c00e1]:last-child{margin-bottom:0}input[type=number][data-v-7b9c00e1]{appearance:textfield}input[data-v-7b9c00e1]::-webkit-inner-spin-button,input[data-v-7b9c00e1]::-webkit-outer-spin-button{appearance:none}ol[data-v-7b9c00e1],ul[data-v-7b9c00e1]{list-style:none}blockquote[data-v-7b9c00e1],q[data-v-7b9c00e1]{quotes:none}blockquote[data-v-7b9c00e1]:after,blockquote[data-v-7b9c00e1]:before,q[data-v-7b9c00e1]:after,q[data-v-7b9c00e1]:before{content:"";content:none}table[data-v-7b9c00e1]{border-collapse:collapse;border-spacing:0}[data-v-7b9c00e1]:root{--breakpoint-xs:24rem;--breakpoint-sm:36rem;--breakpoint-md:48rem;--breakpoint-lg:62rem;--breakpoint-lg-75:75rem;--breakpoint-xl:90rem;--grid-template:repeat(4,minmax(0,1fr));--grid-gap:1rem}.contained-section[data-v-7b9c00e1]{margin:0 auto;max-width:var(--breakpoint-lg-75);width:100%;padding:var(--spacing-lg) var(--spacing-base)}@media screen and (width >= 48rem){[data-v-7b9c00e1]:root{--grid-template:repeat(12,minmax(0,1fr));--grid-gap:2rem}.contained-section[data-v-7b9c00e1]{padding:calc(var(--spacing-md)*2)}}@media screen and (36rem <= width <= 48rem){[data-v-7b9c00e1]:root{--grid-template:repeat(6,minmax(0,1fr));--grid-gap:1.5rem}}.grid[data-v-7b9c00e1]{display:grid;grid-template-columns:var(--grid-template);gap:var(--grid-gap);grid-auto-columns:minmax(auto,max-content)}.no-gap[data-v-7b9c00e1]{gap:0}.col-auto[data-v-7b9c00e1]{grid-column:auto}.col-span-1[data-v-7b9c00e1]{grid-column:span 1/span 1}.col-span-2[data-v-7b9c00e1]{grid-column:span 2/span 2}.col-span-3[data-v-7b9c00e1]{grid-column:span 3/span 3}.col-span-4[data-v-7b9c00e1]{grid-column:span 4/span 4}.col-span-5[data-v-7b9c00e1]{grid-column:span 5/span 5}.col-span-6[data-v-7b9c00e1]{grid-column:span 6/span 6}.col-span-7[data-v-7b9c00e1]{grid-column:span 7/span 7}.col-span-8[data-v-7b9c00e1]{grid-column:span 8/span 8}.col-span-9[data-v-7b9c00e1]{grid-column:span 9/span 9}.col-span-10[data-v-7b9c00e1]{grid-column:span 10/span 10}.col-span-11[data-v-7b9c00e1]{grid-column:span 11/span 11}.col-span-12[data-v-7b9c00e1]{grid-column:span 12/span 12}.col-span-full[data-v-7b9c00e1]{grid-column:1/-1}@media screen and (36rem <= width <= 48rem){.md\:col-span-1[data-v-7b9c00e1]{grid-column:span 1/span 1}.md\:col-span-2[data-v-7b9c00e1]{grid-column:span 2/span 2}.md\:col-span-3[data-v-7b9c00e1]{grid-column:span 3/span 3}.md\:col-span-4[data-v-7b9c00e1]{grid-column:span 4/span 4}.md\:col-span-5[data-v-7b9c00e1]{grid-column:span 5/span 5}.md\:col-span-6[data-v-7b9c00e1]{grid-column:span 6/span 6}.md\:col-span-full[data-v-7b9c00e1]{grid-column:1/-1}}@media screen and (width >= 48rem){.lg\:col-span-1[data-v-7b9c00e1]{grid-column:span 1/span 1}.lg\:col-span-2[data-v-7b9c00e1]{grid-column:span 2/span 2}.lg\:col-span-3[data-v-7b9c00e1]{grid-column:span 3/span 3}.lg\:col-span-4[data-v-7b9c00e1]{grid-column:span 4/span 4}.lg\:col-span-5[data-v-7b9c00e1]{grid-column:span 5/span 5}.lg\:col-span-6[data-v-7b9c00e1]{grid-column:span 6/span 6}.lg\:col-span-7[data-v-7b9c00e1]{grid-column:span 7/span 7}.lg\:col-span-8[data-v-7b9c00e1]{grid-column:span 8/span 8}.lg\:col-span-9[data-v-7b9c00e1]{grid-column:span 9/span 9}.lg\:col-span-10[data-v-7b9c00e1]{grid-column:span 10/span 10}.lg\:col-span-11[data-v-7b9c00e1]{grid-column:span 11/span 11}.lg\:col-span-12[data-v-7b9c00e1]{grid-column:span 12/span 12}.lg\:col-span-full[data-v-7b9c00e1]{grid-column:1/-1}.lg\:col-offset-2[data-v-7b9c00e1],.lg\:col-offset-3[data-v-7b9c00e1]{grid-column-start:3}.lg\:col-offset-7[data-v-7b9c00e1]{grid-column-start:7}.lg\:col-offset-8[data-v-7b9c00e1]{grid-column-start:8}.lg\:col-offset-9[data-v-7b9c00e1]{grid-column-start:9}}@media screen and (min-width:48rem)and (max-width:75rem){.lg-75\:col-span-1[data-v-7b9c00e1]{grid-column:span 1/span 1}.lg-75\:col-span-2[data-v-7b9c00e1]{grid-column:span 2/span 2}.lg-75\:col-span-3[data-v-7b9c00e1]{grid-column:span 3/span 3}.lg-75\:col-span-4[data-v-7b9c00e1]{grid-column:span 4/span 4}.lg-75\:col-span-5[data-v-7b9c00e1]{grid-column:span 5/span 5}.lg-75\:col-span-6[data-v-7b9c00e1]{grid-column:span 6/span 6}.lg-75\:col-span-7[data-v-7b9c00e1]{grid-column:span 7/span 7}.lg-75\:col-span-8[data-v-7b9c00e1]{grid-column:span 8/span 8}.lg-75\:col-span-9[data-v-7b9c00e1]{grid-column:span 9/span 9}.lg-75\:col-span-10[data-v-7b9c00e1]{grid-column:span 10/span 10}.lg-75\:col-span-11[data-v-7b9c00e1]{grid-column:span 11/span 11}.lg-75\:col-span-12[data-v-7b9c00e1]{grid-column:span 12/span 12}.lg-75\:col-span-full[data-v-7b9c00e1]{grid-column:1/-1}}.flex[data-v-7b9c00e1]{display:flex}.flex-inline[data-v-7b9c00e1]{display:inline-flex}.flex-column[data-v-7b9c00e1]{flex-direction:column}.flex-column-reverse[data-v-7b9c00e1]{flex-direction:column-reverse}.flex-row[data-v-7b9c00e1]{flex-direction:column}.flex-wrap[data-v-7b9c00e1]{flex-wrap:wrap}.flex-1[data-v-7b9c00e1]{flex:1}.flex-grow-2[data-v-7b9c00e1]{flex-grow:2}.flex-shrink-0[data-v-7b9c00e1]{flex-shrink:0}.justify-center[data-v-7b9c00e1]{justify-content:center}.justify-flex-end[data-v-7b9c00e1]{justify-content:flex-end}.justify-flex-start[data-v-7b9c00e1]{justify-content:flex-start}.align-center[data-v-7b9c00e1]{align-items:center}.align-start[data-v-7b9c00e1]{align-items:flex-start}.align-self-center[data-v-7b9c00e1]{align-self:center}.flex-content-center[data-v-7b9c00e1]{place-content:center center}.space-between[data-v-7b9c00e1]{justify-content:space-between}.ml-auto[data-v-7b9c00e1]{margin-left:auto}.ml-base[data-v-7b9c00e1]{margin-left:var(--spacing-base)}.ml-75[data-v-7b9c00e1]{margin-left:var(--spacing-75)}.ml-xs[data-v-7b9c00e1]{margin-left:var(--spacing-xs)}.ml-xxs[data-v-7b9c00e1]{margin-left:var(--spacing-xxs)}.mt-base[data-v-7b9c00e1]{margin-top:var(--spacing-base)}.mt-md[data-v-7b9c00e1]{margin-top:var(--spacing-md)}.mr-auto[data-v-7b9c00e1]{margin-right:auto}.mr-base[data-v-7b9c00e1]{margin-right:var(--spacing-base)}.mr-75[data-v-7b9c00e1]{margin-right:var(--spacing-75)}.mr-xs[data-v-7b9c00e1]{margin-right:var(--spacing-xs)}.mr-xxs[data-v-7b9c00e1]{margin-right:var(--spacing-xxs)}.mb-0[data-v-7b9c00e1]{margin-bottom:0}.mb-xs[data-v-7b9c00e1]{margin-bottom:var(--spacing-xs)}.mb-xxs[data-v-7b9c00e1]{margin-bottom:var(--spacing-xxs)}.mb-base[data-v-7b9c00e1]{margin-bottom:var(--spacing-base)}.mb-sm[data-v-7b9c00e1]{margin-bottom:var(--spacing-sm)}.mb-md[data-v-7b9c00e1]{margin-bottom:var(--spacing-md)}.mb-75[data-v-7b9c00e1]{margin-bottom:var(--spacing-75)}.mb-lg[data-v-7b9c00e1]{margin-bottom:var(--spacing-lg)}.mb-xl[data-v-7b9c00e1]{margin-bottom:var(--spacing-xl)}.euro-sign[data-v-7b9c00e1]:first-letter{color:var(--grey-5);font-weight:400}.uppercase[data-v-7b9c00e1]{text-transform:uppercase}.capitalize[data-v-7b9c00e1]{text-transform:capitalize}.reset-btn[data-v-7b9c00e1]{background:#0000}.reset-btn[data-v-7b9c00e1],.reset-input[data-v-7b9c00e1]{border:none;border-radius:0;padding:0}.relative[data-v-7b9c00e1]{position:relative}.full-width[data-v-7b9c00e1]{width:100%}.fade-enter-active[data-v-7b9c00e1]{transition:var(--transition-opacity-enter)}.fade-leave-active[data-v-7b9c00e1]{transition:var(--transition-opacity-leave)}.fade-enter-from[data-v-7b9c00e1],.fade-leave-to[data-v-7b9c00e1]{opacity:0}.fade-fast-enter-active[data-v-7b9c00e1],.fade-fast-leave-active[data-v-7b9c00e1]{transition:all .125s}.fade-fast-enter-from[data-v-7b9c00e1],.fade-fast-leave-to[data-v-7b9c00e1]{opacity:0}.fade-move-fast-enter-active[data-v-7b9c00e1]{transition:all .125s ease-out}.fade-move-fast-leave-active[data-v-7b9c00e1]{transition:all .2s ease-in}.fade-move-fast-enter-from[data-v-7b9c00e1],.fade-move-fast-leave-to[data-v-7b9c00e1]{opacity:0;transform:translateY(2%)}.fade-out-fast-leave-active[data-v-7b9c00e1]{transition:all .125s}.fade-out-fast-leave-to[data-v-7b9c00e1],.slide-left-enter-from[data-v-7b9c00e1],.slide-left-leave-to[data-v-7b9c00e1],.slide-right-enter-from[data-v-7b9c00e1],.slide-right-leave-to[data-v-7b9c00e1]{opacity:0}.slide-left-enter-from[data-v-7b9c00e1],.slide-right-leave-to[data-v-7b9c00e1]{transform:translateX(120%)}.slide-left-leave-to[data-v-7b9c00e1],.slide-right-enter-from[data-v-7b9c00e1]{transform:translateX(-120%)}.slide-left-enter-active[data-v-7b9c00e1],.slide-left-leave-active[data-v-7b9c00e1],.slide-right-enter-active[data-v-7b9c00e1],.slide-right-leave-active[data-v-7b9c00e1]{transition:all .2s ease}.slide-sidebar-enter-active[data-v-7b9c00e1]{transition:var(--transition-transform-enter)}.slide-sidebar-leave-active[data-v-7b9c00e1]{transition:var(--transition-transform-leave)}.slide-sidebar-enter-from[data-v-7b9c00e1],.slide-sidebar-leave-to[data-v-7b9c00e1]{transform:translateX(100%)}.overlay-enter-active[data-v-7b9c00e1]{transition:var(--transition-opacity-enter)}.overlay-enter-active .overlay-container[data-v-7b9c00e1]{transition:var(--transition-transform-enter)}.overlay-leave-active[data-v-7b9c00e1]{transition:var(--transition-opacity-leave)}.overlay-leave-active .overlay-container[data-v-7b9c00e1]{transition:var(--transition-transform-leave)}.overlay-enter-from[data-v-7b9c00e1]{opacity:0}.overlay-enter-from .overlay-container[data-v-7b9c00e1]{transform:translateY(30px)}.overlay-leave-to[data-v-7b9c00e1]{opacity:0}.overlay-leave-to .overlay-container[data-v-7b9c00e1]{transform:translateY(30px)}.vue-notification-group[data-v-7b9c00e1]{padding:var(--spacing-xs);margin-top:var(--nav);z-index:var(--z-index-notification);pointer-events:none;display:flex;justify-content:flex-end}.notification[data-v-7b9c00e1]{background-color:var(--white);color:var(--grey-6);font-size:var(--type-scale-sm);line-height:var(--spacing-sm);padding:var(--spacing-base);margin-bottom:var(--spacing-xs);border:var(--border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-2);display:flex;max-width:400px}.notification .notification-title[data-v-7b9c00e1]{color:var(--black);font-size:var(--type-scale-sm);font-weight:700;margin-bottom:var(--spacing-xxs)}.notification.info .notification-title[data-v-7b9c00e1]{color:var(--black)}.notification.error .notification-title[data-v-7b9c00e1]{color:var(--error)}.notification.success .notification-title[data-v-7b9c00e1]{color:var(--success)}.notification.warn .notification-title[data-v-7b9c00e1]{color:var(--orange)}.notification-icon svg[data-v-7b9c00e1]{margin-right:var(--spacing-base)}.notification-button[data-v-7b9c00e1]{margin-top:var(--spacing-base)}.notification-content-wrapper[data-v-7b9c00e1]{flex-basis:100%}.notification-close[data-v-7b9c00e1]{pointer-events:all;margin-left:var(--spacing-base)}.notification-close svg[data-v-7b9c00e1]{color:var(--grey-5)}@media(width <= 36rem){.vue-notification-group[data-v-7b9c00e1]{justify-content:center}.vue-notification-group .notification[data-v-7b9c00e1]{max-width:100%}.vue-notification-group>span[data-v-7b9c00e1]{width:100%}}[data-v-7b9c00e1]:root{--rainbow-gradient-animation:gradient 7s ease infinite}@keyframes gradient-7b9c00e1{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes spin-7b9c00e1{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.btn[data-v-7b9c00e1]{background:var(--black);color:var(--white);font-family:inherit;font-weight:700;min-height:var(--gradient-loading-icon);height:56px;padding:0 var(--spacing-md);border:var(--border-primary);border-radius:var(--border-radius-button);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-input-leave);-webkit-user-select:none;user-select:none;flex-shrink:0}.btn.btn--active[data-v-7b9c00e1],.btn[data-v-7b9c00e1]:focus,.btn[data-v-7b9c00e1]:hover{background-color:var(--yellow);border-color:var(--yellow);color:var(--black);transition:var(--transition-input-enter)}.btn.btn--active[data-v-7b9c00e1]{cursor:default}.btn[data-v-7b9c00e1]:disabled{background-color:var(--cream-30);border-color:var(--cream-30);color:var(--cream-50);cursor:not-allowed}.btn.btn--alternate[data-v-7b9c00e1]{border-radius:var(--border-radius-base)}.btn.btn--alternate[data-v-7b9c00e1]:disabled{background-color:var(--grey-2);border:none;color:var(--grey-5);cursor:not-allowed}.btn svg[data-v-7b9c00e1]{margin-left:var(--spacing-xs)}.btn.btn--loading[data-v-7b9c00e1]:disabled{background-color:var(--black);border:var(--border-primary);color:var(--white);cursor:not-allowed}.btn.btn--secondary.btn--loading[data-v-7b9c00e1]:disabled{background-color:var(--white);border:var(--border-primary);color:var(--black);cursor:not-allowed}.btn--full[data-v-7b9c00e1]{width:100%}.btn--gradient[data-v-7b9c00e1]{position:relative;background:var(--white);color:var(--black);font-weight:400;border:1px solid #0000;background-clip:padding-box}.btn--gradient[data-v-7b9c00e1]:hover{background:var(--white);border:1px solid var(--yellow)}.btn--gradient[data-v-7b9c00e1]:hover:after{display:none}.btn--gradient[data-v-7b9c00e1]:after{background:conic-gradient(from 48.22deg at 50% 50%,red 0deg,#68b7ff 112.47deg,#fae210 251.58deg,red 1turn);position:absolute;content:"";top:-1px;bottom:-1px;left:-1px;border-radius:32px;right:-1px;z-index:-1}.btn.btn--beige[data-v-7b9c00e1]{background:var(--cream);background-clip:padding-box}.btn.btn--beige[data-v-7b9c00e1]:hover{background:var(--cream)}.btn--small[data-v-7b9c00e1]{height:32px;padding:0 var(--spacing-75);font-size:var(--type-scale-sm)}.btn--small svg[data-v-7b9c00e1]{margin-left:var(--spacing-xxs)}:disabled.btn--gradient[data-v-7b9c00e1]{background-color:var(--grey-1);border-color:var(--grey-1);color:var(--grey-4)}:disabled.btn--gradient[data-v-7b9c00e1]:after{display:none}.btn--inverted[data-v-7b9c00e1]{background-color:#0000;color:var(--white);font-weight:700;border:1px solid var(--white)}:disabled.btn--inverted[data-v-7b9c00e1],:disabled.btn--inverted[data-v-7b9c00e1]:hover{background-color:var(--grey-1);border-color:var(--grey-1);color:var(--grey-4)}.btn--secondary[data-v-7b9c00e1],.btn--transparent[data-v-7b9c00e1]{border:var(--border-primary);background-color:var(--white);color:var(--black);font-weight:400}.btn--secondary[data-v-7b9c00e1]:hover,.btn--transparent[data-v-7b9c00e1]:hover{background-color:var(--yellow);border-color:var(--yellow)}.btn--secondary[data-v-7b9c00e1]:disabled,.btn--transparent[data-v-7b9c00e1]:disabled{background-color:var(--grey-2);border-color:var(--grey-1);color:var(--grey-5);cursor:not-allowed}.btn--secondary.btn--loading[data-v-7b9c00e1]:disabled,.btn--transparent.btn--loading[data-v-7b9c00e1]:disabled{background-color:var(--white);color:var(--black);border:var(--border-primary)}.btn--secondary.btn--light-border[data-v-7b9c00e1],.btn--transparent.btn--light-border[data-v-7b9c00e1]{border:var(--border-secondary)}.btn--secondary.btn--light-border[data-v-7b9c00e1]:hover,.btn--transparent.btn--light-border[data-v-7b9c00e1]:hover{border-color:var(--yellow)}.btn--transparent[data-v-7b9c00e1]{background-color:#0000}.btn--tertiary[data-v-7b9c00e1]{background-color:unset;color:var(--black);padding:0;margin:0;border:none;border-radius:0;height:unset;font-weight:400}.btn--tertiary.btn--loading[data-v-7b9c00e1]:disabled,.btn--tertiary[data-v-7b9c00e1]:disabled,.btn--tertiary[data-v-7b9c00e1]:focus,.btn--tertiary[data-v-7b9c00e1]:hover{background-color:unset;color:var(--black);border:none}.btn--rainbow[data-v-7b9c00e1]{background:var(--yellow-40);color:var(--black);font-weight:400;transition-property:background,border;transition-duration:var(--transition-speed-enter)}@media(prefers-reduced-motion:no-preference){.btn--rainbow[data-v-7b9c00e1]:focus,.btn--rainbow[data-v-7b9c00e1]:hover{animation:var(--rainbow-gradient-animation);background:var(--rainbow-gradient);background-size:1200% 400%;border:1px var(--black) solid}}.btn--dark-theme[data-v-7b9c00e1]{background-color:var(--white);color:var(--black);font-weight:700;border:none}.btn--dark-theme[data-v-7b9c00e1]:hover{background-color:var(--yellow)}.btn--dark-theme[data-v-7b9c00e1]:disabled{background-color:var(--grey-6);color:var(--grey-5)}.btn--dark-theme.btn--secondary[data-v-7b9c00e1]{background-color:#0000;border:1px solid var(--white);color:#fff}.btn--dark-theme.btn--secondary[data-v-7b9c00e1]:hover{border-color:var(--yellow)}.btn--dark-theme.btn--tertiary[data-v-7b9c00e1]{background-color:#0000;color:var(--white);font-weight:400;border:none}.btn--dark-theme.btn--tertiary.btn--loading[data-v-7b9c00e1]:disabled,.btn--dark-theme.btn--tertiary[data-v-7b9c00e1]:disabled,.btn--dark-theme.btn--tertiary[data-v-7b9c00e1]:hover{color:var(--grey-5);border:none}.btn--rounded[data-v-7b9c00e1]{border-radius:var(--border-radius-round)}svg.arrow-left[data-v-7b9c00e1]{order:-1;margin-left:0;margin-right:var(--spacing-xs)}svg.check[data-v-7b9c00e1]{height:var(--spacing-md);margin-right:calc(var(--spacing-xs)*-1);margin-left:0}svg.download[data-v-7b9c00e1]{margin-right:0;margin-left:var(--spacing-xxs)}svg.upload[data-v-7b9c00e1]{margin-right:0;margin-left:var(--spacing-xs)}[data-v-68084c68]:root{--white:#fff;--white-0:#fff0;--white-20:#fff3;--white-30:#ffffff4d;--white-40:#fff6;--white-50:#ffffff80;--white-60:#fff9;--white-70:#ffffffb3;--white-80:#fffc;--white-90:#ffffffe6;--grey-1:#f5f5f5;--grey-2:#e8e8e8;--grey-4:#d2d2d2;--grey-5:#979b9e;--grey-6:#6c7073;--black:#1b1b1b;--black-0:#0000;--black-10:#2b2c371a;--black-30:#2b2c374d;--black-40:#2b2c3766;--black-50:#2b2c3780;--black-60:#2b2c3799;--black-80:#2b2c37cc;--black-90:#2b2c37e6;--green:#4caf50;--purple:#c597ff;--blue:#00f;--blue-10:#0000ff1a;--blue-20:#00f3;--blue-60:#00f9;--orange:#c94c00;--orange-10:#c94c001a;--yellow:#fae210;--yellow-10:#fae2101a;--yellow-40:#fae21066;--cream:#f6f5f0;--cream-20:#e5e5e1;--cream-30:#ccccc4;--cream-50:#6d6e69;--control:#3a3a431a;--footer:#3232321a;--success:var(--green);--error:var(--orange);--water-blue:#4498e5;--emissions-green:#4fc369;--energy-orange:#f68768;--selected-canvas-border:1px solid var(--blue);--rainbow-gradient:linear-gradient(90deg,#fef9cf,#ffe8d7,#fdd5cd,#f8d9f3,#efcff2,#dadafa,#d5ebff,#dcf3e1);--font-primary:"Helvetica Neue",helvetica,arial,sans-serif;--font-primary-src:local("Helvetica Neue"),local("Helvetica");--font-secondary:"Source Code Pro",monospace;--font-secondary-src:local("Source Code Pro");--type-scale-xxs:0.5rem;--type-scale-xs:0.6875rem;--type-scale-sm:0.8125rem;--type-scale-base:1rem;--type-scale-md:1.25rem;--type-scale-lg:1.5rem;--type-scale-xl:2rem;--type-scale-40:2.5rem;--type-scale-56:3.5rem;--type-scale-xxl:5rem;--border-primary:1px solid var(--black);--border-primary-10:1px solid var(--black-10);--border-primary-thin:0.5px solid var(--black);--border-primary-thin-dashed:0.5px dashed var(--black);--border-primary-heavy:2px solid var(--black);--border-secondary:1px solid var(--grey-2);--border-secondary-heavy:2px solid var(--grey-2);--border-secondary-dashed:1px dashed var(--grey-2);--border-tertiary:1px solid var(--grey-4);--border-tertiary-thin:0.5px solid var(--grey-4);--border-tertiary-heavy:2px solid var(--grey-4);--border-tertiary-dashed:1px dashed var(--grey-4);--border-transparent:1px solid #0000;--border-transparent-heavy:2px solid #0000;--border-yellow:1px solid var(--yellow);--border-orange:1px solid var(--orange);--border-white:1px solid var(--white);--border-cream:1px solid var(--cream);--border-cream-30:1px solid var(--cream-30);--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-base:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-xxl:32px;--border-radius-round:9999px;--border-radius-button:10px;--spacing-xxxs:0.125rem;--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-75:0.75rem;--spacing-base:1rem;--spacing-sm:1.25rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:5rem;--spacing-xxxl:10rem;--line-height-sm:100%;--line-height-base:120%;--line-height-md:150%;--box-shadow-1:0 0 40px #2b2c371a;--box-shadow-2:0 2px 0 0 #2b2c3714;--soft-shadow:0 4px 40px #2b2c371a;--nav:64px;--editor-nav:48px;--controls:48px;--controls-top-margin:calc(var(--controls)*3);--step-header:105px;--notifications-list:360px;--gradient-loading-icon:26px;--vh-with-nav:calc(100vh - var(--nav));--vh-with-editor-nav:calc(100vh - var(--editor-nav));--vh-with-nav-and-controls:calc(100vh - var(--nav) - var(--controls));--vh-with-nav-and-step:calc(100vh - var(--nav) - var(--controls) - var(--step-header));--yarn-color-height:calc(100vh - var(--controls-top-margin) - var(--spacing-md) - 116px);--layers-panel-width:250px;--layer-button-icon:18px;--canvas-width:1008px;--canvas-length:756px;--main-panel-width:360px;--sub-panel-width:var(--main-panel-width);--sample-bar-bottom:1rem;--overlay-modal-bottom:calc(var(--sample-bar-bottom) + 64px + 1rem);--transition-ease-out:cubic-bezier(0.215,0.61,0.355,1);--transition-ease-in:cubic-bezier(0.75,0,1,1);--transition-ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--transition-linear:linear;--transition-speed-enter:250ms;--transition-speed-leave:300ms;--transition-input-enter:background-color var(--transition-speed-enter) var(--transition-ease-out),color var(--transition-speed-enter) var(--transition-ease-out),border-color var(--transition-speed-enter) var(--transition-ease-out),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-input-leave:background-color var(--transition-speed-leave) var(--transition-ease-in),color var(--transition-speed-leave) var(--transition-ease-in),border-color var(--transition-speed-leave) var(--transition-ease-in),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-enter:transform var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-leave:transform var(--transition-speed-leave) var(--transition-ease-in);--transition-opacity-enter:opacity var(--transition-speed-enter) var(--transition-ease-out);--transition-opacity-leave:opacity var(--transition-speed-leave) var(--transition-ease-in);--transition-fill-enter:fill var(--transition-speed-enter) var(--transition-ease-out);--transition-fill-leave:fill var(--transition-speed-leave) var(--transition-ease-in);--z-index-base:0;--z-index-nav:2;--z-index-view:10;--z-index-panel:25;--z-index-customizer:52;--z-index-help-menu:53;--z-index-overlay:54;--z-index-sidebar:55;--z-index-notification:60;--z-index-loading:70;--z-index-full-page:999;--backdrop-blur-2:blur(2px)}@media(prefers-reduced-motion:reduce){[data-v-68084c68]:root{--transition-speed-enter:0;--transition-speed-leave:0}}body[data-v-68084c68],html[data-v-68084c68]{font-family:var(--font-primary)}h1[data-v-68084c68]{font-size:var(--type-scale-xl);font-weight:400}h2[data-v-68084c68]{font-size:var(--type-scale-lg);font-weight:400}h3[data-v-68084c68]{font-size:var(--type-scale-md);font-weight:400}h4[data-v-68084c68]{font-size:var(--type-scale-md);font-weight:700}p[data-v-68084c68]{font-size:var(--type-scale-base)}.text-body[data-v-68084c68]{font-size:var(--type-scale-md)}.text-meta[data-v-68084c68]{font-family:var(--font-secondary)}.text-meta[data-v-68084c68],.text-small[data-v-68084c68]{font-size:var(--type-scale-sm)}.font-mono[data-v-68084c68]{font-family:var(--font-secondary)}.text-uppercase[data-v-68084c68]{text-transform:uppercase}.text-center[data-v-68084c68]{text-align:center}.measure[data-v-68084c68]{max-width:30em}.measure-wide[data-v-68084c68]{max-width:34em}.measure-narrow[data-v-68084c68]{max-width:20em}.header-6[data-v-68084c68]{font-weight:700;line-height:120%;font-size:var(--type-scale-sm);margin-bottom:var(--spacing-75);color:var(--black)}.descriptive-text--grey[data-v-68084c68],.descriptive-text[data-v-68084c68]{color:var(--black);font-size:var(--type-scale-sm);line-height:125%}.descriptive-text--grey[data-v-68084c68]{color:var(--grey-6)}.descriptive-text--grey a[data-v-68084c68]{color:inherit;text-decoration:underline;transition:color var(--transition-speed-enter) var(--transition-ease-out)}.descriptive-text--grey a[data-v-68084c68]:hover{color:var(--black);text-decoration:underline}a[data-v-68084c68],abbr[data-v-68084c68],acronym[data-v-68084c68],address[data-v-68084c68],applet[data-v-68084c68],article[data-v-68084c68],aside[data-v-68084c68],audio[data-v-68084c68],b[data-v-68084c68],big[data-v-68084c68],blockquote[data-v-68084c68],body[data-v-68084c68],canvas[data-v-68084c68],caption[data-v-68084c68],center[data-v-68084c68],cite[data-v-68084c68],code[data-v-68084c68],dd[data-v-68084c68],del[data-v-68084c68],details[data-v-68084c68],dfn[data-v-68084c68],div[data-v-68084c68],dl[data-v-68084c68],dt[data-v-68084c68],em[data-v-68084c68],embed[data-v-68084c68],fieldset[data-v-68084c68],figcaption[data-v-68084c68],figure[data-v-68084c68],footer[data-v-68084c68],form[data-v-68084c68],h1[data-v-68084c68],h2[data-v-68084c68],h3[data-v-68084c68],h4[data-v-68084c68],h5[data-v-68084c68],h6[data-v-68084c68],header[data-v-68084c68],hgroup[data-v-68084c68],html[data-v-68084c68],i[data-v-68084c68],iframe[data-v-68084c68],img[data-v-68084c68],ins[data-v-68084c68],kbd[data-v-68084c68],label[data-v-68084c68],legend[data-v-68084c68],li[data-v-68084c68],mark[data-v-68084c68],menu[data-v-68084c68],nav[data-v-68084c68],object[data-v-68084c68],ol[data-v-68084c68],output[data-v-68084c68],pre[data-v-68084c68],q[data-v-68084c68],ruby[data-v-68084c68],s[data-v-68084c68],samp[data-v-68084c68],section[data-v-68084c68],small[data-v-68084c68],span[data-v-68084c68],strike[data-v-68084c68],strong[data-v-68084c68],sub[data-v-68084c68],summary[data-v-68084c68],sup[data-v-68084c68],table[data-v-68084c68],tbody[data-v-68084c68],td[data-v-68084c68],tfoot[data-v-68084c68],th[data-v-68084c68],thead[data-v-68084c68],time[data-v-68084c68],tr[data-v-68084c68],tt[data-v-68084c68],u[data-v-68084c68],ul[data-v-68084c68],var[data-v-68084c68],video[data-v-68084c68]{margin:0;padding:0;border:0;vertical-align:initial}[data-v-68084c68],[data-v-68084c68]:after,[data-v-68084c68]:before{box-sizing:inherit}[data-v-68084c68]{-webkit-tap-highlight-color:rgba(0,0,0,0)}body[data-v-68084c68]{line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html[data-v-68084c68]{box-sizing:border-box;overflow:auto}input[data-v-68084c68]:focus,textarea[data-v-68084c68]:focus{outline:none}button[data-v-68084c68]{font-family:var(--font-primary);font-size:var(--type-scale-base);cursor:pointer}button[data-v-68084c68]:focus{outline:0}a[data-v-68084c68],a[data-v-68084c68]:hover{text-decoration:none}p[data-v-68084c68]{line-height:1;margin:0 0 var(--spacing-base)}p[data-v-68084c68]:last-child{margin-bottom:0}input[type=number][data-v-68084c68]{appearance:textfield}input[data-v-68084c68]::-webkit-inner-spin-button,input[data-v-68084c68]::-webkit-outer-spin-button{appearance:none}ol[data-v-68084c68],ul[data-v-68084c68]{list-style:none}blockquote[data-v-68084c68],q[data-v-68084c68]{quotes:none}blockquote[data-v-68084c68]:after,blockquote[data-v-68084c68]:before,q[data-v-68084c68]:after,q[data-v-68084c68]:before{content:"";content:none}table[data-v-68084c68]{border-collapse:collapse;border-spacing:0}[data-v-68084c68]:root{--breakpoint-xs:24rem;--breakpoint-sm:36rem;--breakpoint-md:48rem;--breakpoint-lg:62rem;--breakpoint-lg-75:75rem;--breakpoint-xl:90rem;--grid-template:repeat(4,minmax(0,1fr));--grid-gap:1rem}.contained-section[data-v-68084c68]{margin:0 auto;max-width:var(--breakpoint-lg-75);width:100%;padding:var(--spacing-lg) var(--spacing-base)}@media screen and (width >= 48rem){[data-v-68084c68]:root{--grid-template:repeat(12,minmax(0,1fr));--grid-gap:2rem}.contained-section[data-v-68084c68]{padding:calc(var(--spacing-md)*2)}}@media screen and (36rem <= width <= 48rem){[data-v-68084c68]:root{--grid-template:repeat(6,minmax(0,1fr));--grid-gap:1.5rem}}.grid[data-v-68084c68]{display:grid;grid-template-columns:var(--grid-template);gap:var(--grid-gap);grid-auto-columns:minmax(auto,max-content)}.no-gap[data-v-68084c68]{gap:0}.col-auto[data-v-68084c68]{grid-column:auto}.col-span-1[data-v-68084c68]{grid-column:span 1/span 1}.col-span-2[data-v-68084c68]{grid-column:span 2/span 2}.col-span-3[data-v-68084c68]{grid-column:span 3/span 3}.col-span-4[data-v-68084c68]{grid-column:span 4/span 4}.col-span-5[data-v-68084c68]{grid-column:span 5/span 5}.col-span-6[data-v-68084c68]{grid-column:span 6/span 6}.col-span-7[data-v-68084c68]{grid-column:span 7/span 7}.col-span-8[data-v-68084c68]{grid-column:span 8/span 8}.col-span-9[data-v-68084c68]{grid-column:span 9/span 9}.col-span-10[data-v-68084c68]{grid-column:span 10/span 10}.col-span-11[data-v-68084c68]{grid-column:span 11/span 11}.col-span-12[data-v-68084c68]{grid-column:span 12/span 12}.col-span-full[data-v-68084c68]{grid-column:1/-1}@media screen and (36rem <= width <= 48rem){.md\:col-span-1[data-v-68084c68]{grid-column:span 1/span 1}.md\:col-span-2[data-v-68084c68]{grid-column:span 2/span 2}.md\:col-span-3[data-v-68084c68]{grid-column:span 3/span 3}.md\:col-span-4[data-v-68084c68]{grid-column:span 4/span 4}.md\:col-span-5[data-v-68084c68]{grid-column:span 5/span 5}.md\:col-span-6[data-v-68084c68]{grid-column:span 6/span 6}.md\:col-span-full[data-v-68084c68]{grid-column:1/-1}}@media screen and (width >= 48rem){.lg\:col-span-1[data-v-68084c68]{grid-column:span 1/span 1}.lg\:col-span-2[data-v-68084c68]{grid-column:span 2/span 2}.lg\:col-span-3[data-v-68084c68]{grid-column:span 3/span 3}.lg\:col-span-4[data-v-68084c68]{grid-column:span 4/span 4}.lg\:col-span-5[data-v-68084c68]{grid-column:span 5/span 5}.lg\:col-span-6[data-v-68084c68]{grid-column:span 6/span 6}.lg\:col-span-7[data-v-68084c68]{grid-column:span 7/span 7}.lg\:col-span-8[data-v-68084c68]{grid-column:span 8/span 8}.lg\:col-span-9[data-v-68084c68]{grid-column:span 9/span 9}.lg\:col-span-10[data-v-68084c68]{grid-column:span 10/span 10}.lg\:col-span-11[data-v-68084c68]{grid-column:span 11/span 11}.lg\:col-span-12[data-v-68084c68]{grid-column:span 12/span 12}.lg\:col-span-full[data-v-68084c68]{grid-column:1/-1}.lg\:col-offset-2[data-v-68084c68],.lg\:col-offset-3[data-v-68084c68]{grid-column-start:3}.lg\:col-offset-7[data-v-68084c68]{grid-column-start:7}.lg\:col-offset-8[data-v-68084c68]{grid-column-start:8}.lg\:col-offset-9[data-v-68084c68]{grid-column-start:9}}@media screen and (min-width:48rem)and (max-width:75rem){.lg-75\:col-span-1[data-v-68084c68]{grid-column:span 1/span 1}.lg-75\:col-span-2[data-v-68084c68]{grid-column:span 2/span 2}.lg-75\:col-span-3[data-v-68084c68]{grid-column:span 3/span 3}.lg-75\:col-span-4[data-v-68084c68]{grid-column:span 4/span 4}.lg-75\:col-span-5[data-v-68084c68]{grid-column:span 5/span 5}.lg-75\:col-span-6[data-v-68084c68]{grid-column:span 6/span 6}.lg-75\:col-span-7[data-v-68084c68]{grid-column:span 7/span 7}.lg-75\:col-span-8[data-v-68084c68]{grid-column:span 8/span 8}.lg-75\:col-span-9[data-v-68084c68]{grid-column:span 9/span 9}.lg-75\:col-span-10[data-v-68084c68]{grid-column:span 10/span 10}.lg-75\:col-span-11[data-v-68084c68]{grid-column:span 11/span 11}.lg-75\:col-span-12[data-v-68084c68]{grid-column:span 12/span 12}.lg-75\:col-span-full[data-v-68084c68]{grid-column:1/-1}}.flex[data-v-68084c68]{display:flex}.flex-inline[data-v-68084c68]{display:inline-flex}.flex-column[data-v-68084c68]{flex-direction:column}.flex-column-reverse[data-v-68084c68]{flex-direction:column-reverse}.flex-row[data-v-68084c68]{flex-direction:column}.flex-wrap[data-v-68084c68]{flex-wrap:wrap}.flex-1[data-v-68084c68]{flex:1}.flex-grow-2[data-v-68084c68]{flex-grow:2}.flex-shrink-0[data-v-68084c68]{flex-shrink:0}.justify-center[data-v-68084c68]{justify-content:center}.justify-flex-end[data-v-68084c68]{justify-content:flex-end}.justify-flex-start[data-v-68084c68]{justify-content:flex-start}.align-center[data-v-68084c68]{align-items:center}.align-start[data-v-68084c68]{align-items:flex-start}.align-self-center[data-v-68084c68]{align-self:center}.flex-content-center[data-v-68084c68]{place-content:center center}.space-between[data-v-68084c68]{justify-content:space-between}.ml-auto[data-v-68084c68]{margin-left:auto}.ml-base[data-v-68084c68]{margin-left:var(--spacing-base)}.ml-75[data-v-68084c68]{margin-left:var(--spacing-75)}.ml-xs[data-v-68084c68]{margin-left:var(--spacing-xs)}.ml-xxs[data-v-68084c68]{margin-left:var(--spacing-xxs)}.mt-base[data-v-68084c68]{margin-top:var(--spacing-base)}.mt-md[data-v-68084c68]{margin-top:var(--spacing-md)}.mr-auto[data-v-68084c68]{margin-right:auto}.mr-base[data-v-68084c68]{margin-right:var(--spacing-base)}.mr-75[data-v-68084c68]{margin-right:var(--spacing-75)}.mr-xs[data-v-68084c68]{margin-right:var(--spacing-xs)}.mr-xxs[data-v-68084c68]{margin-right:var(--spacing-xxs)}.mb-0[data-v-68084c68]{margin-bottom:0}.mb-xs[data-v-68084c68]{margin-bottom:var(--spacing-xs)}.mb-xxs[data-v-68084c68]{margin-bottom:var(--spacing-xxs)}.mb-base[data-v-68084c68]{margin-bottom:var(--spacing-base)}.mb-sm[data-v-68084c68]{margin-bottom:var(--spacing-sm)}.mb-md[data-v-68084c68]{margin-bottom:var(--spacing-md)}.mb-75[data-v-68084c68]{margin-bottom:var(--spacing-75)}.mb-lg[data-v-68084c68]{margin-bottom:var(--spacing-lg)}.mb-xl[data-v-68084c68]{margin-bottom:var(--spacing-xl)}.euro-sign[data-v-68084c68]:first-letter{color:var(--grey-5);font-weight:400}.uppercase[data-v-68084c68]{text-transform:uppercase}.capitalize[data-v-68084c68]{text-transform:capitalize}.reset-btn[data-v-68084c68]{background:#0000}.reset-btn[data-v-68084c68],.reset-input[data-v-68084c68]{border:none;border-radius:0;padding:0}.relative[data-v-68084c68]{position:relative}.full-width[data-v-68084c68]{width:100%}.fade-enter-active[data-v-68084c68]{transition:var(--transition-opacity-enter)}.fade-leave-active[data-v-68084c68]{transition:var(--transition-opacity-leave)}.fade-enter-from[data-v-68084c68],.fade-leave-to[data-v-68084c68]{opacity:0}.fade-fast-enter-active[data-v-68084c68],.fade-fast-leave-active[data-v-68084c68]{transition:all .125s}.fade-fast-enter-from[data-v-68084c68],.fade-fast-leave-to[data-v-68084c68]{opacity:0}.fade-move-fast-enter-active[data-v-68084c68]{transition:all .125s ease-out}.fade-move-fast-leave-active[data-v-68084c68]{transition:all .2s ease-in}.fade-move-fast-enter-from[data-v-68084c68],.fade-move-fast-leave-to[data-v-68084c68]{opacity:0;transform:translateY(2%)}.fade-out-fast-leave-active[data-v-68084c68]{transition:all .125s}.fade-out-fast-leave-to[data-v-68084c68],.slide-left-enter-from[data-v-68084c68],.slide-left-leave-to[data-v-68084c68],.slide-right-enter-from[data-v-68084c68],.slide-right-leave-to[data-v-68084c68]{opacity:0}.slide-left-enter-from[data-v-68084c68],.slide-right-leave-to[data-v-68084c68]{transform:translateX(120%)}.slide-left-leave-to[data-v-68084c68],.slide-right-enter-from[data-v-68084c68]{transform:translateX(-120%)}.slide-left-enter-active[data-v-68084c68],.slide-left-leave-active[data-v-68084c68],.slide-right-enter-active[data-v-68084c68],.slide-right-leave-active[data-v-68084c68]{transition:all .2s ease}.slide-sidebar-enter-active[data-v-68084c68]{transition:var(--transition-transform-enter)}.slide-sidebar-leave-active[data-v-68084c68]{transition:var(--transition-transform-leave)}.slide-sidebar-enter-from[data-v-68084c68],.slide-sidebar-leave-to[data-v-68084c68]{transform:translateX(100%)}.overlay-enter-active[data-v-68084c68]{transition:var(--transition-opacity-enter)}.overlay-enter-active .overlay-container[data-v-68084c68]{transition:var(--transition-transform-enter)}.overlay-leave-active[data-v-68084c68]{transition:var(--transition-opacity-leave)}.overlay-leave-active .overlay-container[data-v-68084c68]{transition:var(--transition-transform-leave)}.overlay-enter-from[data-v-68084c68]{opacity:0}.overlay-enter-from .overlay-container[data-v-68084c68]{transform:translateY(30px)}.overlay-leave-to[data-v-68084c68]{opacity:0}.overlay-leave-to .overlay-container[data-v-68084c68]{transform:translateY(30px)}.vue-notification-group[data-v-68084c68]{padding:var(--spacing-xs);margin-top:var(--nav);z-index:var(--z-index-notification);pointer-events:none;display:flex;justify-content:flex-end}.notification[data-v-68084c68]{background-color:var(--white);color:var(--grey-6);font-size:var(--type-scale-sm);line-height:var(--spacing-sm);padding:var(--spacing-base);margin-bottom:var(--spacing-xs);border:var(--border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-2);display:flex;max-width:400px}.notification .notification-title[data-v-68084c68]{color:var(--black);font-size:var(--type-scale-sm);font-weight:700;margin-bottom:var(--spacing-xxs)}.notification.info .notification-title[data-v-68084c68]{color:var(--black)}.notification.error .notification-title[data-v-68084c68]{color:var(--error)}.notification.success .notification-title[data-v-68084c68]{color:var(--success)}.notification.warn .notification-title[data-v-68084c68]{color:var(--orange)}.notification-icon svg[data-v-68084c68]{margin-right:var(--spacing-base)}.notification-button[data-v-68084c68]{margin-top:var(--spacing-base)}.notification-content-wrapper[data-v-68084c68]{flex-basis:100%}.notification-close[data-v-68084c68]{pointer-events:all;margin-left:var(--spacing-base)}.notification-close svg[data-v-68084c68]{color:var(--grey-5)}@media(width <= 36rem){.vue-notification-group[data-v-68084c68]{justify-content:center}.vue-notification-group .notification[data-v-68084c68]{max-width:100%}.vue-notification-group>span[data-v-68084c68]{width:100%}}[data-v-68084c68]:root{--rainbow-gradient-animation:gradient 7s ease infinite}@keyframes gradient-68084c68{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}[data-v-68084c68] .overlay-container{max-width:800px;min-height:600px;width:100%;padding:0}[data-v-68084c68] .overlay-container .content-container{padding:0;display:flex;flex:1;background-color:var(--cream)}.steps[data-v-68084c68]{flex:1;display:flex}.step[data-v-68084c68]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:space-between;overflow:auto;padding:var(--spacing-lg)}.step__title[data-v-68084c68]{font-weight:500;font-size:var(--type-scale-lg)}.step__subtitle[data-v-68084c68],.step__title[data-v-68084c68]{margin-bottom:var(--spacing-md)}.visual[data-v-68084c68]{max-width:50%;overflow:hidden;min-height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}button.close-btn[data-v-68084c68]{position:absolute;top:10px;right:10px;opacity:.8;padding:0 var(--spacing-xs)}.divider[data-v-68084c68]{border-top:1px solid var(--grey-4);margin:var(--spacing-md) 0}.reset-btn[data-v-68084c68]{text-decoration:underline}.information[data-v-68084c68]{color:var(--grey-6)}.information a[data-v-68084c68]{text-decoration:underline;color:inherit}@media screen and (max-width:48.063rem){.visual[data-v-68084c68]{display:none}[data-v-68084c68] .overlay-container{max-width:400px;min-height:0;height:100dvh}}[data-v-7f754bb2]:root{--white:#fff;--white-0:#fff0;--white-20:#fff3;--white-30:#ffffff4d;--white-40:#fff6;--white-50:#ffffff80;--white-60:#fff9;--white-70:#ffffffb3;--white-80:#fffc;--white-90:#ffffffe6;--grey-1:#f5f5f5;--grey-2:#e8e8e8;--grey-4:#d2d2d2;--grey-5:#979b9e;--grey-6:#6c7073;--black:#1b1b1b;--black-0:#0000;--black-10:#2b2c371a;--black-30:#2b2c374d;--black-40:#2b2c3766;--black-50:#2b2c3780;--black-60:#2b2c3799;--black-80:#2b2c37cc;--black-90:#2b2c37e6;--green:#4caf50;--purple:#c597ff;--blue:#00f;--blue-10:#0000ff1a;--blue-20:#00f3;--blue-60:#00f9;--orange:#c94c00;--orange-10:#c94c001a;--yellow:#fae210;--yellow-10:#fae2101a;--yellow-40:#fae21066;--cream:#f6f5f0;--cream-20:#e5e5e1;--cream-30:#ccccc4;--cream-50:#6d6e69;--control:#3a3a431a;--footer:#3232321a;--success:var(--green);--error:var(--orange);--water-blue:#4498e5;--emissions-green:#4fc369;--energy-orange:#f68768;--selected-canvas-border:1px solid var(--blue);--rainbow-gradient:linear-gradient(90deg,#fef9cf,#ffe8d7,#fdd5cd,#f8d9f3,#efcff2,#dadafa,#d5ebff,#dcf3e1);--font-primary:"Helvetica Neue",helvetica,arial,sans-serif;--font-primary-src:local("Helvetica Neue"),local("Helvetica");--font-secondary:"Source Code Pro",monospace;--font-secondary-src:local("Source Code Pro");--type-scale-xxs:0.5rem;--type-scale-xs:0.6875rem;--type-scale-sm:0.8125rem;--type-scale-base:1rem;--type-scale-md:1.25rem;--type-scale-lg:1.5rem;--type-scale-xl:2rem;--type-scale-40:2.5rem;--type-scale-56:3.5rem;--type-scale-xxl:5rem;--border-primary:1px solid var(--black);--border-primary-10:1px solid var(--black-10);--border-primary-thin:0.5px solid var(--black);--border-primary-thin-dashed:0.5px dashed var(--black);--border-primary-heavy:2px solid var(--black);--border-secondary:1px solid var(--grey-2);--border-secondary-heavy:2px solid var(--grey-2);--border-secondary-dashed:1px dashed var(--grey-2);--border-tertiary:1px solid var(--grey-4);--border-tertiary-thin:0.5px solid var(--grey-4);--border-tertiary-heavy:2px solid var(--grey-4);--border-tertiary-dashed:1px dashed var(--grey-4);--border-transparent:1px solid #0000;--border-transparent-heavy:2px solid #0000;--border-yellow:1px solid var(--yellow);--border-orange:1px solid var(--orange);--border-white:1px solid var(--white);--border-cream:1px solid var(--cream);--border-cream-30:1px solid var(--cream-30);--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-base:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-xxl:32px;--border-radius-round:9999px;--border-radius-button:10px;--spacing-xxxs:0.125rem;--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-75:0.75rem;--spacing-base:1rem;--spacing-sm:1.25rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:5rem;--spacing-xxxl:10rem;--line-height-sm:100%;--line-height-base:120%;--line-height-md:150%;--box-shadow-1:0 0 40px #2b2c371a;--box-shadow-2:0 2px 0 0 #2b2c3714;--soft-shadow:0 4px 40px #2b2c371a;--nav:64px;--editor-nav:48px;--controls:48px;--controls-top-margin:calc(var(--controls)*3);--step-header:105px;--notifications-list:360px;--gradient-loading-icon:26px;--vh-with-nav:calc(100vh - var(--nav));--vh-with-editor-nav:calc(100vh - var(--editor-nav));--vh-with-nav-and-controls:calc(100vh - var(--nav) - var(--controls));--vh-with-nav-and-step:calc(100vh - var(--nav) - var(--controls) - var(--step-header));--yarn-color-height:calc(100vh - var(--controls-top-margin) - var(--spacing-md) - 116px);--layers-panel-width:250px;--layer-button-icon:18px;--canvas-width:1008px;--canvas-length:756px;--main-panel-width:360px;--sub-panel-width:var(--main-panel-width);--sample-bar-bottom:1rem;--overlay-modal-bottom:calc(var(--sample-bar-bottom) + 64px + 1rem);--transition-ease-out:cubic-bezier(0.215,0.61,0.355,1);--transition-ease-in:cubic-bezier(0.75,0,1,1);--transition-ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--transition-linear:linear;--transition-speed-enter:250ms;--transition-speed-leave:300ms;--transition-input-enter:background-color var(--transition-speed-enter) var(--transition-ease-out),color var(--transition-speed-enter) var(--transition-ease-out),border-color var(--transition-speed-enter) var(--transition-ease-out),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-input-leave:background-color var(--transition-speed-leave) var(--transition-ease-in),color var(--transition-speed-leave) var(--transition-ease-in),border-color var(--transition-speed-leave) var(--transition-ease-in),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-enter:transform var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-leave:transform var(--transition-speed-leave) var(--transition-ease-in);--transition-opacity-enter:opacity var(--transition-speed-enter) var(--transition-ease-out);--transition-opacity-leave:opacity var(--transition-speed-leave) var(--transition-ease-in);--transition-fill-enter:fill var(--transition-speed-enter) var(--transition-ease-out);--transition-fill-leave:fill var(--transition-speed-leave) var(--transition-ease-in);--z-index-base:0;--z-index-nav:2;--z-index-view:10;--z-index-panel:25;--z-index-customizer:52;--z-index-help-menu:53;--z-index-overlay:54;--z-index-sidebar:55;--z-index-notification:60;--z-index-loading:70;--z-index-full-page:999;--backdrop-blur-2:blur(2px)}@media(prefers-reduced-motion:reduce){[data-v-7f754bb2]:root{--transition-speed-enter:0;--transition-speed-leave:0}}body[data-v-7f754bb2],html[data-v-7f754bb2]{font-family:var(--font-primary)}h1[data-v-7f754bb2]{font-size:var(--type-scale-xl);font-weight:400}h2[data-v-7f754bb2]{font-size:var(--type-scale-lg);font-weight:400}h3[data-v-7f754bb2]{font-size:var(--type-scale-md);font-weight:400}h4[data-v-7f754bb2]{font-size:var(--type-scale-md);font-weight:700}p[data-v-7f754bb2]{font-size:var(--type-scale-base)}.text-body[data-v-7f754bb2]{font-size:var(--type-scale-md)}.text-meta[data-v-7f754bb2]{font-family:var(--font-secondary)}.text-meta[data-v-7f754bb2],.text-small[data-v-7f754bb2]{font-size:var(--type-scale-sm)}.font-mono[data-v-7f754bb2]{font-family:var(--font-secondary)}.text-uppercase[data-v-7f754bb2]{text-transform:uppercase}.text-center[data-v-7f754bb2]{text-align:center}.measure[data-v-7f754bb2]{max-width:30em}.measure-wide[data-v-7f754bb2]{max-width:34em}.measure-narrow[data-v-7f754bb2]{max-width:20em}.header-6[data-v-7f754bb2]{font-weight:700;line-height:120%;font-size:var(--type-scale-sm);margin-bottom:var(--spacing-75);color:var(--black)}.descriptive-text--grey[data-v-7f754bb2],.descriptive-text[data-v-7f754bb2]{color:var(--black);font-size:var(--type-scale-sm);line-height:125%}.descriptive-text--grey[data-v-7f754bb2]{color:var(--grey-6)}.descriptive-text--grey a[data-v-7f754bb2]{color:inherit;text-decoration:underline;transition:color var(--transition-speed-enter) var(--transition-ease-out)}.descriptive-text--grey a[data-v-7f754bb2]:hover{color:var(--black);text-decoration:underline}a[data-v-7f754bb2],abbr[data-v-7f754bb2],acronym[data-v-7f754bb2],address[data-v-7f754bb2],applet[data-v-7f754bb2],article[data-v-7f754bb2],aside[data-v-7f754bb2],audio[data-v-7f754bb2],b[data-v-7f754bb2],big[data-v-7f754bb2],blockquote[data-v-7f754bb2],body[data-v-7f754bb2],canvas[data-v-7f754bb2],caption[data-v-7f754bb2],center[data-v-7f754bb2],cite[data-v-7f754bb2],code[data-v-7f754bb2],dd[data-v-7f754bb2],del[data-v-7f754bb2],details[data-v-7f754bb2],dfn[data-v-7f754bb2],div[data-v-7f754bb2],dl[data-v-7f754bb2],dt[data-v-7f754bb2],em[data-v-7f754bb2],embed[data-v-7f754bb2],fieldset[data-v-7f754bb2],figcaption[data-v-7f754bb2],figure[data-v-7f754bb2],footer[data-v-7f754bb2],form[data-v-7f754bb2],h1[data-v-7f754bb2],h2[data-v-7f754bb2],h3[data-v-7f754bb2],h4[data-v-7f754bb2],h5[data-v-7f754bb2],h6[data-v-7f754bb2],header[data-v-7f754bb2],hgroup[data-v-7f754bb2],html[data-v-7f754bb2],i[data-v-7f754bb2],iframe[data-v-7f754bb2],img[data-v-7f754bb2],ins[data-v-7f754bb2],kbd[data-v-7f754bb2],label[data-v-7f754bb2],legend[data-v-7f754bb2],li[data-v-7f754bb2],mark[data-v-7f754bb2],menu[data-v-7f754bb2],nav[data-v-7f754bb2],object[data-v-7f754bb2],ol[data-v-7f754bb2],output[data-v-7f754bb2],pre[data-v-7f754bb2],q[data-v-7f754bb2],ruby[data-v-7f754bb2],s[data-v-7f754bb2],samp[data-v-7f754bb2],section[data-v-7f754bb2],small[data-v-7f754bb2],span[data-v-7f754bb2],strike[data-v-7f754bb2],strong[data-v-7f754bb2],sub[data-v-7f754bb2],summary[data-v-7f754bb2],sup[data-v-7f754bb2],table[data-v-7f754bb2],tbody[data-v-7f754bb2],td[data-v-7f754bb2],tfoot[data-v-7f754bb2],th[data-v-7f754bb2],thead[data-v-7f754bb2],time[data-v-7f754bb2],tr[data-v-7f754bb2],tt[data-v-7f754bb2],u[data-v-7f754bb2],ul[data-v-7f754bb2],var[data-v-7f754bb2],video[data-v-7f754bb2]{margin:0;padding:0;border:0;vertical-align:initial}[data-v-7f754bb2],[data-v-7f754bb2]:after,[data-v-7f754bb2]:before{box-sizing:inherit}[data-v-7f754bb2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}body[data-v-7f754bb2]{line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html[data-v-7f754bb2]{box-sizing:border-box;overflow:auto}input[data-v-7f754bb2]:focus,textarea[data-v-7f754bb2]:focus{outline:none}button[data-v-7f754bb2]{font-family:var(--font-primary);font-size:var(--type-scale-base);cursor:pointer}button[data-v-7f754bb2]:focus{outline:0}a[data-v-7f754bb2],a[data-v-7f754bb2]:hover{text-decoration:none}p[data-v-7f754bb2]{line-height:1;margin:0 0 var(--spacing-base)}p[data-v-7f754bb2]:last-child{margin-bottom:0}input[type=number][data-v-7f754bb2]{appearance:textfield}input[data-v-7f754bb2]::-webkit-inner-spin-button,input[data-v-7f754bb2]::-webkit-outer-spin-button{appearance:none}ol[data-v-7f754bb2],ul[data-v-7f754bb2]{list-style:none}blockquote[data-v-7f754bb2],q[data-v-7f754bb2]{quotes:none}blockquote[data-v-7f754bb2]:after,blockquote[data-v-7f754bb2]:before,q[data-v-7f754bb2]:after,q[data-v-7f754bb2]:before{content:"";content:none}table[data-v-7f754bb2]{border-collapse:collapse;border-spacing:0}[data-v-7f754bb2]:root{--breakpoint-xs:24rem;--breakpoint-sm:36rem;--breakpoint-md:48rem;--breakpoint-lg:62rem;--breakpoint-lg-75:75rem;--breakpoint-xl:90rem;--grid-template:repeat(4,minmax(0,1fr));--grid-gap:1rem}.contained-section[data-v-7f754bb2]{margin:0 auto;max-width:var(--breakpoint-lg-75);width:100%;padding:var(--spacing-lg) var(--spacing-base)}@media screen and (width >= 48rem){[data-v-7f754bb2]:root{--grid-template:repeat(12,minmax(0,1fr));--grid-gap:2rem}.contained-section[data-v-7f754bb2]{padding:calc(var(--spacing-md)*2)}}@media screen and (36rem <= width <= 48rem){[data-v-7f754bb2]:root{--grid-template:repeat(6,minmax(0,1fr));--grid-gap:1.5rem}}.grid[data-v-7f754bb2]{display:grid;grid-template-columns:var(--grid-template);gap:var(--grid-gap);grid-auto-columns:minmax(auto,max-content)}.no-gap[data-v-7f754bb2]{gap:0}.col-auto[data-v-7f754bb2]{grid-column:auto}.col-span-1[data-v-7f754bb2]{grid-column:span 1/span 1}.col-span-2[data-v-7f754bb2]{grid-column:span 2/span 2}.col-span-3[data-v-7f754bb2]{grid-column:span 3/span 3}.col-span-4[data-v-7f754bb2]{grid-column:span 4/span 4}.col-span-5[data-v-7f754bb2]{grid-column:span 5/span 5}.col-span-6[data-v-7f754bb2]{grid-column:span 6/span 6}.col-span-7[data-v-7f754bb2]{grid-column:span 7/span 7}.col-span-8[data-v-7f754bb2]{grid-column:span 8/span 8}.col-span-9[data-v-7f754bb2]{grid-column:span 9/span 9}.col-span-10[data-v-7f754bb2]{grid-column:span 10/span 10}.col-span-11[data-v-7f754bb2]{grid-column:span 11/span 11}.col-span-12[data-v-7f754bb2]{grid-column:span 12/span 12}.col-span-full[data-v-7f754bb2]{grid-column:1/-1}@media screen and (36rem <= width <= 48rem){.md\:col-span-1[data-v-7f754bb2]{grid-column:span 1/span 1}.md\:col-span-2[data-v-7f754bb2]{grid-column:span 2/span 2}.md\:col-span-3[data-v-7f754bb2]{grid-column:span 3/span 3}.md\:col-span-4[data-v-7f754bb2]{grid-column:span 4/span 4}.md\:col-span-5[data-v-7f754bb2]{grid-column:span 5/span 5}.md\:col-span-6[data-v-7f754bb2]{grid-column:span 6/span 6}.md\:col-span-full[data-v-7f754bb2]{grid-column:1/-1}}@media screen and (width >= 48rem){.lg\:col-span-1[data-v-7f754bb2]{grid-column:span 1/span 1}.lg\:col-span-2[data-v-7f754bb2]{grid-column:span 2/span 2}.lg\:col-span-3[data-v-7f754bb2]{grid-column:span 3/span 3}.lg\:col-span-4[data-v-7f754bb2]{grid-column:span 4/span 4}.lg\:col-span-5[data-v-7f754bb2]{grid-column:span 5/span 5}.lg\:col-span-6[data-v-7f754bb2]{grid-column:span 6/span 6}.lg\:col-span-7[data-v-7f754bb2]{grid-column:span 7/span 7}.lg\:col-span-8[data-v-7f754bb2]{grid-column:span 8/span 8}.lg\:col-span-9[data-v-7f754bb2]{grid-column:span 9/span 9}.lg\:col-span-10[data-v-7f754bb2]{grid-column:span 10/span 10}.lg\:col-span-11[data-v-7f754bb2]{grid-column:span 11/span 11}.lg\:col-span-12[data-v-7f754bb2]{grid-column:span 12/span 12}.lg\:col-span-full[data-v-7f754bb2]{grid-column:1/-1}.lg\:col-offset-2[data-v-7f754bb2],.lg\:col-offset-3[data-v-7f754bb2]{grid-column-start:3}.lg\:col-offset-7[data-v-7f754bb2]{grid-column-start:7}.lg\:col-offset-8[data-v-7f754bb2]{grid-column-start:8}.lg\:col-offset-9[data-v-7f754bb2]{grid-column-start:9}}@media screen and (min-width:48rem)and (max-width:75rem){.lg-75\:col-span-1[data-v-7f754bb2]{grid-column:span 1/span 1}.lg-75\:col-span-2[data-v-7f754bb2]{grid-column:span 2/span 2}.lg-75\:col-span-3[data-v-7f754bb2]{grid-column:span 3/span 3}.lg-75\:col-span-4[data-v-7f754bb2]{grid-column:span 4/span 4}.lg-75\:col-span-5[data-v-7f754bb2]{grid-column:span 5/span 5}.lg-75\:col-span-6[data-v-7f754bb2]{grid-column:span 6/span 6}.lg-75\:col-span-7[data-v-7f754bb2]{grid-column:span 7/span 7}.lg-75\:col-span-8[data-v-7f754bb2]{grid-column:span 8/span 8}.lg-75\:col-span-9[data-v-7f754bb2]{grid-column:span 9/span 9}.lg-75\:col-span-10[data-v-7f754bb2]{grid-column:span 10/span 10}.lg-75\:col-span-11[data-v-7f754bb2]{grid-column:span 11/span 11}.lg-75\:col-span-12[data-v-7f754bb2]{grid-column:span 12/span 12}.lg-75\:col-span-full[data-v-7f754bb2]{grid-column:1/-1}}.flex[data-v-7f754bb2]{display:flex}.flex-inline[data-v-7f754bb2]{display:inline-flex}.flex-column[data-v-7f754bb2]{flex-direction:column}.flex-column-reverse[data-v-7f754bb2]{flex-direction:column-reverse}.flex-row[data-v-7f754bb2]{flex-direction:column}.flex-wrap[data-v-7f754bb2]{flex-wrap:wrap}.flex-1[data-v-7f754bb2]{flex:1}.flex-grow-2[data-v-7f754bb2]{flex-grow:2}.flex-shrink-0[data-v-7f754bb2]{flex-shrink:0}.justify-center[data-v-7f754bb2]{justify-content:center}.justify-flex-end[data-v-7f754bb2]{justify-content:flex-end}.justify-flex-start[data-v-7f754bb2]{justify-content:flex-start}.align-center[data-v-7f754bb2]{align-items:center}.align-start[data-v-7f754bb2]{align-items:flex-start}.align-self-center[data-v-7f754bb2]{align-self:center}.flex-content-center[data-v-7f754bb2]{place-content:center center}.space-between[data-v-7f754bb2]{justify-content:space-between}.ml-auto[data-v-7f754bb2]{margin-left:auto}.ml-base[data-v-7f754bb2]{margin-left:var(--spacing-base)}.ml-75[data-v-7f754bb2]{margin-left:var(--spacing-75)}.ml-xs[data-v-7f754bb2]{margin-left:var(--spacing-xs)}.ml-xxs[data-v-7f754bb2]{margin-left:var(--spacing-xxs)}.mt-base[data-v-7f754bb2]{margin-top:var(--spacing-base)}.mt-md[data-v-7f754bb2]{margin-top:var(--spacing-md)}.mr-auto[data-v-7f754bb2]{margin-right:auto}.mr-base[data-v-7f754bb2]{margin-right:var(--spacing-base)}.mr-75[data-v-7f754bb2]{margin-right:var(--spacing-75)}.mr-xs[data-v-7f754bb2]{margin-right:var(--spacing-xs)}.mr-xxs[data-v-7f754bb2]{margin-right:var(--spacing-xxs)}.mb-0[data-v-7f754bb2]{margin-bottom:0}.mb-xs[data-v-7f754bb2]{margin-bottom:var(--spacing-xs)}.mb-xxs[data-v-7f754bb2]{margin-bottom:var(--spacing-xxs)}.mb-base[data-v-7f754bb2]{margin-bottom:var(--spacing-base)}.mb-sm[data-v-7f754bb2]{margin-bottom:var(--spacing-sm)}.mb-md[data-v-7f754bb2]{margin-bottom:var(--spacing-md)}.mb-75[data-v-7f754bb2]{margin-bottom:var(--spacing-75)}.mb-lg[data-v-7f754bb2]{margin-bottom:var(--spacing-lg)}.mb-xl[data-v-7f754bb2]{margin-bottom:var(--spacing-xl)}.euro-sign[data-v-7f754bb2]:first-letter{color:var(--grey-5);font-weight:400}.uppercase[data-v-7f754bb2]{text-transform:uppercase}.capitalize[data-v-7f754bb2]{text-transform:capitalize}.reset-btn[data-v-7f754bb2]{background:#0000}.reset-btn[data-v-7f754bb2],.reset-input[data-v-7f754bb2]{border:none;border-radius:0;padding:0}.relative[data-v-7f754bb2]{position:relative}.full-width[data-v-7f754bb2]{width:100%}.fade-enter-active[data-v-7f754bb2]{transition:var(--transition-opacity-enter)}.fade-leave-active[data-v-7f754bb2]{transition:var(--transition-opacity-leave)}.fade-enter-from[data-v-7f754bb2],.fade-leave-to[data-v-7f754bb2]{opacity:0}.fade-fast-enter-active[data-v-7f754bb2],.fade-fast-leave-active[data-v-7f754bb2]{transition:all .125s}.fade-fast-enter-from[data-v-7f754bb2],.fade-fast-leave-to[data-v-7f754bb2]{opacity:0}.fade-move-fast-enter-active[data-v-7f754bb2]{transition:all .125s ease-out}.fade-move-fast-leave-active[data-v-7f754bb2]{transition:all .2s ease-in}.fade-move-fast-enter-from[data-v-7f754bb2],.fade-move-fast-leave-to[data-v-7f754bb2]{opacity:0;transform:translateY(2%)}.fade-out-fast-leave-active[data-v-7f754bb2]{transition:all .125s}.fade-out-fast-leave-to[data-v-7f754bb2],.slide-left-enter-from[data-v-7f754bb2],.slide-left-leave-to[data-v-7f754bb2],.slide-right-enter-from[data-v-7f754bb2],.slide-right-leave-to[data-v-7f754bb2]{opacity:0}.slide-left-enter-from[data-v-7f754bb2],.slide-right-leave-to[data-v-7f754bb2]{transform:translateX(120%)}.slide-left-leave-to[data-v-7f754bb2],.slide-right-enter-from[data-v-7f754bb2]{transform:translateX(-120%)}.slide-left-enter-active[data-v-7f754bb2],.slide-left-leave-active[data-v-7f754bb2],.slide-right-enter-active[data-v-7f754bb2],.slide-right-leave-active[data-v-7f754bb2]{transition:all .2s ease}.slide-sidebar-enter-active[data-v-7f754bb2]{transition:var(--transition-transform-enter)}.slide-sidebar-leave-active[data-v-7f754bb2]{transition:var(--transition-transform-leave)}.slide-sidebar-enter-from[data-v-7f754bb2],.slide-sidebar-leave-to[data-v-7f754bb2]{transform:translateX(100%)}.overlay-enter-active[data-v-7f754bb2]{transition:var(--transition-opacity-enter)}.overlay-enter-active .overlay-container[data-v-7f754bb2]{transition:var(--transition-transform-enter)}.overlay-leave-active[data-v-7f754bb2]{transition:var(--transition-opacity-leave)}.overlay-leave-active .overlay-container[data-v-7f754bb2]{transition:var(--transition-transform-leave)}.overlay-enter-from[data-v-7f754bb2]{opacity:0}.overlay-enter-from .overlay-container[data-v-7f754bb2]{transform:translateY(30px)}.overlay-leave-to[data-v-7f754bb2]{opacity:0}.overlay-leave-to .overlay-container[data-v-7f754bb2]{transform:translateY(30px)}.vue-notification-group[data-v-7f754bb2]{padding:var(--spacing-xs);margin-top:var(--nav);z-index:var(--z-index-notification);pointer-events:none;display:flex;justify-content:flex-end}.notification[data-v-7f754bb2]{background-color:var(--white);color:var(--grey-6);font-size:var(--type-scale-sm);line-height:var(--spacing-sm);padding:var(--spacing-base);margin-bottom:var(--spacing-xs);border:var(--border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-2);display:flex;max-width:400px}.notification .notification-title[data-v-7f754bb2]{color:var(--black);font-size:var(--type-scale-sm);font-weight:700;margin-bottom:var(--spacing-xxs)}.notification.info .notification-title[data-v-7f754bb2]{color:var(--black)}.notification.error .notification-title[data-v-7f754bb2]{color:var(--error)}.notification.success .notification-title[data-v-7f754bb2]{color:var(--success)}.notification.warn .notification-title[data-v-7f754bb2]{color:var(--orange)}.notification-icon svg[data-v-7f754bb2]{margin-right:var(--spacing-base)}.notification-button[data-v-7f754bb2]{margin-top:var(--spacing-base)}.notification-content-wrapper[data-v-7f754bb2]{flex-basis:100%}.notification-close[data-v-7f754bb2]{pointer-events:all;margin-left:var(--spacing-base)}.notification-close svg[data-v-7f754bb2]{color:var(--grey-5)}@media(width <= 36rem){.vue-notification-group[data-v-7f754bb2]{justify-content:center}.vue-notification-group .notification[data-v-7f754bb2]{max-width:100%}.vue-notification-group>span[data-v-7f754bb2]{width:100%}}[data-v-7f754bb2]:root{--rainbow-gradient-animation:gradient 7s ease infinite}@keyframes gradient-7f754bb2{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.help-menu-container[data-v-7f754bb2]{position:fixed;bottom:var(--spacing-xs);right:var(--spacing-xs);z-index:var(--z-index-help-menu)}.help-button-wrapper[data-v-7f754bb2]{position:relative}.help-button-wrapper>button[data-v-7f754bb2]{background-color:var(--white);color:var(--black);border:1px solid var(--grey-4);border-radius:999px;width:32px;height:32px;cursor:pointer;transition:background-color var(--transition-speed-enter)}.help-button-wrapper>button[data-v-7f754bb2]:hover{background-color:var(--grey-1)}.help-button-wrapper>button[data-v-7f754bb2]:focus{outline:1px solid var(--grey-4);outline-offset:2px}.help-button-wrapper .help-items-wrapper[data-v-7f754bb2]{position:absolute;bottom:calc(32px + var(--spacing-xs));right:0;background-color:var(--white);border:1px solid var(--grey-2);border-radius:var(--border-radius-base);overflow:hidden;display:flex;flex-direction:column;gap:4px;width:max-content}.help-button-wrapper .help-items-wrapper ul[data-v-7f754bb2]{list-style-type:none;padding:0;margin:0;font-size:var(--type-scale-sm)}.help-button-wrapper .help-items-wrapper ul li[data-v-7f754bb2]{cursor:pointer;transition:background-color var(--transition-speed-enter)}.help-button-wrapper .help-items-wrapper ul li sup[data-v-7f754bb2]{display:inline-block;color:var(--grey-6);transform:translate(-2px,-2px)}.help-button-wrapper .help-items-wrapper ul li[data-v-7f754bb2]>*{padding:var(--spacing-xs) var(--spacing-75);display:flex;flex-direction:row;gap:var(--spacing-xs);align-items:center;width:100%}.help-button-wrapper .help-items-wrapper ul li>button[data-v-7f754bb2]{background:none;border:none;color:var(--black);cursor:pointer;font-size:var(--type-scale-sm);text-align:left;width:100%}.help-button-wrapper .help-items-wrapper ul li[data-v-7f754bb2]:hover{background-color:var(--grey-1)}.help-button-wrapper .help-items-wrapper ul li[data-v-7f754bb2]:not(:last-child){border-bottom:1px solid var(--grey-2)}.help-button-wrapper .help-items-wrapper .help-item-icon[data-v-7f754bb2]{width:18px;height:18px}.help-appear-enter-active[data-v-7f754bb2],.help-appear-leave-active[data-v-7f754bb2]{transition:opacity var(--transition-speed-enter)}.help-appear-enter[data-v-7f754bb2],.help-appear-leave-to[data-v-7f754bb2]{opacity:0}:root{--white:#fff;--white-0:#fff0;--white-20:#fff3;--white-30:#ffffff4d;--white-40:#fff6;--white-50:#ffffff80;--white-60:#fff9;--white-70:#ffffffb3;--white-80:#fffc;--white-90:#ffffffe6;--grey-1:#f5f5f5;--grey-2:#e8e8e8;--grey-4:#d2d2d2;--grey-5:#979b9e;--grey-6:#6c7073;--black:#1b1b1b;--black-0:#0000;--black-10:#2b2c371a;--black-30:#2b2c374d;--black-40:#2b2c3766;--black-50:#2b2c3780;--black-60:#2b2c3799;--black-80:#2b2c37cc;--black-90:#2b2c37e6;--green:#4caf50;--purple:#c597ff;--blue:#00f;--blue-10:#0000ff1a;--blue-20:#00f3;--blue-60:#00f9;--orange:#c94c00;--orange-10:#c94c001a;--yellow:#fae210;--yellow-10:#fae2101a;--yellow-40:#fae21066;--cream:#f6f5f0;--cream-20:#e5e5e1;--cream-30:#ccccc4;--cream-50:#6d6e69;--control:#3a3a431a;--footer:#3232321a;--success:var(--green);--error:var(--orange);--water-blue:#4498e5;--emissions-green:#4fc369;--energy-orange:#f68768;--selected-canvas-border:1px solid var(--blue);--rainbow-gradient:linear-gradient(90deg,#fef9cf,#ffe8d7,#fdd5cd,#f8d9f3,#efcff2,#dadafa,#d5ebff,#dcf3e1);--font-primary:"Helvetica Neue",helvetica,arial,sans-serif;--font-primary-src:local("Helvetica Neue"),local("Helvetica");--font-secondary:"Source Code Pro",monospace;--font-secondary-src:local("Source Code Pro");--type-scale-xxs:0.5rem;--type-scale-xs:0.6875rem;--type-scale-sm:0.8125rem;--type-scale-base:1rem;--type-scale-md:1.25rem;--type-scale-lg:1.5rem;--type-scale-xl:2rem;--type-scale-40:2.5rem;--type-scale-56:3.5rem;--type-scale-xxl:5rem;--border-primary:1px solid var(--black);--border-primary-10:1px solid var(--black-10);--border-primary-thin:0.5px solid var(--black);--border-primary-thin-dashed:0.5px dashed var(--black);--border-primary-heavy:2px solid var(--black);--border-secondary:1px solid var(--grey-2);--border-secondary-heavy:2px solid var(--grey-2);--border-secondary-dashed:1px dashed var(--grey-2);--border-tertiary:1px solid var(--grey-4);--border-tertiary-thin:0.5px solid var(--grey-4);--border-tertiary-heavy:2px solid var(--grey-4);--border-tertiary-dashed:1px dashed var(--grey-4);--border-transparent:1px solid #0000;--border-transparent-heavy:2px solid #0000;--border-yellow:1px solid var(--yellow);--border-orange:1px solid var(--orange);--border-white:1px solid var(--white);--border-cream:1px solid var(--cream);--border-cream-30:1px solid var(--cream-30);--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-base:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-xxl:32px;--border-radius-round:9999px;--border-radius-button:10px;--spacing-xxxs:0.125rem;--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-75:0.75rem;--spacing-base:1rem;--spacing-sm:1.25rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:5rem;--spacing-xxxl:10rem;--line-height-sm:100%;--line-height-base:120%;--line-height-md:150%;--box-shadow-1:0 0 40px #2b2c371a;--box-shadow-2:0 2px 0 0 #2b2c3714;--soft-shadow:0 4px 40px #2b2c371a;--nav:64px;--editor-nav:48px;--controls:48px;--controls-top-margin:calc(var(--controls)*3);--step-header:105px;--notifications-list:360px;--gradient-loading-icon:26px;--vh-with-nav:calc(100vh - var(--nav));--vh-with-editor-nav:calc(100vh - var(--editor-nav));--vh-with-nav-and-controls:calc(100vh - var(--nav) - var(--controls));--vh-with-nav-and-step:calc(100vh - var(--nav) - var(--controls) - var(--step-header));--yarn-color-height:calc(100vh - var(--controls-top-margin) - var(--spacing-md) - 116px);--layers-panel-width:250px;--layer-button-icon:18px;--canvas-width:1008px;--canvas-length:756px;--main-panel-width:360px;--sub-panel-width:var(--main-panel-width);--sample-bar-bottom:1rem;--overlay-modal-bottom:calc(var(--sample-bar-bottom) + 64px + 1rem);--transition-ease-out:cubic-bezier(0.215,0.61,0.355,1);--transition-ease-in:cubic-bezier(0.75,0,1,1);--transition-ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--transition-linear:linear;--transition-speed-enter:250ms;--transition-speed-leave:300ms;--transition-input-enter:background-color var(--transition-speed-enter) var(--transition-ease-out),color var(--transition-speed-enter) var(--transition-ease-out),border-color var(--transition-speed-enter) var(--transition-ease-out),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-input-leave:background-color var(--transition-speed-leave) var(--transition-ease-in),color var(--transition-speed-leave) var(--transition-ease-in),border-color var(--transition-speed-leave) var(--transition-ease-in),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-enter:transform var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-leave:transform var(--transition-speed-leave) var(--transition-ease-in);--transition-opacity-enter:opacity var(--transition-speed-enter) var(--transition-ease-out);--transition-opacity-leave:opacity var(--transition-speed-leave) var(--transition-ease-in);--transition-fill-enter:fill var(--transition-speed-enter) var(--transition-ease-out);--transition-fill-leave:fill var(--transition-speed-leave) var(--transition-ease-in);--z-index-base:0;--z-index-nav:2;--z-index-view:10;--z-index-panel:25;--z-index-customizer:52;--z-index-help-menu:53;--z-index-overlay:54;--z-index-sidebar:55;--z-index-notification:60;--z-index-loading:70;--z-index-full-page:999;--backdrop-blur-2:blur(2px)}@media(prefers-reduced-motion:reduce){:root{--transition-speed-enter:0;--transition-speed-leave:0}}body,html{font-family:var(--font-primary)}h1{font-size:var(--type-scale-xl)}h1,h2{font-weight:400}h2{font-size:var(--type-scale-lg)}h3{font-weight:400}h3,h4{font-size:var(--type-scale-md)}h4{font-weight:700}p{font-size:var(--type-scale-base)}.text-body{font-size:var(--type-scale-md)}.text-meta{font-family:var(--font-secondary)}.text-meta,.text-small{font-size:var(--type-scale-sm)}.font-mono{font-family:var(--font-secondary)}.text-uppercase{text-transform:uppercase}.text-center{text-align:center}.measure{max-width:30em}.measure-wide{max-width:34em}.measure-narrow{max-width:20em}.header-6{font-weight:700;line-height:120%;font-size:var(--type-scale-sm);margin-bottom:var(--spacing-75);color:var(--black)}.descriptive-text,.descriptive-text--grey{color:var(--black);font-size:var(--type-scale-sm);line-height:125%}.descriptive-text--grey{color:var(--grey-6)}.descriptive-text--grey a{color:inherit;text-decoration:underline;transition:color var(--transition-speed-enter) var(--transition-ease-out)}.descriptive-text--grey a:hover{color:var(--black);text-decoration:underline}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:initial}*,:after,:before{box-sizing:inherit}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html{box-sizing:border-box;overflow:auto}input:focus,textarea:focus{outline:none}button{font-family:var(--font-primary);font-size:var(--type-scale-base);cursor:pointer}button:focus{outline:0}a,a:hover{text-decoration:none}p{line-height:1;margin:0 0 var(--spacing-base)}p:last-child{margin-bottom:0}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{appearance:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--breakpoint-xs:24rem;--breakpoint-sm:36rem;--breakpoint-md:48rem;--breakpoint-lg:62rem;--breakpoint-lg-75:75rem;--breakpoint-xl:90rem;--grid-template:repeat(4,minmax(0,1fr));--grid-gap:1rem}.contained-section{margin:0 auto;max-width:var(--breakpoint-lg-75);width:100%;padding:var(--spacing-lg) var(--spacing-base)}@media screen and (width >= 48rem){:root{--grid-template:repeat(12,minmax(0,1fr));--grid-gap:2rem}.contained-section{padding:calc(var(--spacing-md)*2)}}@media screen and (36rem <= width <= 48rem){:root{--grid-template:repeat(6,minmax(0,1fr));--grid-gap:1.5rem}}.grid{display:grid;grid-template-columns:var(--grid-template);gap:var(--grid-gap);grid-auto-columns:minmax(auto,max-content)}.no-gap{gap:0}.col-auto{grid-column:auto}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}@media screen and (36rem <= width <= 48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-full{grid-column:1/-1}}@media screen and (width >= 48rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-11{grid-column:span 11/span 11}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:col-span-full{grid-column:1/-1}.lg\:col-offset-2,.lg\:col-offset-3{grid-column-start:3}.lg\:col-offset-7{grid-column-start:7}.lg\:col-offset-8{grid-column-start:8}.lg\:col-offset-9{grid-column-start:9}}@media screen and (min-width:48rem)and (max-width:75rem){.lg-75\:col-span-1{grid-column:span 1/span 1}.lg-75\:col-span-2{grid-column:span 2/span 2}.lg-75\:col-span-3{grid-column:span 3/span 3}.lg-75\:col-span-4{grid-column:span 4/span 4}.lg-75\:col-span-5{grid-column:span 5/span 5}.lg-75\:col-span-6{grid-column:span 6/span 6}.lg-75\:col-span-7{grid-column:span 7/span 7}.lg-75\:col-span-8{grid-column:span 8/span 8}.lg-75\:col-span-9{grid-column:span 9/span 9}.lg-75\:col-span-10{grid-column:span 10/span 10}.lg-75\:col-span-11{grid-column:span 11/span 11}.lg-75\:col-span-12{grid-column:span 12/span 12}.lg-75\:col-span-full{grid-column:1/-1}}.flex{display:flex}.flex-inline{display:inline-flex}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}.flex-row{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-grow-2{flex-grow:2}.flex-shrink-0{flex-shrink:0}.justify-center{justify-content:center}.justify-flex-end{justify-content:flex-end}.justify-flex-start{justify-content:flex-start}.align-center{align-items:center}.align-start{align-items:flex-start}.align-self-center{align-self:center}.flex-content-center{place-content:center center}.space-between{justify-content:space-between}.ml-auto{margin-left:auto}.ml-base{margin-left:var(--spacing-base)}.ml-75{margin-left:var(--spacing-75)}.ml-xs{margin-left:var(--spacing-xs)}.ml-xxs{margin-left:var(--spacing-xxs)}.mt-base{margin-top:var(--spacing-base)}.mt-md{margin-top:var(--spacing-md)}.mr-auto{margin-right:auto}.mr-base{margin-right:var(--spacing-base)}.mr-75{margin-right:var(--spacing-75)}.mr-xs{margin-right:var(--spacing-xs)}.mr-xxs{margin-right:var(--spacing-xxs)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-xxs{margin-bottom:var(--spacing-xxs)}.mb-base{margin-bottom:var(--spacing-base)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-75{margin-bottom:var(--spacing-75)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.euro-sign:first-letter{color:var(--grey-5);font-weight:400}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.reset-btn{background:#0000}.reset-btn,.reset-input{border:none;border-radius:0;padding:0}.relative{position:relative}.full-width{width:100%}.fade-enter-active{transition:var(--transition-opacity-enter)}.fade-leave-active{transition:var(--transition-opacity-leave)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-fast-enter-active,.fade-fast-leave-active{transition:all .125s}.fade-fast-enter-from,.fade-fast-leave-to{opacity:0}.fade-move-fast-enter-active{transition:all .125s ease-out}.fade-move-fast-leave-active{transition:all .2s ease-in}.fade-move-fast-enter-from,.fade-move-fast-leave-to{opacity:0;transform:translateY(2%)}.fade-out-fast-leave-active{transition:all .125s}.fade-out-fast-leave-to,.slide-left-enter-from,.slide-left-leave-to,.slide-right-enter-from,.slide-right-leave-to{opacity:0}.slide-left-enter-from,.slide-right-leave-to{transform:translateX(120%)}.slide-left-leave-to,.slide-right-enter-from{transform:translateX(-120%)}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:all .2s ease}.slide-sidebar-enter-active{transition:var(--transition-transform-enter)}.slide-sidebar-leave-active{transition:var(--transition-transform-leave)}.slide-sidebar-enter-from,.slide-sidebar-leave-to{transform:translateX(100%)}.overlay-enter-active{transition:var(--transition-opacity-enter)}.overlay-enter-active .overlay-container{transition:var(--transition-transform-enter)}.overlay-leave-active{transition:var(--transition-opacity-leave)}.overlay-leave-active .overlay-container{transition:var(--transition-transform-leave)}.overlay-enter-from{opacity:0}.overlay-enter-from .overlay-container{transform:translateY(30px)}.overlay-leave-to{opacity:0}.overlay-leave-to .overlay-container{transform:translateY(30px)}.vue-notification-group{padding:var(--spacing-xs);margin-top:var(--nav);z-index:var(--z-index-notification);pointer-events:none;display:flex;justify-content:flex-end}.notification{background-color:var(--white);color:var(--grey-6);font-size:var(--type-scale-sm);line-height:var(--spacing-sm);padding:var(--spacing-base);margin-bottom:var(--spacing-xs);border:var(--border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-2);display:flex;max-width:400px}.notification .notification-title{color:var(--black);font-size:var(--type-scale-sm);font-weight:700;margin-bottom:var(--spacing-xxs)}.notification.info .notification-title{color:var(--black)}.notification.error .notification-title{color:var(--error)}.notification.success .notification-title{color:var(--success)}.notification.warn .notification-title{color:var(--orange)}.notification-icon svg{margin-right:var(--spacing-base)}.notification-button{margin-top:var(--spacing-base)}.notification-content-wrapper{flex-basis:100%}.notification-close{pointer-events:all;margin-left:var(--spacing-base)}.notification-close svg{color:var(--grey-5)}@media(width <= 36rem){.vue-notification-group{justify-content:center}.vue-notification-group .notification{max-width:100%}.vue-notification-group>span{width:100%}}:root{--rainbow-gradient-animation:gradient 7s ease infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}body,html{margin:0;background-color:var(--cream)}@media print{body,html{background-color:var(--white)}}#app{min-height:calc(100vh - var(--nav));margin-top:var(--nav)}main{width:100%;height:100%}a{color:var(--black);text-decoration:none}hr{margin:0;padding:0;border:0;background-color:var(--black);width:100%;height:1px;overflow:hidden}.error-message{margin-top:.5rem;line-height:1}.error-message p{color:var(--orange);font-size:.8rem}.safari-border-overflow{backface-visibility:hidden;transform:translateZ(0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0)}.applications{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.applications span{background-color:var(--grey-1);border:var(--border-tertiary);font-size:var(--type-scale-sm);border-radius:var(--border-radius-base);padding:var(--spacing-xxs) var(--spacing-xs);color:var(--grey-6);display:inline-block;text-transform:capitalize;width:fit-content}[data-v-419f6fbf]:root{--white:#fff;--white-0:#fff0;--white-20:#fff3;--white-30:#ffffff4d;--white-40:#fff6;--white-50:#ffffff80;--white-60:#fff9;--white-70:#ffffffb3;--white-80:#fffc;--white-90:#ffffffe6;--grey-1:#f5f5f5;--grey-2:#e8e8e8;--grey-4:#d2d2d2;--grey-5:#979b9e;--grey-6:#6c7073;--black:#1b1b1b;--black-0:#0000;--black-10:#2b2c371a;--black-30:#2b2c374d;--black-40:#2b2c3766;--black-50:#2b2c3780;--black-60:#2b2c3799;--black-80:#2b2c37cc;--black-90:#2b2c37e6;--green:#4caf50;--purple:#c597ff;--blue:#00f;--blue-10:#0000ff1a;--blue-20:#00f3;--blue-60:#00f9;--orange:#c94c00;--orange-10:#c94c001a;--yellow:#fae210;--yellow-10:#fae2101a;--yellow-40:#fae21066;--cream:#f6f5f0;--cream-20:#e5e5e1;--cream-30:#ccccc4;--cream-50:#6d6e69;--control:#3a3a431a;--footer:#3232321a;--success:var(--green);--error:var(--orange);--water-blue:#4498e5;--emissions-green:#4fc369;--energy-orange:#f68768;--selected-canvas-border:1px solid var(--blue);--rainbow-gradient:linear-gradient(90deg,#fef9cf,#ffe8d7,#fdd5cd,#f8d9f3,#efcff2,#dadafa,#d5ebff,#dcf3e1);--font-primary:"Helvetica Neue",helvetica,arial,sans-serif;--font-primary-src:local("Helvetica Neue"),local("Helvetica");--font-secondary:"Source Code Pro",monospace;--font-secondary-src:local("Source Code Pro");--type-scale-xxs:0.5rem;--type-scale-xs:0.6875rem;--type-scale-sm:0.8125rem;--type-scale-base:1rem;--type-scale-md:1.25rem;--type-scale-lg:1.5rem;--type-scale-xl:2rem;--type-scale-40:2.5rem;--type-scale-56:3.5rem;--type-scale-xxl:5rem;--border-primary:1px solid var(--black);--border-primary-10:1px solid var(--black-10);--border-primary-thin:0.5px solid var(--black);--border-primary-thin-dashed:0.5px dashed var(--black);--border-primary-heavy:2px solid var(--black);--border-secondary:1px solid var(--grey-2);--border-secondary-heavy:2px solid var(--grey-2);--border-secondary-dashed:1px dashed var(--grey-2);--border-tertiary:1px solid var(--grey-4);--border-tertiary-thin:0.5px solid var(--grey-4);--border-tertiary-heavy:2px solid var(--grey-4);--border-tertiary-dashed:1px dashed var(--grey-4);--border-transparent:1px solid #0000;--border-transparent-heavy:2px solid #0000;--border-yellow:1px solid var(--yellow);--border-orange:1px solid var(--orange);--border-white:1px solid var(--white);--border-cream:1px solid var(--cream);--border-cream-30:1px solid var(--cream-30);--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-base:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-xxl:32px;--border-radius-round:9999px;--border-radius-button:10px;--spacing-xxxs:0.125rem;--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-75:0.75rem;--spacing-base:1rem;--spacing-sm:1.25rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:5rem;--spacing-xxxl:10rem;--line-height-sm:100%;--line-height-base:120%;--line-height-md:150%;--box-shadow-1:0 0 40px #2b2c371a;--box-shadow-2:0 2px 0 0 #2b2c3714;--soft-shadow:0 4px 40px #2b2c371a;--nav:64px;--editor-nav:48px;--controls:48px;--controls-top-margin:calc(var(--controls)*3);--step-header:105px;--notifications-list:360px;--gradient-loading-icon:26px;--vh-with-nav:calc(100vh - var(--nav));--vh-with-editor-nav:calc(100vh - var(--editor-nav));--vh-with-nav-and-controls:calc(100vh - var(--nav) - var(--controls));--vh-with-nav-and-step:calc(100vh - var(--nav) - var(--controls) - var(--step-header));--yarn-color-height:calc(100vh - var(--controls-top-margin) - var(--spacing-md) - 116px);--layers-panel-width:250px;--layer-button-icon:18px;--canvas-width:1008px;--canvas-length:756px;--main-panel-width:360px;--sub-panel-width:var(--main-panel-width);--sample-bar-bottom:1rem;--overlay-modal-bottom:calc(var(--sample-bar-bottom) + 64px + 1rem);--transition-ease-out:cubic-bezier(0.215,0.61,0.355,1);--transition-ease-in:cubic-bezier(0.75,0,1,1);--transition-ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--transition-linear:linear;--transition-speed-enter:250ms;--transition-speed-leave:300ms;--transition-input-enter:background-color var(--transition-speed-enter) var(--transition-ease-out),color var(--transition-speed-enter) var(--transition-ease-out),border-color var(--transition-speed-enter) var(--transition-ease-out),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-input-leave:background-color var(--transition-speed-leave) var(--transition-ease-in),color var(--transition-speed-leave) var(--transition-ease-in),border-color var(--transition-speed-leave) var(--transition-ease-in),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-enter:transform var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-leave:transform var(--transition-speed-leave) var(--transition-ease-in);--transition-opacity-enter:opacity var(--transition-speed-enter) var(--transition-ease-out);--transition-opacity-leave:opacity var(--transition-speed-leave) var(--transition-ease-in);--transition-fill-enter:fill var(--transition-speed-enter) var(--transition-ease-out);--transition-fill-leave:fill var(--transition-speed-leave) var(--transition-ease-in);--z-index-base:0;--z-index-nav:2;--z-index-view:10;--z-index-panel:25;--z-index-customizer:52;--z-index-help-menu:53;--z-index-overlay:54;--z-index-sidebar:55;--z-index-notification:60;--z-index-loading:70;--z-index-full-page:999;--backdrop-blur-2:blur(2px)}@media(prefers-reduced-motion:reduce){[data-v-419f6fbf]:root{--transition-speed-enter:0;--transition-speed-leave:0}}body[data-v-419f6fbf],html[data-v-419f6fbf]{font-family:var(--font-primary)}h1[data-v-419f6fbf]{font-size:var(--type-scale-xl);font-weight:400}h2[data-v-419f6fbf]{font-size:var(--type-scale-lg);font-weight:400}h3[data-v-419f6fbf]{font-size:var(--type-scale-md);font-weight:400}h4[data-v-419f6fbf]{font-size:var(--type-scale-md);font-weight:700}p[data-v-419f6fbf]{font-size:var(--type-scale-base)}.text-body[data-v-419f6fbf]{font-size:var(--type-scale-md)}.text-meta[data-v-419f6fbf]{font-family:var(--font-secondary)}.text-meta[data-v-419f6fbf],.text-small[data-v-419f6fbf]{font-size:var(--type-scale-sm)}.font-mono[data-v-419f6fbf]{font-family:var(--font-secondary)}.text-uppercase[data-v-419f6fbf]{text-transform:uppercase}.text-center[data-v-419f6fbf]{text-align:center}.measure[data-v-419f6fbf]{max-width:30em}.measure-wide[data-v-419f6fbf]{max-width:34em}.measure-narrow[data-v-419f6fbf]{max-width:20em}.header-6[data-v-419f6fbf]{font-weight:700;line-height:120%;font-size:var(--type-scale-sm);margin-bottom:var(--spacing-75);color:var(--black)}.descriptive-text--grey[data-v-419f6fbf],.descriptive-text[data-v-419f6fbf]{color:var(--black);font-size:var(--type-scale-sm);line-height:125%}.descriptive-text--grey[data-v-419f6fbf]{color:var(--grey-6)}.descriptive-text--grey a[data-v-419f6fbf]{color:inherit;text-decoration:underline;transition:color var(--transition-speed-enter) var(--transition-ease-out)}.descriptive-text--grey a[data-v-419f6fbf]:hover{color:var(--black);text-decoration:underline}a[data-v-419f6fbf],abbr[data-v-419f6fbf],acronym[data-v-419f6fbf],address[data-v-419f6fbf],applet[data-v-419f6fbf],article[data-v-419f6fbf],aside[data-v-419f6fbf],audio[data-v-419f6fbf],b[data-v-419f6fbf],big[data-v-419f6fbf],blockquote[data-v-419f6fbf],body[data-v-419f6fbf],canvas[data-v-419f6fbf],caption[data-v-419f6fbf],center[data-v-419f6fbf],cite[data-v-419f6fbf],code[data-v-419f6fbf],dd[data-v-419f6fbf],del[data-v-419f6fbf],details[data-v-419f6fbf],dfn[data-v-419f6fbf],div[data-v-419f6fbf],dl[data-v-419f6fbf],dt[data-v-419f6fbf],em[data-v-419f6fbf],embed[data-v-419f6fbf],fieldset[data-v-419f6fbf],figcaption[data-v-419f6fbf],figure[data-v-419f6fbf],footer[data-v-419f6fbf],form[data-v-419f6fbf],h1[data-v-419f6fbf],h2[data-v-419f6fbf],h3[data-v-419f6fbf],h4[data-v-419f6fbf],h5[data-v-419f6fbf],h6[data-v-419f6fbf],header[data-v-419f6fbf],hgroup[data-v-419f6fbf],html[data-v-419f6fbf],i[data-v-419f6fbf],iframe[data-v-419f6fbf],img[data-v-419f6fbf],ins[data-v-419f6fbf],kbd[data-v-419f6fbf],label[data-v-419f6fbf],legend[data-v-419f6fbf],li[data-v-419f6fbf],mark[data-v-419f6fbf],menu[data-v-419f6fbf],nav[data-v-419f6fbf],object[data-v-419f6fbf],ol[data-v-419f6fbf],output[data-v-419f6fbf],pre[data-v-419f6fbf],q[data-v-419f6fbf],ruby[data-v-419f6fbf],s[data-v-419f6fbf],samp[data-v-419f6fbf],section[data-v-419f6fbf],small[data-v-419f6fbf],span[data-v-419f6fbf],strike[data-v-419f6fbf],strong[data-v-419f6fbf],sub[data-v-419f6fbf],summary[data-v-419f6fbf],sup[data-v-419f6fbf],table[data-v-419f6fbf],tbody[data-v-419f6fbf],td[data-v-419f6fbf],tfoot[data-v-419f6fbf],th[data-v-419f6fbf],thead[data-v-419f6fbf],time[data-v-419f6fbf],tr[data-v-419f6fbf],tt[data-v-419f6fbf],u[data-v-419f6fbf],ul[data-v-419f6fbf],var[data-v-419f6fbf],video[data-v-419f6fbf]{margin:0;padding:0;border:0;vertical-align:initial}[data-v-419f6fbf],[data-v-419f6fbf]:after,[data-v-419f6fbf]:before{box-sizing:inherit}[data-v-419f6fbf]{-webkit-tap-highlight-color:rgba(0,0,0,0)}body[data-v-419f6fbf]{line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html[data-v-419f6fbf]{box-sizing:border-box;overflow:auto}input[data-v-419f6fbf]:focus,textarea[data-v-419f6fbf]:focus{outline:none}button[data-v-419f6fbf]{font-family:var(--font-primary);font-size:var(--type-scale-base);cursor:pointer}button[data-v-419f6fbf]:focus{outline:0}a[data-v-419f6fbf],a[data-v-419f6fbf]:hover{text-decoration:none}p[data-v-419f6fbf]{line-height:1;margin:0 0 var(--spacing-base)}p[data-v-419f6fbf]:last-child{margin-bottom:0}input[type=number][data-v-419f6fbf]{appearance:textfield}input[data-v-419f6fbf]::-webkit-inner-spin-button,input[data-v-419f6fbf]::-webkit-outer-spin-button{appearance:none}ol[data-v-419f6fbf],ul[data-v-419f6fbf]{list-style:none}blockquote[data-v-419f6fbf],q[data-v-419f6fbf]{quotes:none}blockquote[data-v-419f6fbf]:after,blockquote[data-v-419f6fbf]:before,q[data-v-419f6fbf]:after,q[data-v-419f6fbf]:before{content:"";content:none}table[data-v-419f6fbf]{border-collapse:collapse;border-spacing:0}[data-v-419f6fbf]:root{--breakpoint-xs:24rem;--breakpoint-sm:36rem;--breakpoint-md:48rem;--breakpoint-lg:62rem;--breakpoint-lg-75:75rem;--breakpoint-xl:90rem;--grid-template:repeat(4,minmax(0,1fr));--grid-gap:1rem}.contained-section[data-v-419f6fbf]{margin:0 auto;max-width:var(--breakpoint-lg-75);width:100%;padding:var(--spacing-lg) var(--spacing-base)}@media screen and (width >= 48rem){[data-v-419f6fbf]:root{--grid-template:repeat(12,minmax(0,1fr));--grid-gap:2rem}.contained-section[data-v-419f6fbf]{padding:calc(var(--spacing-md)*2)}}@media screen and (36rem <= width <= 48rem){[data-v-419f6fbf]:root{--grid-template:repeat(6,minmax(0,1fr));--grid-gap:1.5rem}}.grid[data-v-419f6fbf]{display:grid;grid-template-columns:var(--grid-template);gap:var(--grid-gap);grid-auto-columns:minmax(auto,max-content)}.no-gap[data-v-419f6fbf]{gap:0}.col-auto[data-v-419f6fbf]{grid-column:auto}.col-span-1[data-v-419f6fbf]{grid-column:span 1/span 1}.col-span-2[data-v-419f6fbf]{grid-column:span 2/span 2}.col-span-3[data-v-419f6fbf]{grid-column:span 3/span 3}.col-span-4[data-v-419f6fbf]{grid-column:span 4/span 4}.col-span-5[data-v-419f6fbf]{grid-column:span 5/span 5}.col-span-6[data-v-419f6fbf]{grid-column:span 6/span 6}.col-span-7[data-v-419f6fbf]{grid-column:span 7/span 7}.col-span-8[data-v-419f6fbf]{grid-column:span 8/span 8}.col-span-9[data-v-419f6fbf]{grid-column:span 9/span 9}.col-span-10[data-v-419f6fbf]{grid-column:span 10/span 10}.col-span-11[data-v-419f6fbf]{grid-column:span 11/span 11}.col-span-12[data-v-419f6fbf]{grid-column:span 12/span 12}.col-span-full[data-v-419f6fbf]{grid-column:1/-1}@media screen and (36rem <= width <= 48rem){.md\:col-span-1[data-v-419f6fbf]{grid-column:span 1/span 1}.md\:col-span-2[data-v-419f6fbf]{grid-column:span 2/span 2}.md\:col-span-3[data-v-419f6fbf]{grid-column:span 3/span 3}.md\:col-span-4[data-v-419f6fbf]{grid-column:span 4/span 4}.md\:col-span-5[data-v-419f6fbf]{grid-column:span 5/span 5}.md\:col-span-6[data-v-419f6fbf]{grid-column:span 6/span 6}.md\:col-span-full[data-v-419f6fbf]{grid-column:1/-1}}@media screen and (width >= 48rem){.lg\:col-span-1[data-v-419f6fbf]{grid-column:span 1/span 1}.lg\:col-span-2[data-v-419f6fbf]{grid-column:span 2/span 2}.lg\:col-span-3[data-v-419f6fbf]{grid-column:span 3/span 3}.lg\:col-span-4[data-v-419f6fbf]{grid-column:span 4/span 4}.lg\:col-span-5[data-v-419f6fbf]{grid-column:span 5/span 5}.lg\:col-span-6[data-v-419f6fbf]{grid-column:span 6/span 6}.lg\:col-span-7[data-v-419f6fbf]{grid-column:span 7/span 7}.lg\:col-span-8[data-v-419f6fbf]{grid-column:span 8/span 8}.lg\:col-span-9[data-v-419f6fbf]{grid-column:span 9/span 9}.lg\:col-span-10[data-v-419f6fbf]{grid-column:span 10/span 10}.lg\:col-span-11[data-v-419f6fbf]{grid-column:span 11/span 11}.lg\:col-span-12[data-v-419f6fbf]{grid-column:span 12/span 12}.lg\:col-span-full[data-v-419f6fbf]{grid-column:1/-1}.lg\:col-offset-2[data-v-419f6fbf],.lg\:col-offset-3[data-v-419f6fbf]{grid-column-start:3}.lg\:col-offset-7[data-v-419f6fbf]{grid-column-start:7}.lg\:col-offset-8[data-v-419f6fbf]{grid-column-start:8}.lg\:col-offset-9[data-v-419f6fbf]{grid-column-start:9}}@media screen and (min-width:48rem)and (max-width:75rem){.lg-75\:col-span-1[data-v-419f6fbf]{grid-column:span 1/span 1}.lg-75\:col-span-2[data-v-419f6fbf]{grid-column:span 2/span 2}.lg-75\:col-span-3[data-v-419f6fbf]{grid-column:span 3/span 3}.lg-75\:col-span-4[data-v-419f6fbf]{grid-column:span 4/span 4}.lg-75\:col-span-5[data-v-419f6fbf]{grid-column:span 5/span 5}.lg-75\:col-span-6[data-v-419f6fbf]{grid-column:span 6/span 6}.lg-75\:col-span-7[data-v-419f6fbf]{grid-column:span 7/span 7}.lg-75\:col-span-8[data-v-419f6fbf]{grid-column:span 8/span 8}.lg-75\:col-span-9[data-v-419f6fbf]{grid-column:span 9/span 9}.lg-75\:col-span-10[data-v-419f6fbf]{grid-column:span 10/span 10}.lg-75\:col-span-11[data-v-419f6fbf]{grid-column:span 11/span 11}.lg-75\:col-span-12[data-v-419f6fbf]{grid-column:span 12/span 12}.lg-75\:col-span-full[data-v-419f6fbf]{grid-column:1/-1}}.flex[data-v-419f6fbf]{display:flex}.flex-inline[data-v-419f6fbf]{display:inline-flex}.flex-column[data-v-419f6fbf]{flex-direction:column}.flex-column-reverse[data-v-419f6fbf]{flex-direction:column-reverse}.flex-row[data-v-419f6fbf]{flex-direction:column}.flex-wrap[data-v-419f6fbf]{flex-wrap:wrap}.flex-1[data-v-419f6fbf]{flex:1}.flex-grow-2[data-v-419f6fbf]{flex-grow:2}.flex-shrink-0[data-v-419f6fbf]{flex-shrink:0}.justify-center[data-v-419f6fbf]{justify-content:center}.justify-flex-end[data-v-419f6fbf]{justify-content:flex-end}.justify-flex-start[data-v-419f6fbf]{justify-content:flex-start}.align-center[data-v-419f6fbf]{align-items:center}.align-start[data-v-419f6fbf]{align-items:flex-start}.align-self-center[data-v-419f6fbf]{align-self:center}.flex-content-center[data-v-419f6fbf]{place-content:center center}.space-between[data-v-419f6fbf]{justify-content:space-between}.ml-auto[data-v-419f6fbf]{margin-left:auto}.ml-base[data-v-419f6fbf]{margin-left:var(--spacing-base)}.ml-75[data-v-419f6fbf]{margin-left:var(--spacing-75)}.ml-xs[data-v-419f6fbf]{margin-left:var(--spacing-xs)}.ml-xxs[data-v-419f6fbf]{margin-left:var(--spacing-xxs)}.mt-base[data-v-419f6fbf]{margin-top:var(--spacing-base)}.mt-md[data-v-419f6fbf]{margin-top:var(--spacing-md)}.mr-auto[data-v-419f6fbf]{margin-right:auto}.mr-base[data-v-419f6fbf]{margin-right:var(--spacing-base)}.mr-75[data-v-419f6fbf]{margin-right:var(--spacing-75)}.mr-xs[data-v-419f6fbf]{margin-right:var(--spacing-xs)}.mr-xxs[data-v-419f6fbf]{margin-right:var(--spacing-xxs)}.mb-0[data-v-419f6fbf]{margin-bottom:0}.mb-xs[data-v-419f6fbf]{margin-bottom:var(--spacing-xs)}.mb-xxs[data-v-419f6fbf]{margin-bottom:var(--spacing-xxs)}.mb-base[data-v-419f6fbf]{margin-bottom:var(--spacing-base)}.mb-sm[data-v-419f6fbf]{margin-bottom:var(--spacing-sm)}.mb-md[data-v-419f6fbf]{margin-bottom:var(--spacing-md)}.mb-75[data-v-419f6fbf]{margin-bottom:var(--spacing-75)}.mb-lg[data-v-419f6fbf]{margin-bottom:var(--spacing-lg)}.mb-xl[data-v-419f6fbf]{margin-bottom:var(--spacing-xl)}.euro-sign[data-v-419f6fbf]:first-letter{color:var(--grey-5);font-weight:400}.uppercase[data-v-419f6fbf]{text-transform:uppercase}.capitalize[data-v-419f6fbf]{text-transform:capitalize}.reset-btn[data-v-419f6fbf]{background:#0000}.reset-btn[data-v-419f6fbf],.reset-input[data-v-419f6fbf]{border:none;border-radius:0;padding:0}.relative[data-v-419f6fbf]{position:relative}.full-width[data-v-419f6fbf]{width:100%}.fade-enter-active[data-v-419f6fbf]{transition:var(--transition-opacity-enter)}.fade-leave-active[data-v-419f6fbf]{transition:var(--transition-opacity-leave)}.fade-enter-from[data-v-419f6fbf],.fade-leave-to[data-v-419f6fbf]{opacity:0}.fade-fast-enter-active[data-v-419f6fbf],.fade-fast-leave-active[data-v-419f6fbf]{transition:all .125s}.fade-fast-enter-from[data-v-419f6fbf],.fade-fast-leave-to[data-v-419f6fbf]{opacity:0}.fade-move-fast-enter-active[data-v-419f6fbf]{transition:all .125s ease-out}.fade-move-fast-leave-active[data-v-419f6fbf]{transition:all .2s ease-in}.fade-move-fast-enter-from[data-v-419f6fbf],.fade-move-fast-leave-to[data-v-419f6fbf]{opacity:0;transform:translateY(2%)}.fade-out-fast-leave-active[data-v-419f6fbf]{transition:all .125s}.fade-out-fast-leave-to[data-v-419f6fbf],.slide-left-enter-from[data-v-419f6fbf],.slide-left-leave-to[data-v-419f6fbf],.slide-right-enter-from[data-v-419f6fbf],.slide-right-leave-to[data-v-419f6fbf]{opacity:0}.slide-left-enter-from[data-v-419f6fbf],.slide-right-leave-to[data-v-419f6fbf]{transform:translateX(120%)}.slide-left-leave-to[data-v-419f6fbf],.slide-right-enter-from[data-v-419f6fbf]{transform:translateX(-120%)}.slide-left-enter-active[data-v-419f6fbf],.slide-left-leave-active[data-v-419f6fbf],.slide-right-enter-active[data-v-419f6fbf],.slide-right-leave-active[data-v-419f6fbf]{transition:all .2s ease}.slide-sidebar-enter-active[data-v-419f6fbf]{transition:var(--transition-transform-enter)}.slide-sidebar-leave-active[data-v-419f6fbf]{transition:var(--transition-transform-leave)}.slide-sidebar-enter-from[data-v-419f6fbf],.slide-sidebar-leave-to[data-v-419f6fbf]{transform:translateX(100%)}.overlay-enter-active[data-v-419f6fbf]{transition:var(--transition-opacity-enter)}.overlay-enter-active .overlay-container[data-v-419f6fbf]{transition:var(--transition-transform-enter)}.overlay-leave-active[data-v-419f6fbf]{transition:var(--transition-opacity-leave)}.overlay-leave-active .overlay-container[data-v-419f6fbf]{transition:var(--transition-transform-leave)}.overlay-enter-from[data-v-419f6fbf]{opacity:0}.overlay-enter-from .overlay-container[data-v-419f6fbf]{transform:translateY(30px)}.overlay-leave-to[data-v-419f6fbf]{opacity:0}.overlay-leave-to .overlay-container[data-v-419f6fbf]{transform:translateY(30px)}.vue-notification-group[data-v-419f6fbf]{padding:var(--spacing-xs);margin-top:var(--nav);z-index:var(--z-index-notification);pointer-events:none;display:flex;justify-content:flex-end}.notification[data-v-419f6fbf]{background-color:var(--white);color:var(--grey-6);font-size:var(--type-scale-sm);line-height:var(--spacing-sm);padding:var(--spacing-base);margin-bottom:var(--spacing-xs);border:var(--border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-2);display:flex;max-width:400px}.notification .notification-title[data-v-419f6fbf]{color:var(--black);font-size:var(--type-scale-sm);font-weight:700;margin-bottom:var(--spacing-xxs)}.notification.info .notification-title[data-v-419f6fbf]{color:var(--black)}.notification.error .notification-title[data-v-419f6fbf]{color:var(--error)}.notification.success .notification-title[data-v-419f6fbf]{color:var(--success)}.notification.warn .notification-title[data-v-419f6fbf]{color:var(--orange)}.notification-icon svg[data-v-419f6fbf]{margin-right:var(--spacing-base)}.notification-button[data-v-419f6fbf]{margin-top:var(--spacing-base)}.notification-content-wrapper[data-v-419f6fbf]{flex-basis:100%}.notification-close[data-v-419f6fbf]{pointer-events:all;margin-left:var(--spacing-base)}.notification-close svg[data-v-419f6fbf]{color:var(--grey-5)}@media(width <= 36rem){.vue-notification-group[data-v-419f6fbf]{justify-content:center}.vue-notification-group .notification[data-v-419f6fbf]{max-width:100%}.vue-notification-group>span[data-v-419f6fbf]{width:100%}}[data-v-419f6fbf]:root{--rainbow-gradient-animation:gradient 7s ease infinite}@keyframes gradient-419f6fbf{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.copy-container[data-v-419f6fbf]{display:flex;align-items:center;width:fit-content}.copy-text[data-v-419f6fbf]{cursor:default}.copy-btn[data-v-419f6fbf]{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;background-color:var(--grey-2);margin-left:var(--spacing-xxs)}.copy-icon[data-v-419f6fbf]{cursor:pointer}[data-v-1290d58e]:root{--white:#fff;--white-0:#fff0;--white-20:#fff3;--white-30:#ffffff4d;--white-40:#fff6;--white-50:#ffffff80;--white-60:#fff9;--white-70:#ffffffb3;--white-80:#fffc;--white-90:#ffffffe6;--grey-1:#f5f5f5;--grey-2:#e8e8e8;--grey-4:#d2d2d2;--grey-5:#979b9e;--grey-6:#6c7073;--black:#1b1b1b;--black-0:#0000;--black-10:#2b2c371a;--black-30:#2b2c374d;--black-40:#2b2c3766;--black-50:#2b2c3780;--black-60:#2b2c3799;--black-80:#2b2c37cc;--black-90:#2b2c37e6;--green:#4caf50;--purple:#c597ff;--blue:#00f;--blue-10:#0000ff1a;--blue-20:#00f3;--blue-60:#00f9;--orange:#c94c00;--orange-10:#c94c001a;--yellow:#fae210;--yellow-10:#fae2101a;--yellow-40:#fae21066;--cream:#f6f5f0;--cream-20:#e5e5e1;--cream-30:#ccccc4;--cream-50:#6d6e69;--control:#3a3a431a;--footer:#3232321a;--success:var(--green);--error:var(--orange);--water-blue:#4498e5;--emissions-green:#4fc369;--energy-orange:#f68768;--selected-canvas-border:1px solid var(--blue);--rainbow-gradient:linear-gradient(90deg,#fef9cf,#ffe8d7,#fdd5cd,#f8d9f3,#efcff2,#dadafa,#d5ebff,#dcf3e1);--font-primary:"Helvetica Neue",helvetica,arial,sans-serif;--font-primary-src:local("Helvetica Neue"),local("Helvetica");--font-secondary:"Source Code Pro",monospace;--font-secondary-src:local("Source Code Pro");--type-scale-xxs:0.5rem;--type-scale-xs:0.6875rem;--type-scale-sm:0.8125rem;--type-scale-base:1rem;--type-scale-md:1.25rem;--type-scale-lg:1.5rem;--type-scale-xl:2rem;--type-scale-40:2.5rem;--type-scale-56:3.5rem;--type-scale-xxl:5rem;--border-primary:1px solid var(--black);--border-primary-10:1px solid var(--black-10);--border-primary-thin:0.5px solid var(--black);--border-primary-thin-dashed:0.5px dashed var(--black);--border-primary-heavy:2px solid var(--black);--border-secondary:1px solid var(--grey-2);--border-secondary-heavy:2px solid var(--grey-2);--border-secondary-dashed:1px dashed var(--grey-2);--border-tertiary:1px solid var(--grey-4);--border-tertiary-thin:0.5px solid var(--grey-4);--border-tertiary-heavy:2px solid var(--grey-4);--border-tertiary-dashed:1px dashed var(--grey-4);--border-transparent:1px solid #0000;--border-transparent-heavy:2px solid #0000;--border-yellow:1px solid var(--yellow);--border-orange:1px solid var(--orange);--border-white:1px solid var(--white);--border-cream:1px solid var(--cream);--border-cream-30:1px solid var(--cream-30);--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-base:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-xxl:32px;--border-radius-round:9999px;--border-radius-button:10px;--spacing-xxxs:0.125rem;--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-75:0.75rem;--spacing-base:1rem;--spacing-sm:1.25rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:5rem;--spacing-xxxl:10rem;--line-height-sm:100%;--line-height-base:120%;--line-height-md:150%;--box-shadow-1:0 0 40px #2b2c371a;--box-shadow-2:0 2px 0 0 #2b2c3714;--soft-shadow:0 4px 40px #2b2c371a;--nav:64px;--editor-nav:48px;--controls:48px;--controls-top-margin:calc(var(--controls)*3);--step-header:105px;--notifications-list:360px;--gradient-loading-icon:26px;--vh-with-nav:calc(100vh - var(--nav));--vh-with-editor-nav:calc(100vh - var(--editor-nav));--vh-with-nav-and-controls:calc(100vh - var(--nav) - var(--controls));--vh-with-nav-and-step:calc(100vh - var(--nav) - var(--controls) - var(--step-header));--yarn-color-height:calc(100vh - var(--controls-top-margin) - var(--spacing-md) - 116px);--layers-panel-width:250px;--layer-button-icon:18px;--canvas-width:1008px;--canvas-length:756px;--main-panel-width:360px;--sub-panel-width:var(--main-panel-width);--sample-bar-bottom:1rem;--overlay-modal-bottom:calc(var(--sample-bar-bottom) + 64px + 1rem);--transition-ease-out:cubic-bezier(0.215,0.61,0.355,1);--transition-ease-in:cubic-bezier(0.75,0,1,1);--transition-ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--transition-linear:linear;--transition-speed-enter:250ms;--transition-speed-leave:300ms;--transition-input-enter:background-color var(--transition-speed-enter) var(--transition-ease-out),color var(--transition-speed-enter) var(--transition-ease-out),border-color var(--transition-speed-enter) var(--transition-ease-out),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-input-leave:background-color var(--transition-speed-leave) var(--transition-ease-in),color var(--transition-speed-leave) var(--transition-ease-in),border-color var(--transition-speed-leave) var(--transition-ease-in),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-enter:transform var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-leave:transform var(--transition-speed-leave) var(--transition-ease-in);--transition-opacity-enter:opacity var(--transition-speed-enter) var(--transition-ease-out);--transition-opacity-leave:opacity var(--transition-speed-leave) var(--transition-ease-in);--transition-fill-enter:fill var(--transition-speed-enter) var(--transition-ease-out);--transition-fill-leave:fill var(--transition-speed-leave) var(--transition-ease-in);--z-index-base:0;--z-index-nav:2;--z-index-view:10;--z-index-panel:25;--z-index-customizer:52;--z-index-help-menu:53;--z-index-overlay:54;--z-index-sidebar:55;--z-index-notification:60;--z-index-loading:70;--z-index-full-page:999;--backdrop-blur-2:blur(2px)}@media(prefers-reduced-motion:reduce){[data-v-1290d58e]:root{--transition-speed-enter:0;--transition-speed-leave:0}}body[data-v-1290d58e],html[data-v-1290d58e]{font-family:var(--font-primary)}h1[data-v-1290d58e]{font-size:var(--type-scale-xl);font-weight:400}h2[data-v-1290d58e]{font-size:var(--type-scale-lg);font-weight:400}h3[data-v-1290d58e]{font-size:var(--type-scale-md);font-weight:400}h4[data-v-1290d58e]{font-size:var(--type-scale-md);font-weight:700}p[data-v-1290d58e]{font-size:var(--type-scale-base)}.text-body[data-v-1290d58e]{font-size:var(--type-scale-md)}.text-meta[data-v-1290d58e]{font-family:var(--font-secondary)}.text-meta[data-v-1290d58e],.text-small[data-v-1290d58e]{font-size:var(--type-scale-sm)}.font-mono[data-v-1290d58e]{font-family:var(--font-secondary)}.text-uppercase[data-v-1290d58e]{text-transform:uppercase}.text-center[data-v-1290d58e]{text-align:center}.measure[data-v-1290d58e]{max-width:30em}.measure-wide[data-v-1290d58e]{max-width:34em}.measure-narrow[data-v-1290d58e]{max-width:20em}.header-6[data-v-1290d58e]{font-weight:700;line-height:120%;font-size:var(--type-scale-sm);margin-bottom:var(--spacing-75);color:var(--black)}.descriptive-text--grey[data-v-1290d58e],.descriptive-text[data-v-1290d58e]{color:var(--black);font-size:var(--type-scale-sm);line-height:125%}.descriptive-text--grey[data-v-1290d58e]{color:var(--grey-6)}.descriptive-text--grey a[data-v-1290d58e]{color:inherit;text-decoration:underline;transition:color var(--transition-speed-enter) var(--transition-ease-out)}.descriptive-text--grey a[data-v-1290d58e]:hover{color:var(--black);text-decoration:underline}a[data-v-1290d58e],abbr[data-v-1290d58e],acronym[data-v-1290d58e],address[data-v-1290d58e],applet[data-v-1290d58e],article[data-v-1290d58e],aside[data-v-1290d58e],audio[data-v-1290d58e],b[data-v-1290d58e],big[data-v-1290d58e],blockquote[data-v-1290d58e],body[data-v-1290d58e],canvas[data-v-1290d58e],caption[data-v-1290d58e],center[data-v-1290d58e],cite[data-v-1290d58e],code[data-v-1290d58e],dd[data-v-1290d58e],del[data-v-1290d58e],details[data-v-1290d58e],dfn[data-v-1290d58e],div[data-v-1290d58e],dl[data-v-1290d58e],dt[data-v-1290d58e],em[data-v-1290d58e],embed[data-v-1290d58e],fieldset[data-v-1290d58e],figcaption[data-v-1290d58e],figure[data-v-1290d58e],footer[data-v-1290d58e],form[data-v-1290d58e],h1[data-v-1290d58e],h2[data-v-1290d58e],h3[data-v-1290d58e],h4[data-v-1290d58e],h5[data-v-1290d58e],h6[data-v-1290d58e],header[data-v-1290d58e],hgroup[data-v-1290d58e],html[data-v-1290d58e],i[data-v-1290d58e],iframe[data-v-1290d58e],img[data-v-1290d58e],ins[data-v-1290d58e],kbd[data-v-1290d58e],label[data-v-1290d58e],legend[data-v-1290d58e],li[data-v-1290d58e],mark[data-v-1290d58e],menu[data-v-1290d58e],nav[data-v-1290d58e],object[data-v-1290d58e],ol[data-v-1290d58e],output[data-v-1290d58e],pre[data-v-1290d58e],q[data-v-1290d58e],ruby[data-v-1290d58e],s[data-v-1290d58e],samp[data-v-1290d58e],section[data-v-1290d58e],small[data-v-1290d58e],span[data-v-1290d58e],strike[data-v-1290d58e],strong[data-v-1290d58e],sub[data-v-1290d58e],summary[data-v-1290d58e],sup[data-v-1290d58e],table[data-v-1290d58e],tbody[data-v-1290d58e],td[data-v-1290d58e],tfoot[data-v-1290d58e],th[data-v-1290d58e],thead[data-v-1290d58e],time[data-v-1290d58e],tr[data-v-1290d58e],tt[data-v-1290d58e],u[data-v-1290d58e],ul[data-v-1290d58e],var[data-v-1290d58e],video[data-v-1290d58e]{margin:0;padding:0;border:0;vertical-align:initial}[data-v-1290d58e],[data-v-1290d58e]:after,[data-v-1290d58e]:before{box-sizing:inherit}[data-v-1290d58e]{-webkit-tap-highlight-color:rgba(0,0,0,0)}body[data-v-1290d58e]{line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html[data-v-1290d58e]{box-sizing:border-box;overflow:auto}input[data-v-1290d58e]:focus,textarea[data-v-1290d58e]:focus{outline:none}button[data-v-1290d58e]{font-family:var(--font-primary);font-size:var(--type-scale-base);cursor:pointer}button[data-v-1290d58e]:focus{outline:0}a[data-v-1290d58e],a[data-v-1290d58e]:hover{text-decoration:none}p[data-v-1290d58e]{line-height:1;margin:0 0 var(--spacing-base)}p[data-v-1290d58e]:last-child{margin-bottom:0}input[type=number][data-v-1290d58e]{appearance:textfield}input[data-v-1290d58e]::-webkit-inner-spin-button,input[data-v-1290d58e]::-webkit-outer-spin-button{appearance:none}ol[data-v-1290d58e],ul[data-v-1290d58e]{list-style:none}blockquote[data-v-1290d58e],q[data-v-1290d58e]{quotes:none}blockquote[data-v-1290d58e]:after,blockquote[data-v-1290d58e]:before,q[data-v-1290d58e]:after,q[data-v-1290d58e]:before{content:"";content:none}table[data-v-1290d58e]{border-collapse:collapse;border-spacing:0}[data-v-1290d58e]:root{--breakpoint-xs:24rem;--breakpoint-sm:36rem;--breakpoint-md:48rem;--breakpoint-lg:62rem;--breakpoint-lg-75:75rem;--breakpoint-xl:90rem;--grid-template:repeat(4,minmax(0,1fr));--grid-gap:1rem}.contained-section[data-v-1290d58e]{margin:0 auto;max-width:var(--breakpoint-lg-75);width:100%;padding:var(--spacing-lg) var(--spacing-base)}@media screen and (width >= 48rem){[data-v-1290d58e]:root{--grid-template:repeat(12,minmax(0,1fr));--grid-gap:2rem}.contained-section[data-v-1290d58e]{padding:calc(var(--spacing-md)*2)}}@media screen and (36rem <= width <= 48rem){[data-v-1290d58e]:root{--grid-template:repeat(6,minmax(0,1fr));--grid-gap:1.5rem}}.grid[data-v-1290d58e]{display:grid;grid-template-columns:var(--grid-template);gap:var(--grid-gap);grid-auto-columns:minmax(auto,max-content)}.no-gap[data-v-1290d58e]{gap:0}.col-auto[data-v-1290d58e]{grid-column:auto}.col-span-1[data-v-1290d58e]{grid-column:span 1/span 1}.col-span-2[data-v-1290d58e]{grid-column:span 2/span 2}.col-span-3[data-v-1290d58e]{grid-column:span 3/span 3}.col-span-4[data-v-1290d58e]{grid-column:span 4/span 4}.col-span-5[data-v-1290d58e]{grid-column:span 5/span 5}.col-span-6[data-v-1290d58e]{grid-column:span 6/span 6}.col-span-7[data-v-1290d58e]{grid-column:span 7/span 7}.col-span-8[data-v-1290d58e]{grid-column:span 8/span 8}.col-span-9[data-v-1290d58e]{grid-column:span 9/span 9}.col-span-10[data-v-1290d58e]{grid-column:span 10/span 10}.col-span-11[data-v-1290d58e]{grid-column:span 11/span 11}.col-span-12[data-v-1290d58e]{grid-column:span 12/span 12}.col-span-full[data-v-1290d58e]{grid-column:1/-1}@media screen and (36rem <= width <= 48rem){.md\:col-span-1[data-v-1290d58e]{grid-column:span 1/span 1}.md\:col-span-2[data-v-1290d58e]{grid-column:span 2/span 2}.md\:col-span-3[data-v-1290d58e]{grid-column:span 3/span 3}.md\:col-span-4[data-v-1290d58e]{grid-column:span 4/span 4}.md\:col-span-5[data-v-1290d58e]{grid-column:span 5/span 5}.md\:col-span-6[data-v-1290d58e]{grid-column:span 6/span 6}.md\:col-span-full[data-v-1290d58e]{grid-column:1/-1}}@media screen and (width >= 48rem){.lg\:col-span-1[data-v-1290d58e]{grid-column:span 1/span 1}.lg\:col-span-2[data-v-1290d58e]{grid-column:span 2/span 2}.lg\:col-span-3[data-v-1290d58e]{grid-column:span 3/span 3}.lg\:col-span-4[data-v-1290d58e]{grid-column:span 4/span 4}.lg\:col-span-5[data-v-1290d58e]{grid-column:span 5/span 5}.lg\:col-span-6[data-v-1290d58e]{grid-column:span 6/span 6}.lg\:col-span-7[data-v-1290d58e]{grid-column:span 7/span 7}.lg\:col-span-8[data-v-1290d58e]{grid-column:span 8/span 8}.lg\:col-span-9[data-v-1290d58e]{grid-column:span 9/span 9}.lg\:col-span-10[data-v-1290d58e]{grid-column:span 10/span 10}.lg\:col-span-11[data-v-1290d58e]{grid-column:span 11/span 11}.lg\:col-span-12[data-v-1290d58e]{grid-column:span 12/span 12}.lg\:col-span-full[data-v-1290d58e]{grid-column:1/-1}.lg\:col-offset-2[data-v-1290d58e],.lg\:col-offset-3[data-v-1290d58e]{grid-column-start:3}.lg\:col-offset-7[data-v-1290d58e]{grid-column-start:7}.lg\:col-offset-8[data-v-1290d58e]{grid-column-start:8}.lg\:col-offset-9[data-v-1290d58e]{grid-column-start:9}}@media screen and (min-width:48rem)and (max-width:75rem){.lg-75\:col-span-1[data-v-1290d58e]{grid-column:span 1/span 1}.lg-75\:col-span-2[data-v-1290d58e]{grid-column:span 2/span 2}.lg-75\:col-span-3[data-v-1290d58e]{grid-column:span 3/span 3}.lg-75\:col-span-4[data-v-1290d58e]{grid-column:span 4/span 4}.lg-75\:col-span-5[data-v-1290d58e]{grid-column:span 5/span 5}.lg-75\:col-span-6[data-v-1290d58e]{grid-column:span 6/span 6}.lg-75\:col-span-7[data-v-1290d58e]{grid-column:span 7/span 7}.lg-75\:col-span-8[data-v-1290d58e]{grid-column:span 8/span 8}.lg-75\:col-span-9[data-v-1290d58e]{grid-column:span 9/span 9}.lg-75\:col-span-10[data-v-1290d58e]{grid-column:span 10/span 10}.lg-75\:col-span-11[data-v-1290d58e]{grid-column:span 11/span 11}.lg-75\:col-span-12[data-v-1290d58e]{grid-column:span 12/span 12}.lg-75\:col-span-full[data-v-1290d58e]{grid-column:1/-1}}.flex[data-v-1290d58e]{display:flex}.flex-inline[data-v-1290d58e]{display:inline-flex}.flex-column[data-v-1290d58e]{flex-direction:column}.flex-column-reverse[data-v-1290d58e]{flex-direction:column-reverse}.flex-row[data-v-1290d58e]{flex-direction:column}.flex-wrap[data-v-1290d58e]{flex-wrap:wrap}.flex-1[data-v-1290d58e]{flex:1}.flex-grow-2[data-v-1290d58e]{flex-grow:2}.flex-shrink-0[data-v-1290d58e]{flex-shrink:0}.justify-center[data-v-1290d58e]{justify-content:center}.justify-flex-end[data-v-1290d58e]{justify-content:flex-end}.justify-flex-start[data-v-1290d58e]{justify-content:flex-start}.align-center[data-v-1290d58e]{align-items:center}.align-start[data-v-1290d58e]{align-items:flex-start}.align-self-center[data-v-1290d58e]{align-self:center}.flex-content-center[data-v-1290d58e]{place-content:center center}.space-between[data-v-1290d58e]{justify-content:space-between}.ml-auto[data-v-1290d58e]{margin-left:auto}.ml-base[data-v-1290d58e]{margin-left:var(--spacing-base)}.ml-75[data-v-1290d58e]{margin-left:var(--spacing-75)}.ml-xs[data-v-1290d58e]{margin-left:var(--spacing-xs)}.ml-xxs[data-v-1290d58e]{margin-left:var(--spacing-xxs)}.mt-base[data-v-1290d58e]{margin-top:var(--spacing-base)}.mt-md[data-v-1290d58e]{margin-top:var(--spacing-md)}.mr-auto[data-v-1290d58e]{margin-right:auto}.mr-base[data-v-1290d58e]{margin-right:var(--spacing-base)}.mr-75[data-v-1290d58e]{margin-right:var(--spacing-75)}.mr-xs[data-v-1290d58e]{margin-right:var(--spacing-xs)}.mr-xxs[data-v-1290d58e]{margin-right:var(--spacing-xxs)}.mb-0[data-v-1290d58e]{margin-bottom:0}.mb-xs[data-v-1290d58e]{margin-bottom:var(--spacing-xs)}.mb-xxs[data-v-1290d58e]{margin-bottom:var(--spacing-xxs)}.mb-base[data-v-1290d58e]{margin-bottom:var(--spacing-base)}.mb-sm[data-v-1290d58e]{margin-bottom:var(--spacing-sm)}.mb-md[data-v-1290d58e]{margin-bottom:var(--spacing-md)}.mb-75[data-v-1290d58e]{margin-bottom:var(--spacing-75)}.mb-lg[data-v-1290d58e]{margin-bottom:var(--spacing-lg)}.mb-xl[data-v-1290d58e]{margin-bottom:var(--spacing-xl)}.euro-sign[data-v-1290d58e]:first-letter{color:var(--grey-5);font-weight:400}.uppercase[data-v-1290d58e]{text-transform:uppercase}.capitalize[data-v-1290d58e]{text-transform:capitalize}.reset-btn[data-v-1290d58e]{background:#0000}.reset-btn[data-v-1290d58e],.reset-input[data-v-1290d58e]{border:none;border-radius:0;padding:0}.relative[data-v-1290d58e]{position:relative}.full-width[data-v-1290d58e]{width:100%}.fade-enter-active[data-v-1290d58e]{transition:var(--transition-opacity-enter)}.fade-leave-active[data-v-1290d58e]{transition:var(--transition-opacity-leave)}.fade-enter-from[data-v-1290d58e],.fade-leave-to[data-v-1290d58e]{opacity:0}.fade-fast-enter-active[data-v-1290d58e],.fade-fast-leave-active[data-v-1290d58e]{transition:all .125s}.fade-fast-enter-from[data-v-1290d58e],.fade-fast-leave-to[data-v-1290d58e]{opacity:0}.fade-move-fast-enter-active[data-v-1290d58e]{transition:all .125s ease-out}.fade-move-fast-leave-active[data-v-1290d58e]{transition:all .2s ease-in}.fade-move-fast-enter-from[data-v-1290d58e],.fade-move-fast-leave-to[data-v-1290d58e]{opacity:0;transform:translateY(2%)}.fade-out-fast-leave-active[data-v-1290d58e]{transition:all .125s}.fade-out-fast-leave-to[data-v-1290d58e],.slide-left-enter-from[data-v-1290d58e],.slide-left-leave-to[data-v-1290d58e],.slide-right-enter-from[data-v-1290d58e],.slide-right-leave-to[data-v-1290d58e]{opacity:0}.slide-left-enter-from[data-v-1290d58e],.slide-right-leave-to[data-v-1290d58e]{transform:translateX(120%)}.slide-left-leave-to[data-v-1290d58e],.slide-right-enter-from[data-v-1290d58e]{transform:translateX(-120%)}.slide-left-enter-active[data-v-1290d58e],.slide-left-leave-active[data-v-1290d58e],.slide-right-enter-active[data-v-1290d58e],.slide-right-leave-active[data-v-1290d58e]{transition:all .2s ease}.slide-sidebar-enter-active[data-v-1290d58e]{transition:var(--transition-transform-enter)}.slide-sidebar-leave-active[data-v-1290d58e]{transition:var(--transition-transform-leave)}.slide-sidebar-enter-from[data-v-1290d58e],.slide-sidebar-leave-to[data-v-1290d58e]{transform:translateX(100%)}.overlay-enter-active[data-v-1290d58e]{transition:var(--transition-opacity-enter)}.overlay-enter-active .overlay-container[data-v-1290d58e]{transition:var(--transition-transform-enter)}.overlay-leave-active[data-v-1290d58e]{transition:var(--transition-opacity-leave)}.overlay-leave-active .overlay-container[data-v-1290d58e]{transition:var(--transition-transform-leave)}.overlay-enter-from[data-v-1290d58e]{opacity:0}.overlay-enter-from .overlay-container[data-v-1290d58e]{transform:translateY(30px)}.overlay-leave-to[data-v-1290d58e]{opacity:0}.overlay-leave-to .overlay-container[data-v-1290d58e]{transform:translateY(30px)}.vue-notification-group[data-v-1290d58e]{padding:var(--spacing-xs);margin-top:var(--nav);z-index:var(--z-index-notification);pointer-events:none;display:flex;justify-content:flex-end}.notification[data-v-1290d58e]{background-color:var(--white);color:var(--grey-6);font-size:var(--type-scale-sm);line-height:var(--spacing-sm);padding:var(--spacing-base);margin-bottom:var(--spacing-xs);border:var(--border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-2);display:flex;max-width:400px}.notification .notification-title[data-v-1290d58e]{color:var(--black);font-size:var(--type-scale-sm);font-weight:700;margin-bottom:var(--spacing-xxs)}.notification.info .notification-title[data-v-1290d58e]{color:var(--black)}.notification.error .notification-title[data-v-1290d58e]{color:var(--error)}.notification.success .notification-title[data-v-1290d58e]{color:var(--success)}.notification.warn .notification-title[data-v-1290d58e]{color:var(--orange)}.notification-icon svg[data-v-1290d58e]{margin-right:var(--spacing-base)}.notification-button[data-v-1290d58e]{margin-top:var(--spacing-base)}.notification-content-wrapper[data-v-1290d58e]{flex-basis:100%}.notification-close[data-v-1290d58e]{pointer-events:all;margin-left:var(--spacing-base)}.notification-close svg[data-v-1290d58e]{color:var(--grey-5)}@media(width <= 36rem){.vue-notification-group[data-v-1290d58e]{justify-content:center}.vue-notification-group .notification[data-v-1290d58e]{max-width:100%}.vue-notification-group>span[data-v-1290d58e]{width:100%}}[data-v-1290d58e]:root{--rainbow-gradient-animation:gradient 7s ease infinite}@keyframes gradient-1290d58e{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}button[data-v-1290d58e]{border-radius:50%;transition:var(--transition-input-leave)}button.active[data-v-1290d58e],button[data-v-1290d58e]:hover:not(:disabled){background:var(--grey-1);transition:var(--transition-input-enter)}button[data-v-1290d58e]:disabled{cursor:not-allowed;color:var(--grey-5)}.icon-base[data-v-1290d58e]{background:#0000;border:none;padding:0;outline:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:inherit}.icon-big[data-v-1290d58e]{margin-bottom:var(--spacing-base);background:var(--white);border-radius:50%;border:var(--border-primary);width:56px;height:56px;display:flex;align-items:center;justify-content:center}.icon-dark-theme[data-v-1290d58e]{color:var(--white);background:var(--black)}[data-v-b730256e]:root{--white:#fff;--white-0:#fff0;--white-20:#fff3;--white-30:#ffffff4d;--white-40:#fff6;--white-50:#ffffff80;--white-60:#fff9;--white-70:#ffffffb3;--white-80:#fffc;--white-90:#ffffffe6;--grey-1:#f5f5f5;--grey-2:#e8e8e8;--grey-4:#d2d2d2;--grey-5:#979b9e;--grey-6:#6c7073;--black:#1b1b1b;--black-0:#0000;--black-10:#2b2c371a;--black-30:#2b2c374d;--black-40:#2b2c3766;--black-50:#2b2c3780;--black-60:#2b2c3799;--black-80:#2b2c37cc;--black-90:#2b2c37e6;--green:#4caf50;--purple:#c597ff;--blue:#00f;--blue-10:#0000ff1a;--blue-20:#00f3;--blue-60:#00f9;--orange:#c94c00;--orange-10:#c94c001a;--yellow:#fae210;--yellow-10:#fae2101a;--yellow-40:#fae21066;--cream:#f6f5f0;--cream-20:#e5e5e1;--cream-30:#ccccc4;--cream-50:#6d6e69;--control:#3a3a431a;--footer:#3232321a;--success:var(--green);--error:var(--orange);--water-blue:#4498e5;--emissions-green:#4fc369;--energy-orange:#f68768;--selected-canvas-border:1px solid var(--blue);--rainbow-gradient:linear-gradient(90deg,#fef9cf,#ffe8d7,#fdd5cd,#f8d9f3,#efcff2,#dadafa,#d5ebff,#dcf3e1);--font-primary:"Helvetica Neue",helvetica,arial,sans-serif;--font-primary-src:local("Helvetica Neue"),local("Helvetica");--font-secondary:"Source Code Pro",monospace;--font-secondary-src:local("Source Code Pro");--type-scale-xxs:0.5rem;--type-scale-xs:0.6875rem;--type-scale-sm:0.8125rem;--type-scale-base:1rem;--type-scale-md:1.25rem;--type-scale-lg:1.5rem;--type-scale-xl:2rem;--type-scale-40:2.5rem;--type-scale-56:3.5rem;--type-scale-xxl:5rem;--border-primary:1px solid var(--black);--border-primary-10:1px solid var(--black-10);--border-primary-thin:0.5px solid var(--black);--border-primary-thin-dashed:0.5px dashed var(--black);--border-primary-heavy:2px solid var(--black);--border-secondary:1px solid var(--grey-2);--border-secondary-heavy:2px solid var(--grey-2);--border-secondary-dashed:1px dashed var(--grey-2);--border-tertiary:1px solid var(--grey-4);--border-tertiary-thin:0.5px solid var(--grey-4);--border-tertiary-heavy:2px solid var(--grey-4);--border-tertiary-dashed:1px dashed var(--grey-4);--border-transparent:1px solid #0000;--border-transparent-heavy:2px solid #0000;--border-yellow:1px solid var(--yellow);--border-orange:1px solid var(--orange);--border-white:1px solid var(--white);--border-cream:1px solid var(--cream);--border-cream-30:1px solid var(--cream-30);--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-base:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-xxl:32px;--border-radius-round:9999px;--border-radius-button:10px;--spacing-xxxs:0.125rem;--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-75:0.75rem;--spacing-base:1rem;--spacing-sm:1.25rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:5rem;--spacing-xxxl:10rem;--line-height-sm:100%;--line-height-base:120%;--line-height-md:150%;--box-shadow-1:0 0 40px #2b2c371a;--box-shadow-2:0 2px 0 0 #2b2c3714;--soft-shadow:0 4px 40px #2b2c371a;--nav:64px;--editor-nav:48px;--controls:48px;--controls-top-margin:calc(var(--controls)*3);--step-header:105px;--notifications-list:360px;--gradient-loading-icon:26px;--vh-with-nav:calc(100vh - var(--nav));--vh-with-editor-nav:calc(100vh - var(--editor-nav));--vh-with-nav-and-controls:calc(100vh - var(--nav) - var(--controls));--vh-with-nav-and-step:calc(100vh - var(--nav) - var(--controls) - var(--step-header));--yarn-color-height:calc(100vh - var(--controls-top-margin) - var(--spacing-md) - 116px);--layers-panel-width:250px;--layer-button-icon:18px;--canvas-width:1008px;--canvas-length:756px;--main-panel-width:360px;--sub-panel-width:var(--main-panel-width);--sample-bar-bottom:1rem;--overlay-modal-bottom:calc(var(--sample-bar-bottom) + 64px + 1rem);--transition-ease-out:cubic-bezier(0.215,0.61,0.355,1);--transition-ease-in:cubic-bezier(0.75,0,1,1);--transition-ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--transition-linear:linear;--transition-speed-enter:250ms;--transition-speed-leave:300ms;--transition-input-enter:background-color var(--transition-speed-enter) var(--transition-ease-out),color var(--transition-speed-enter) var(--transition-ease-out),border-color var(--transition-speed-enter) var(--transition-ease-out),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-input-leave:background-color var(--transition-speed-leave) var(--transition-ease-in),color var(--transition-speed-leave) var(--transition-ease-in),border-color var(--transition-speed-leave) var(--transition-ease-in),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-enter:transform var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-leave:transform var(--transition-speed-leave) var(--transition-ease-in);--transition-opacity-enter:opacity var(--transition-speed-enter) var(--transition-ease-out);--transition-opacity-leave:opacity var(--transition-speed-leave) var(--transition-ease-in);--transition-fill-enter:fill var(--transition-speed-enter) var(--transition-ease-out);--transition-fill-leave:fill var(--transition-speed-leave) var(--transition-ease-in);--z-index-base:0;--z-index-nav:2;--z-index-view:10;--z-index-panel:25;--z-index-customizer:52;--z-index-help-menu:53;--z-index-overlay:54;--z-index-sidebar:55;--z-index-notification:60;--z-index-loading:70;--z-index-full-page:999;--backdrop-blur-2:blur(2px)}@media(prefers-reduced-motion:reduce){[data-v-b730256e]:root{--transition-speed-enter:0;--transition-speed-leave:0}}body[data-v-b730256e],html[data-v-b730256e]{font-family:var(--font-primary)}h1[data-v-b730256e]{font-size:var(--type-scale-xl);font-weight:400}h2[data-v-b730256e]{font-size:var(--type-scale-lg);font-weight:400}h3[data-v-b730256e]{font-size:var(--type-scale-md);font-weight:400}h4[data-v-b730256e]{font-size:var(--type-scale-md);font-weight:700}p[data-v-b730256e]{font-size:var(--type-scale-base)}.text-body[data-v-b730256e]{font-size:var(--type-scale-md)}.text-meta[data-v-b730256e]{font-family:var(--font-secondary)}.text-meta[data-v-b730256e],.text-small[data-v-b730256e]{font-size:var(--type-scale-sm)}.font-mono[data-v-b730256e]{font-family:var(--font-secondary)}.text-uppercase[data-v-b730256e]{text-transform:uppercase}.text-center[data-v-b730256e]{text-align:center}.measure[data-v-b730256e]{max-width:30em}.measure-wide[data-v-b730256e]{max-width:34em}.measure-narrow[data-v-b730256e]{max-width:20em}.header-6[data-v-b730256e]{font-weight:700;line-height:120%;font-size:var(--type-scale-sm);margin-bottom:var(--spacing-75);color:var(--black)}.descriptive-text--grey[data-v-b730256e],.descriptive-text[data-v-b730256e]{color:var(--black);font-size:var(--type-scale-sm);line-height:125%}.descriptive-text--grey[data-v-b730256e]{color:var(--grey-6)}.descriptive-text--grey a[data-v-b730256e]{color:inherit;text-decoration:underline;transition:color var(--transition-speed-enter) var(--transition-ease-out)}.descriptive-text--grey a[data-v-b730256e]:hover{color:var(--black);text-decoration:underline}a[data-v-b730256e],abbr[data-v-b730256e],acronym[data-v-b730256e],address[data-v-b730256e],applet[data-v-b730256e],article[data-v-b730256e],aside[data-v-b730256e],audio[data-v-b730256e],b[data-v-b730256e],big[data-v-b730256e],blockquote[data-v-b730256e],body[data-v-b730256e],canvas[data-v-b730256e],caption[data-v-b730256e],center[data-v-b730256e],cite[data-v-b730256e],code[data-v-b730256e],dd[data-v-b730256e],del[data-v-b730256e],details[data-v-b730256e],dfn[data-v-b730256e],div[data-v-b730256e],dl[data-v-b730256e],dt[data-v-b730256e],em[data-v-b730256e],embed[data-v-b730256e],fieldset[data-v-b730256e],figcaption[data-v-b730256e],figure[data-v-b730256e],footer[data-v-b730256e],form[data-v-b730256e],h1[data-v-b730256e],h2[data-v-b730256e],h3[data-v-b730256e],h4[data-v-b730256e],h5[data-v-b730256e],h6[data-v-b730256e],header[data-v-b730256e],hgroup[data-v-b730256e],html[data-v-b730256e],i[data-v-b730256e],iframe[data-v-b730256e],img[data-v-b730256e],ins[data-v-b730256e],kbd[data-v-b730256e],label[data-v-b730256e],legend[data-v-b730256e],li[data-v-b730256e],mark[data-v-b730256e],menu[data-v-b730256e],nav[data-v-b730256e],object[data-v-b730256e],ol[data-v-b730256e],output[data-v-b730256e],pre[data-v-b730256e],q[data-v-b730256e],ruby[data-v-b730256e],s[data-v-b730256e],samp[data-v-b730256e],section[data-v-b730256e],small[data-v-b730256e],span[data-v-b730256e],strike[data-v-b730256e],strong[data-v-b730256e],sub[data-v-b730256e],summary[data-v-b730256e],sup[data-v-b730256e],table[data-v-b730256e],tbody[data-v-b730256e],td[data-v-b730256e],tfoot[data-v-b730256e],th[data-v-b730256e],thead[data-v-b730256e],time[data-v-b730256e],tr[data-v-b730256e],tt[data-v-b730256e],u[data-v-b730256e],ul[data-v-b730256e],var[data-v-b730256e],video[data-v-b730256e]{margin:0;padding:0;border:0;vertical-align:initial}[data-v-b730256e],[data-v-b730256e]:after,[data-v-b730256e]:before{box-sizing:inherit}[data-v-b730256e]{-webkit-tap-highlight-color:rgba(0,0,0,0)}body[data-v-b730256e]{line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html[data-v-b730256e]{box-sizing:border-box;overflow:auto}input[data-v-b730256e]:focus,textarea[data-v-b730256e]:focus{outline:none}button[data-v-b730256e]{font-family:var(--font-primary);font-size:var(--type-scale-base);cursor:pointer}button[data-v-b730256e]:focus{outline:0}a[data-v-b730256e],a[data-v-b730256e]:hover{text-decoration:none}p[data-v-b730256e]{line-height:1;margin:0 0 var(--spacing-base)}p[data-v-b730256e]:last-child{margin-bottom:0}input[type=number][data-v-b730256e]{appearance:textfield}input[data-v-b730256e]::-webkit-inner-spin-button,input[data-v-b730256e]::-webkit-outer-spin-button{appearance:none}ol[data-v-b730256e],ul[data-v-b730256e]{list-style:none}blockquote[data-v-b730256e],q[data-v-b730256e]{quotes:none}blockquote[data-v-b730256e]:after,blockquote[data-v-b730256e]:before,q[data-v-b730256e]:after,q[data-v-b730256e]:before{content:"";content:none}table[data-v-b730256e]{border-collapse:collapse;border-spacing:0}[data-v-b730256e]:root{--breakpoint-xs:24rem;--breakpoint-sm:36rem;--breakpoint-md:48rem;--breakpoint-lg:62rem;--breakpoint-lg-75:75rem;--breakpoint-xl:90rem;--grid-template:repeat(4,minmax(0,1fr));--grid-gap:1rem}.contained-section[data-v-b730256e]{margin:0 auto;max-width:var(--breakpoint-lg-75);width:100%;padding:var(--spacing-lg) var(--spacing-base)}@media screen and (width >= 48rem){[data-v-b730256e]:root{--grid-template:repeat(12,minmax(0,1fr));--grid-gap:2rem}.contained-section[data-v-b730256e]{padding:calc(var(--spacing-md)*2)}}@media screen and (36rem <= width <= 48rem){[data-v-b730256e]:root{--grid-template:repeat(6,minmax(0,1fr));--grid-gap:1.5rem}}.grid[data-v-b730256e]{display:grid;grid-template-columns:var(--grid-template);gap:var(--grid-gap);grid-auto-columns:minmax(auto,max-content)}.no-gap[data-v-b730256e]{gap:0}.col-auto[data-v-b730256e]{grid-column:auto}.col-span-1[data-v-b730256e]{grid-column:span 1/span 1}.col-span-2[data-v-b730256e]{grid-column:span 2/span 2}.col-span-3[data-v-b730256e]{grid-column:span 3/span 3}.col-span-4[data-v-b730256e]{grid-column:span 4/span 4}.col-span-5[data-v-b730256e]{grid-column:span 5/span 5}.col-span-6[data-v-b730256e]{grid-column:span 6/span 6}.col-span-7[data-v-b730256e]{grid-column:span 7/span 7}.col-span-8[data-v-b730256e]{grid-column:span 8/span 8}.col-span-9[data-v-b730256e]{grid-column:span 9/span 9}.col-span-10[data-v-b730256e]{grid-column:span 10/span 10}.col-span-11[data-v-b730256e]{grid-column:span 11/span 11}.col-span-12[data-v-b730256e]{grid-column:span 12/span 12}.col-span-full[data-v-b730256e]{grid-column:1/-1}@media screen and (36rem <= width <= 48rem){.md\:col-span-1[data-v-b730256e]{grid-column:span 1/span 1}.md\:col-span-2[data-v-b730256e]{grid-column:span 2/span 2}.md\:col-span-3[data-v-b730256e]{grid-column:span 3/span 3}.md\:col-span-4[data-v-b730256e]{grid-column:span 4/span 4}.md\:col-span-5[data-v-b730256e]{grid-column:span 5/span 5}.md\:col-span-6[data-v-b730256e]{grid-column:span 6/span 6}.md\:col-span-full[data-v-b730256e]{grid-column:1/-1}}@media screen and (width >= 48rem){.lg\:col-span-1[data-v-b730256e]{grid-column:span 1/span 1}.lg\:col-span-2[data-v-b730256e]{grid-column:span 2/span 2}.lg\:col-span-3[data-v-b730256e]{grid-column:span 3/span 3}.lg\:col-span-4[data-v-b730256e]{grid-column:span 4/span 4}.lg\:col-span-5[data-v-b730256e]{grid-column:span 5/span 5}.lg\:col-span-6[data-v-b730256e]{grid-column:span 6/span 6}.lg\:col-span-7[data-v-b730256e]{grid-column:span 7/span 7}.lg\:col-span-8[data-v-b730256e]{grid-column:span 8/span 8}.lg\:col-span-9[data-v-b730256e]{grid-column:span 9/span 9}.lg\:col-span-10[data-v-b730256e]{grid-column:span 10/span 10}.lg\:col-span-11[data-v-b730256e]{grid-column:span 11/span 11}.lg\:col-span-12[data-v-b730256e]{grid-column:span 12/span 12}.lg\:col-span-full[data-v-b730256e]{grid-column:1/-1}.lg\:col-offset-2[data-v-b730256e],.lg\:col-offset-3[data-v-b730256e]{grid-column-start:3}.lg\:col-offset-7[data-v-b730256e]{grid-column-start:7}.lg\:col-offset-8[data-v-b730256e]{grid-column-start:8}.lg\:col-offset-9[data-v-b730256e]{grid-column-start:9}}@media screen and (min-width:48rem)and (max-width:75rem){.lg-75\:col-span-1[data-v-b730256e]{grid-column:span 1/span 1}.lg-75\:col-span-2[data-v-b730256e]{grid-column:span 2/span 2}.lg-75\:col-span-3[data-v-b730256e]{grid-column:span 3/span 3}.lg-75\:col-span-4[data-v-b730256e]{grid-column:span 4/span 4}.lg-75\:col-span-5[data-v-b730256e]{grid-column:span 5/span 5}.lg-75\:col-span-6[data-v-b730256e]{grid-column:span 6/span 6}.lg-75\:col-span-7[data-v-b730256e]{grid-column:span 7/span 7}.lg-75\:col-span-8[data-v-b730256e]{grid-column:span 8/span 8}.lg-75\:col-span-9[data-v-b730256e]{grid-column:span 9/span 9}.lg-75\:col-span-10[data-v-b730256e]{grid-column:span 10/span 10}.lg-75\:col-span-11[data-v-b730256e]{grid-column:span 11/span 11}.lg-75\:col-span-12[data-v-b730256e]{grid-column:span 12/span 12}.lg-75\:col-span-full[data-v-b730256e]{grid-column:1/-1}}.flex[data-v-b730256e]{display:flex}.flex-inline[data-v-b730256e]{display:inline-flex}.flex-column[data-v-b730256e]{flex-direction:column}.flex-column-reverse[data-v-b730256e]{flex-direction:column-reverse}.flex-row[data-v-b730256e]{flex-direction:column}.flex-wrap[data-v-b730256e]{flex-wrap:wrap}.flex-1[data-v-b730256e]{flex:1}.flex-grow-2[data-v-b730256e]{flex-grow:2}.flex-shrink-0[data-v-b730256e]{flex-shrink:0}.justify-center[data-v-b730256e]{justify-content:center}.justify-flex-end[data-v-b730256e]{justify-content:flex-end}.justify-flex-start[data-v-b730256e]{justify-content:flex-start}.align-center[data-v-b730256e]{align-items:center}.align-start[data-v-b730256e]{align-items:flex-start}.align-self-center[data-v-b730256e]{align-self:center}.flex-content-center[data-v-b730256e]{place-content:center center}.space-between[data-v-b730256e]{justify-content:space-between}.ml-auto[data-v-b730256e]{margin-left:auto}.ml-base[data-v-b730256e]{margin-left:var(--spacing-base)}.ml-75[data-v-b730256e]{margin-left:var(--spacing-75)}.ml-xs[data-v-b730256e]{margin-left:var(--spacing-xs)}.ml-xxs[data-v-b730256e]{margin-left:var(--spacing-xxs)}.mt-base[data-v-b730256e]{margin-top:var(--spacing-base)}.mt-md[data-v-b730256e]{margin-top:var(--spacing-md)}.mr-auto[data-v-b730256e]{margin-right:auto}.mr-base[data-v-b730256e]{margin-right:var(--spacing-base)}.mr-75[data-v-b730256e]{margin-right:var(--spacing-75)}.mr-xs[data-v-b730256e]{margin-right:var(--spacing-xs)}.mr-xxs[data-v-b730256e]{margin-right:var(--spacing-xxs)}.mb-0[data-v-b730256e]{margin-bottom:0}.mb-xs[data-v-b730256e]{margin-bottom:var(--spacing-xs)}.mb-xxs[data-v-b730256e]{margin-bottom:var(--spacing-xxs)}.mb-base[data-v-b730256e]{margin-bottom:var(--spacing-base)}.mb-sm[data-v-b730256e]{margin-bottom:var(--spacing-sm)}.mb-md[data-v-b730256e]{margin-bottom:var(--spacing-md)}.mb-75[data-v-b730256e]{margin-bottom:var(--spacing-75)}.mb-lg[data-v-b730256e]{margin-bottom:var(--spacing-lg)}.mb-xl[data-v-b730256e]{margin-bottom:var(--spacing-xl)}.euro-sign[data-v-b730256e]:first-letter{color:var(--grey-5);font-weight:400}.uppercase[data-v-b730256e]{text-transform:uppercase}.capitalize[data-v-b730256e]{text-transform:capitalize}.reset-btn[data-v-b730256e]{background:#0000}.reset-btn[data-v-b730256e],.reset-input[data-v-b730256e]{border:none;border-radius:0;padding:0}.relative[data-v-b730256e]{position:relative}.full-width[data-v-b730256e]{width:100%}.fade-enter-active[data-v-b730256e]{transition:var(--transition-opacity-enter)}.fade-leave-active[data-v-b730256e]{transition:var(--transition-opacity-leave)}.fade-enter-from[data-v-b730256e],.fade-leave-to[data-v-b730256e]{opacity:0}.fade-fast-enter-active[data-v-b730256e],.fade-fast-leave-active[data-v-b730256e]{transition:all .125s}.fade-fast-enter-from[data-v-b730256e],.fade-fast-leave-to[data-v-b730256e]{opacity:0}.fade-move-fast-enter-active[data-v-b730256e]{transition:all .125s ease-out}.fade-move-fast-leave-active[data-v-b730256e]{transition:all .2s ease-in}.fade-move-fast-enter-from[data-v-b730256e],.fade-move-fast-leave-to[data-v-b730256e]{opacity:0;transform:translateY(2%)}.fade-out-fast-leave-active[data-v-b730256e]{transition:all .125s}.fade-out-fast-leave-to[data-v-b730256e],.slide-left-enter-from[data-v-b730256e],.slide-left-leave-to[data-v-b730256e],.slide-right-enter-from[data-v-b730256e],.slide-right-leave-to[data-v-b730256e]{opacity:0}.slide-left-enter-from[data-v-b730256e],.slide-right-leave-to[data-v-b730256e]{transform:translateX(120%)}.slide-left-leave-to[data-v-b730256e],.slide-right-enter-from[data-v-b730256e]{transform:translateX(-120%)}.slide-left-enter-active[data-v-b730256e],.slide-left-leave-active[data-v-b730256e],.slide-right-enter-active[data-v-b730256e],.slide-right-leave-active[data-v-b730256e]{transition:all .2s ease}.slide-sidebar-enter-active[data-v-b730256e]{transition:var(--transition-transform-enter)}.slide-sidebar-leave-active[data-v-b730256e]{transition:var(--transition-transform-leave)}.slide-sidebar-enter-from[data-v-b730256e],.slide-sidebar-leave-to[data-v-b730256e]{transform:translateX(100%)}.overlay-enter-active[data-v-b730256e]{transition:var(--transition-opacity-enter)}.overlay-enter-active .overlay-container[data-v-b730256e]{transition:var(--transition-transform-enter)}.overlay-leave-active[data-v-b730256e]{transition:var(--transition-opacity-leave)}.overlay-leave-active .overlay-container[data-v-b730256e]{transition:var(--transition-transform-leave)}.overlay-enter-from[data-v-b730256e]{opacity:0}.overlay-enter-from .overlay-container[data-v-b730256e]{transform:translateY(30px)}.overlay-leave-to[data-v-b730256e]{opacity:0}.overlay-leave-to .overlay-container[data-v-b730256e]{transform:translateY(30px)}.vue-notification-group[data-v-b730256e]{padding:var(--spacing-xs);margin-top:var(--nav);z-index:var(--z-index-notification);pointer-events:none;display:flex;justify-content:flex-end}.notification[data-v-b730256e]{background-color:var(--white);color:var(--grey-6);font-size:var(--type-scale-sm);line-height:var(--spacing-sm);padding:var(--spacing-base);margin-bottom:var(--spacing-xs);border:var(--border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-2);display:flex;max-width:400px}.notification .notification-title[data-v-b730256e]{color:var(--black);font-size:var(--type-scale-sm);font-weight:700;margin-bottom:var(--spacing-xxs)}.notification.info .notification-title[data-v-b730256e]{color:var(--black)}.notification.error .notification-title[data-v-b730256e]{color:var(--error)}.notification.success .notification-title[data-v-b730256e]{color:var(--success)}.notification.warn .notification-title[data-v-b730256e]{color:var(--orange)}.notification-icon svg[data-v-b730256e]{margin-right:var(--spacing-base)}.notification-button[data-v-b730256e]{margin-top:var(--spacing-base)}.notification-content-wrapper[data-v-b730256e]{flex-basis:100%}.notification-close[data-v-b730256e]{pointer-events:all;margin-left:var(--spacing-base)}.notification-close svg[data-v-b730256e]{color:var(--grey-5)}@media(width <= 36rem){.vue-notification-group[data-v-b730256e]{justify-content:center}.vue-notification-group .notification[data-v-b730256e]{max-width:100%}.vue-notification-group>span[data-v-b730256e]{width:100%}}[data-v-b730256e]:root{--rainbow-gradient-animation:gradient 7s ease infinite}@keyframes gradient-b730256e{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.info[data-v-b730256e]{position:relative}.info:hover .info-text[data-v-b730256e]{display:block}.info img[data-v-b730256e]{cursor:pointer}.info-text[data-v-b730256e]{position:absolute;top:2rem;right:0;background:var(--white);border-radius:var(--border-radius-xl);border:var(--border-primary);width:280px;padding:var(--spacing-75) 1rem;line-height:150%;color:var(--black);display:none}[data-v-21f30687]:root{--white:#fff;--white-0:#fff0;--white-20:#fff3;--white-30:#ffffff4d;--white-40:#fff6;--white-50:#ffffff80;--white-60:#fff9;--white-70:#ffffffb3;--white-80:#fffc;--white-90:#ffffffe6;--grey-1:#f5f5f5;--grey-2:#e8e8e8;--grey-4:#d2d2d2;--grey-5:#979b9e;--grey-6:#6c7073;--black:#1b1b1b;--black-0:#0000;--black-10:#2b2c371a;--black-30:#2b2c374d;--black-40:#2b2c3766;--black-50:#2b2c3780;--black-60:#2b2c3799;--black-80:#2b2c37cc;--black-90:#2b2c37e6;--green:#4caf50;--purple:#c597ff;--blue:#00f;--blue-10:#0000ff1a;--blue-20:#00f3;--blue-60:#00f9;--orange:#c94c00;--orange-10:#c94c001a;--yellow:#fae210;--yellow-10:#fae2101a;--yellow-40:#fae21066;--cream:#f6f5f0;--cream-20:#e5e5e1;--cream-30:#ccccc4;--cream-50:#6d6e69;--control:#3a3a431a;--footer:#3232321a;--success:var(--green);--error:var(--orange);--water-blue:#4498e5;--emissions-green:#4fc369;--energy-orange:#f68768;--selected-canvas-border:1px solid var(--blue);--rainbow-gradient:linear-gradient(90deg,#fef9cf,#ffe8d7,#fdd5cd,#f8d9f3,#efcff2,#dadafa,#d5ebff,#dcf3e1);--font-primary:"Helvetica Neue",helvetica,arial,sans-serif;--font-primary-src:local("Helvetica Neue"),local("Helvetica");--font-secondary:"Source Code Pro",monospace;--font-secondary-src:local("Source Code Pro");--type-scale-xxs:0.5rem;--type-scale-xs:0.6875rem;--type-scale-sm:0.8125rem;--type-scale-base:1rem;--type-scale-md:1.25rem;--type-scale-lg:1.5rem;--type-scale-xl:2rem;--type-scale-40:2.5rem;--type-scale-56:3.5rem;--type-scale-xxl:5rem;--border-primary:1px solid var(--black);--border-primary-10:1px solid var(--black-10);--border-primary-thin:0.5px solid var(--black);--border-primary-thin-dashed:0.5px dashed var(--black);--border-primary-heavy:2px solid var(--black);--border-secondary:1px solid var(--grey-2);--border-secondary-heavy:2px solid var(--grey-2);--border-secondary-dashed:1px dashed var(--grey-2);--border-tertiary:1px solid var(--grey-4);--border-tertiary-thin:0.5px solid var(--grey-4);--border-tertiary-heavy:2px solid var(--grey-4);--border-tertiary-dashed:1px dashed var(--grey-4);--border-transparent:1px solid #0000;--border-transparent-heavy:2px solid #0000;--border-yellow:1px solid var(--yellow);--border-orange:1px solid var(--orange);--border-white:1px solid var(--white);--border-cream:1px solid var(--cream);--border-cream-30:1px solid var(--cream-30);--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-base:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-xxl:32px;--border-radius-round:9999px;--border-radius-button:10px;--spacing-xxxs:0.125rem;--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-75:0.75rem;--spacing-base:1rem;--spacing-sm:1.25rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:5rem;--spacing-xxxl:10rem;--line-height-sm:100%;--line-height-base:120%;--line-height-md:150%;--box-shadow-1:0 0 40px #2b2c371a;--box-shadow-2:0 2px 0 0 #2b2c3714;--soft-shadow:0 4px 40px #2b2c371a;--nav:64px;--editor-nav:48px;--controls:48px;--controls-top-margin:calc(var(--controls)*3);--step-header:105px;--notifications-list:360px;--gradient-loading-icon:26px;--vh-with-nav:calc(100vh - var(--nav));--vh-with-editor-nav:calc(100vh - var(--editor-nav));--vh-with-nav-and-controls:calc(100vh - var(--nav) - var(--controls));--vh-with-nav-and-step:calc(100vh - var(--nav) - var(--controls) - var(--step-header));--yarn-color-height:calc(100vh - var(--controls-top-margin) - var(--spacing-md) - 116px);--layers-panel-width:250px;--layer-button-icon:18px;--canvas-width:1008px;--canvas-length:756px;--main-panel-width:360px;--sub-panel-width:var(--main-panel-width);--sample-bar-bottom:1rem;--overlay-modal-bottom:calc(var(--sample-bar-bottom) + 64px + 1rem);--transition-ease-out:cubic-bezier(0.215,0.61,0.355,1);--transition-ease-in:cubic-bezier(0.75,0,1,1);--transition-ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--transition-linear:linear;--transition-speed-enter:250ms;--transition-speed-leave:300ms;--transition-input-enter:background-color var(--transition-speed-enter) var(--transition-ease-out),color var(--transition-speed-enter) var(--transition-ease-out),border-color var(--transition-speed-enter) var(--transition-ease-out),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-input-leave:background-color var(--transition-speed-leave) var(--transition-ease-in),color var(--transition-speed-leave) var(--transition-ease-in),border-color var(--transition-speed-leave) var(--transition-ease-in),box-shadow var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-enter:transform var(--transition-speed-enter) var(--transition-ease-out);--transition-transform-leave:transform var(--transition-speed-leave) var(--transition-ease-in);--transition-opacity-enter:opacity var(--transition-speed-enter) var(--transition-ease-out);--transition-opacity-leave:opacity var(--transition-speed-leave) var(--transition-ease-in);--transition-fill-enter:fill var(--transition-speed-enter) var(--transition-ease-out);--transition-fill-leave:fill var(--transition-speed-leave) var(--transition-ease-in);--z-index-base:0;--z-index-nav:2;--z-index-view:10;--z-index-panel:25;--z-index-customizer:52;--z-index-help-menu:53;--z-index-overlay:54;--z-index-sidebar:55;--z-index-notification:60;--z-index-loading:70;--z-index-full-page:999;--backdrop-blur-2:blur(2px)}@media(prefers-reduced-motion:reduce){[data-v-21f30687]:root{--transition-speed-enter:0;--transition-speed-leave:0}}@font-face{font-family:var(--font-primary);src:var(--font-primary-src);font-weight:400}@font-face{font-family:var(--font-secondary);src:var(--font-secondary-src);font-weight:500}body[data-v-21f30687],html[data-v-21f30687]{font-family:var(--font-primary)}h1[data-v-21f30687]{font-size:var(--type-scale-xl);font-weight:400}h2[data-v-21f30687]{font-size:var(--type-scale-lg);font-weight:400}h3[data-v-21f30687]{font-size:var(--type-scale-md);font-weight:400}h4[data-v-21f30687]{font-size:var(--type-scale-md);font-weight:700}p[data-v-21f30687]{font-size:var(--type-scale-base)}.text-body[data-v-21f30687]{font-size:var(--type-scale-md)}.text-meta[data-v-21f30687]{font-family:var(--font-secondary)}.text-meta[data-v-21f30687],.text-small[data-v-21f30687]{font-size:var(--type-scale-sm)}.font-mono[data-v-21f30687]{font-family:var(--font-secondary)}.text-uppercase[data-v-21f30687]{text-transform:uppercase}.text-center[data-v-21f30687]{text-align:center}.measure[data-v-21f30687]{max-width:30em}.measure-wide[data-v-21f30687]{max-width:34em}.measure-narrow[data-v-21f30687]{max-width:20em}.header-6[data-v-21f30687]{font-weight:700;line-height:120%;font-size:var(--type-scale-sm);margin-bottom:var(--spacing-75);color:var(--black)}.descriptive-text--grey[data-v-21f30687],.descriptive-text[data-v-21f30687]{color:var(--black);font-size:var(--type-scale-sm);line-height:125%}.descriptive-text--grey[data-v-21f30687]{color:var(--grey-6)}.descriptive-text--grey a[data-v-21f30687]{color:inherit;text-decoration:underline;transition:color var(--transition-speed-enter) var(--transition-ease-out)}.descriptive-text--grey a[data-v-21f30687]:hover{color:var(--black);text-decoration:underline}a[data-v-21f30687],abbr[data-v-21f30687],acronym[data-v-21f30687],address[data-v-21f30687],applet[data-v-21f30687],article[data-v-21f30687],aside[data-v-21f30687],audio[data-v-21f30687],b[data-v-21f30687],big[data-v-21f30687],blockquote[data-v-21f30687],body[data-v-21f30687],canvas[data-v-21f30687],caption[data-v-21f30687],center[data-v-21f30687],cite[data-v-21f30687],code[data-v-21f30687],dd[data-v-21f30687],del[data-v-21f30687],details[data-v-21f30687],dfn[data-v-21f30687],div[data-v-21f30687],dl[data-v-21f30687],dt[data-v-21f30687],em[data-v-21f30687],embed[data-v-21f30687],fieldset[data-v-21f30687],figcaption[data-v-21f30687],figure[data-v-21f30687],footer[data-v-21f30687],form[data-v-21f30687],h1[data-v-21f30687],h2[data-v-21f30687],h3[data-v-21f30687],h4[data-v-21f30687],h5[data-v-21f30687],h6[data-v-21f30687],header[data-v-21f30687],hgroup[data-v-21f30687],html[data-v-21f30687],i[data-v-21f30687],iframe[data-v-21f30687],img[data-v-21f30687],ins[data-v-21f30687],kbd[data-v-21f30687],label[data-v-21f30687],legend[data-v-21f30687],li[data-v-21f30687],mark[data-v-21f30687],menu[data-v-21f30687],nav[data-v-21f30687],object[data-v-21f30687],ol[data-v-21f30687],output[data-v-21f30687],pre[data-v-21f30687],q[data-v-21f30687],ruby[data-v-21f30687],s[data-v-21f30687],samp[data-v-21f30687],section[data-v-21f30687],small[data-v-21f30687],span[data-v-21f30687],strike[data-v-21f30687],strong[data-v-21f30687],sub[data-v-21f30687],summary[data-v-21f30687],sup[data-v-21f30687],table[data-v-21f30687],tbody[data-v-21f30687],td[data-v-21f30687],tfoot[data-v-21f30687],th[data-v-21f30687],thead[data-v-21f30687],time[data-v-21f30687],tr[data-v-21f30687],tt[data-v-21f30687],u[data-v-21f30687],ul[data-v-21f30687],var[data-v-21f30687],video[data-v-21f30687]{margin:0;padding:0;border:0;vertical-align:initial}[data-v-21f30687],[data-v-21f30687]:after,[data-v-21f30687]:before{box-sizing:inherit}[data-v-21f30687]{-webkit-tap-highlight-color:rgba(0,0,0,0)}body[data-v-21f30687]{line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html[data-v-21f30687]{box-sizing:border-box;overflow:auto}input[data-v-21f30687]:focus,textarea[data-v-21f30687]:focus{outline:none}button[data-v-21f30687]{font-family:var(--font-primary);font-size:var(--type-scale-base);cursor:pointer}button[data-v-21f30687]:focus{outline:0}a[data-v-21f30687],a[data-v-21f30687]:hover{text-decoration:none}p[data-v-21f30687]{line-height:1;margin:0 0 var(--spacing-base)}p[data-v-21f30687]:last-child{margin-bottom:0}input[type=number][data-v-21f30687]{appearance:textfield}input[data-v-21f30687]::-webkit-inner-spin-button,input[data-v-21f30687]::-webkit-outer-spin-button{appearance:none}ol[data-v-21f30687],ul[data-v-21f30687]{list-style:none}blockquote[data-v-21f30687],q[data-v-21f30687]{quotes:none}blockquote[data-v-21f30687]:after,blockquote[data-v-21f30687]:before,q[data-v-21f30687]:after,q[data-v-21f30687]:before{content:"";content:none}table[data-v-21f30687]{border-collapse:collapse;border-spacing:0}[data-v-21f30687]:root{--breakpoint-xs:24rem;--breakpoint-sm:36rem;--breakpoint-md:48rem;--breakpoint-lg:62rem;--breakpoint-lg-75:75rem;--breakpoint-xl:90rem;--grid-template:repeat(4,minmax(0,1fr));--grid-gap:1rem}.contained-section[data-v-21f30687]{margin:0 auto;max-width:var(--breakpoint-lg-75);width:100%;padding:var(--spacing-lg) var(--spacing-base)}@media screen and (width >= 48rem){[data-v-21f30687]:root{--grid-template:repeat(12,minmax(0,1fr));--grid-gap:2rem}.contained-section[data-v-21f30687]{padding:calc(var(--spacing-md)*2)}}@media screen and (36rem <= width <= 48rem){[data-v-21f30687]:root{--grid-template:repeat(6,minmax(0,1fr));--grid-gap:1.5rem}}.grid[data-v-21f30687]{display:grid;grid-template-columns:var(--grid-template);gap:var(--grid-gap);grid-auto-columns:minmax(auto,max-content)}.no-gap[data-v-21f30687]{gap:0}.col-auto[data-v-21f30687]{grid-column:auto}.col-span-1[data-v-21f30687]{grid-column:span 1/span 1}.col-span-2[data-v-21f30687]{grid-column:span 2/span 2}.col-span-3[data-v-21f30687]{grid-column:span 3/span 3}.col-span-4[data-v-21f30687]{grid-column:span 4/span 4}.col-span-5[data-v-21f30687]{grid-column:span 5/span 5}.col-span-6[data-v-21f30687]{grid-column:span 6/span 6}.col-span-7[data-v-21f30687]{grid-column:span 7/span 7}.col-span-8[data-v-21f30687]{grid-column:span 8/span 8}.col-span-9[data-v-21f30687]{grid-column:span 9/span 9}.col-span-10[data-v-21f30687]{grid-column:span 10/span 10}.col-span-11[data-v-21f30687]{grid-column:span 11/span 11}.col-span-12[data-v-21f30687]{grid-column:span 12/span 12}.col-span-full[data-v-21f30687]{grid-column:1/-1}@media screen and (36rem <= width <= 48rem){.md\:col-span-1[data-v-21f30687]{grid-column:span 1/span 1}.md\:col-span-2[data-v-21f30687]{grid-column:span 2/span 2}.md\:col-span-3[data-v-21f30687]{grid-column:span 3/span 3}.md\:col-span-4[data-v-21f30687]{grid-column:span 4/span 4}.md\:col-span-5[data-v-21f30687]{grid-column:span 5/span 5}.md\:col-span-6[data-v-21f30687]{grid-column:span 6/span 6}.md\:col-span-full[data-v-21f30687]{grid-column:1/-1}}@media screen and (width >= 48rem){.lg\:col-span-1[data-v-21f30687]{grid-column:span 1/span 1}.lg\:col-span-2[data-v-21f30687]{grid-column:span 2/span 2}.lg\:col-span-3[data-v-21f30687]{grid-column:span 3/span 3}.lg\:col-span-4[data-v-21f30687]{grid-column:span 4/span 4}.lg\:col-span-5[data-v-21f30687]{grid-column:span 5/span 5}.lg\:col-span-6[data-v-21f30687]{grid-column:span 6/span 6}.lg\:col-span-7[data-v-21f30687]{grid-column:span 7/span 7}.lg\:col-span-8[data-v-21f30687]{grid-column:span 8/span 8}.lg\:col-span-9[data-v-21f30687]{grid-column:span 9/span 9}.lg\:col-span-10[data-v-21f30687]{grid-column:span 10/span 10}.lg\:col-span-11[data-v-21f30687]{grid-column:span 11/span 11}.lg\:col-span-12[data-v-21f30687]{grid-column:span 12/span 12}.lg\:col-span-full[data-v-21f30687]{grid-column:1/-1}.lg\:col-offset-2[data-v-21f30687],.lg\:col-offset-3[data-v-21f30687]{grid-column-start:3}.lg\:col-offset-7[data-v-21f30687]{grid-column-start:7}.lg\:col-offset-8[data-v-21f30687]{grid-column-start:8}.lg\:col-offset-9[data-v-21f30687]{grid-column-start:9}}@media screen and (min-width:48rem)and (max-width:75rem){.lg-75\:col-span-1[data-v-21f30687]{grid-column:span 1/span 1}.lg-75\:col-span-2[data-v-21f30687]{grid-column:span 2/span 2}.lg-75\:col-span-3[data-v-21f30687]{grid-column:span 3/span 3}.lg-75\:col-span-4[data-v-21f30687]{grid-column:span 4/span 4}.lg-75\:col-span-5[data-v-21f30687]{grid-column:span 5/span 5}.lg-75\:col-span-6[data-v-21f30687]{grid-column:span 6/span 6}.lg-75\:col-span-7[data-v-21f30687]{grid-column:span 7/span 7}.lg-75\:col-span-8[data-v-21f30687]{grid-column:span 8/span 8}.lg-75\:col-span-9[data-v-21f30687]{grid-column:span 9/span 9}.lg-75\:col-span-10[data-v-21f30687]{grid-column:span 10/span 10}.lg-75\:col-span-11[data-v-21f30687]{grid-column:span 11/span 11}.lg-75\:col-span-12[data-v-21f30687]{grid-column:span 12/span 12}.lg-75\:col-span-full[data-v-21f30687]{grid-column:1/-1}}.flex[data-v-21f30687]{display:flex}.flex-inline[data-v-21f30687]{display:inline-flex}.flex-column[data-v-21f30687]{flex-direction:column}.flex-column-reverse[data-v-21f30687]{flex-direction:column-reverse}.flex-row[data-v-21f30687]{flex-direction:column}.flex-wrap[data-v-21f30687]{flex-wrap:wrap}.flex-1[data-v-21f30687]{flex:1}.flex-grow-2[data-v-21f30687]{flex-grow:2}.flex-shrink-0[data-v-21f30687]{flex-shrink:0}.justify-center[data-v-21f30687]{justify-content:center}.justify-flex-end[data-v-21f30687]{justify-content:flex-end}.justify-flex-start[data-v-21f30687]{justify-content:flex-start}.align-center[data-v-21f30687]{align-items:center}.align-start[data-v-21f30687]{align-items:flex-start}.align-self-center[data-v-21f30687]{align-self:center}.flex-content-center[data-v-21f30687]{place-content:center center}.space-between[data-v-21f30687]{justify-content:space-between}.ml-auto[data-v-21f30687]{margin-left:auto}.ml-base[data-v-21f30687]{margin-left:var(--spacing-base)}.ml-75[data-v-21f30687]{margin-left:var(--spacing-75)}.ml-xs[data-v-21f30687]{margin-left:var(--spacing-xs)}.ml-xxs[data-v-21f30687]{margin-left:var(--spacing-xxs)}.mt-base[data-v-21f30687]{margin-top:var(--spacing-base)}.mt-md[data-v-21f30687]{margin-top:var(--spacing-md)}.mr-auto[data-v-21f30687]{margin-right:auto}.mr-base[data-v-21f30687]{margin-right:var(--spacing-base)}.mr-75[data-v-21f30687]{margin-right:var(--spacing-75)}.mr-xs[data-v-21f30687]{margin-right:var(--spacing-xs)}.mr-xxs[data-v-21f30687]{margin-right:var(--spacing-xxs)}.mb-0[data-v-21f30687]{margin-bottom:0}.mb-xs[data-v-21f30687]{margin-bottom:var(--spacing-xs)}.mb-xxs[data-v-21f30687]{margin-bottom:var(--spacing-xxs)}.mb-base[data-v-21f30687]{margin-bottom:var(--spacing-base)}.mb-sm[data-v-21f30687]{margin-bottom:var(--spacing-sm)}.mb-md[data-v-21f30687]{margin-bottom:var(--spacing-md)}.mb-75[data-v-21f30687]{margin-bottom:var(--spacing-75)}.mb-lg[data-v-21f30687]{margin-bottom:var(--spacing-lg)}.mb-xl[data-v-21f30687]{margin-bottom:var(--spacing-xl)}.euro-sign[data-v-21f30687]:first-letter{color:var(--grey-5);font-weight:400}.uppercase[data-v-21f30687]{text-transform:uppercase}.capitalize[data-v-21f30687]{text-transform:capitalize}.reset-btn[data-v-21f30687]{background:#0000}.reset-btn[data-v-21f30687],.reset-input[data-v-21f30687]{border:none;border-radius:0;padding:0}.relative[data-v-21f30687]{position:relative}.full-width[data-v-21f30687]{width:100%}.fade-enter-active[data-v-21f30687]{transition:var(--transition-opacity-enter)}.fade-leave-active[data-v-21f30687]{transition:var(--transition-opacity-leave)}.fade-enter-from[data-v-21f30687],.fade-leave-to[data-v-21f30687]{opacity:0}.fade-fast-enter-active[data-v-21f30687],.fade-fast-leave-active[data-v-21f30687]{transition:all .125s}.fade-fast-enter-from[data-v-21f30687],.fade-fast-leave-to[data-v-21f30687]{opacity:0}.fade-move-fast-enter-active[data-v-21f30687]{transition:all .125s ease-out}.fade-move-fast-leave-active[data-v-21f30687]{transition:all .2s ease-in}.fade-move-fast-enter-from[data-v-21f30687],.fade-move-fast-leave-to[data-v-21f30687]{opacity:0;transform:translateY(2%)}.fade-out-fast-leave-active[data-v-21f30687]{transition:all .125s}.fade-out-fast-leave-to[data-v-21f30687],.slide-left-enter-from[data-v-21f30687],.slide-left-leave-to[data-v-21f30687],.slide-right-enter-from[data-v-21f30687],.slide-right-leave-to[data-v-21f30687]{opacity:0}.slide-left-enter-from[data-v-21f30687],.slide-right-leave-to[data-v-21f30687]{transform:translateX(120%)}.slide-left-leave-to[data-v-21f30687],.slide-right-enter-from[data-v-21f30687]{transform:translateX(-120%)}.slide-left-enter-active[data-v-21f30687],.slide-left-leave-active[data-v-21f30687],.slide-right-enter-active[data-v-21f30687],.slide-right-leave-active[data-v-21f30687]{transition:all .2s ease}.slide-sidebar-enter-active[data-v-21f30687]{transition:var(--transition-transform-enter)}.slide-sidebar-leave-active[data-v-21f30687]{transition:var(--transition-transform-leave)}.slide-sidebar-enter-from[data-v-21f30687],.slide-sidebar-leave-to[data-v-21f30687]{transform:translateX(100%)}.overlay-enter-active[data-v-21f30687]{transition:var(--transition-opacity-enter)}.overlay-enter-active .overlay-container[data-v-21f30687]{transition:var(--transition-transform-enter)}.overlay-leave-active[data-v-21f30687]{transition:var(--transition-opacity-leave)}.overlay-leave-active .overlay-container[data-v-21f30687]{transition:var(--transition-transform-leave)}.overlay-enter-from[data-v-21f30687]{opacity:0}.overlay-enter-from .overlay-container[data-v-21f30687]{transform:translateY(30px)}.overlay-leave-to[data-v-21f30687]{opacity:0}.overlay-leave-to .overlay-container[data-v-21f30687]{transform:translateY(30px)}.vue-notification-group[data-v-21f30687]{padding:var(--spacing-xs);margin-top:var(--nav);z-index:var(--z-index-notification);pointer-events:none;display:flex;justify-content:flex-end}.notification[data-v-21f30687]{background-color:var(--white);color:var(--grey-6);font-size:var(--type-scale-sm);line-height:var(--spacing-sm);padding:var(--spacing-base);margin-bottom:var(--spacing-xs);border:var(--border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-2);display:flex;max-width:400px}.notification .notification-title[data-v-21f30687]{color:var(--black);font-size:var(--type-scale-sm);font-weight:700;margin-bottom:var(--spacing-xxs)}.notification.info .notification-title[data-v-21f30687]{color:var(--black)}.notification.error .notification-title[data-v-21f30687]{color:var(--error)}.notification.success .notification-title[data-v-21f30687]{color:var(--success)}.notification.warn .notification-title[data-v-21f30687]{color:var(--orange)}.notification-icon svg[data-v-21f30687]{margin-right:var(--spacing-base)}.notification-button[data-v-21f30687]{margin-top:var(--spacing-base)}.notification-content-wrapper[data-v-21f30687]{flex-basis:100%}.notification-close[data-v-21f30687]{pointer-events:all;margin-left:var(--spacing-base)}.notification-close svg[data-v-21f30687]{color:var(--grey-5)}@media(width <= 36rem){.vue-notification-group[data-v-21f30687]{justify-content:center}.vue-notification-group .notification[data-v-21f30687]{max-width:100%}.vue-notification-group>span[data-v-21f30687]{width:100%}}[data-v-21f30687]:root{--rainbow-gradient-animation:gradient 7s ease infinite}@keyframes gradient-21f30687{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.text-pill[data-v-21f30687]{display:flex;align-items:center;width:fit-content;white-space:nowrap}.text-pill--bold[data-v-21f30687]{font-weight:700}.text-pill--round-none[data-v-21f30687]{border-radius:0}.text-pill--round-sm[data-v-21f30687]{border-radius:var(--border-radius-sm)}.text-pill--round-base[data-v-21f30687]{border-radius:var(--border-radius-base)}.text-pill--round-md[data-v-21f30687]{border-radius:var(--border-radius-md)}.text-pill--round-lg[data-v-21f30687]{border-radius:var(--border-radius-lg)}.text-pill--white[data-v-21f30687]{color:var(--black);border:var(--border-secondary);background:var(--white)}.text-pill--gray[data-v-21f30687]{color:var(--grey-6);border:var(--border-tertiary);background:var(--grey-1)}.text-pill--sm[data-v-21f30687]{padding:var(--spacing-xxs) var(--spacing-xs)}.text-pill--md[data-v-21f30687]{padding:var(--spacing-xxs) var(--spacing-75)}.text-pill--lg[data-v-21f30687]{padding:var(--spacing-xs) var(--spacing-75)}.text-pill--clickable[data-v-21f30687]{transition:var(--transition-input-leave)}.text-pill--clickable[data-v-21f30687]:hover{transition:var(--transition-input-enter);background-color:var(--grey-2);border:var(--border-tertiary)}.text-pill>p[data-v-21f30687]{font-size:var(--type-scale-sm);margin-bottom:0}