@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-0348b263]: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-0348b263]:root{--transition-speed-enter:0;--transition-speed-leave:0}}body[data-v-0348b263],html[data-v-0348b263]{font-family:var(--font-primary)}h1[data-v-0348b263]{font-size:var(--type-scale-xl);font-weight:400}h2[data-v-0348b263]{font-size:var(--type-scale-lg);font-weight:400}h3[data-v-0348b263]{font-size:var(--type-scale-md);font-weight:400}h4[data-v-0348b263]{font-size:var(--type-scale-md);font-weight:700}p[data-v-0348b263]{font-size:var(--type-scale-base)}.text-body[data-v-0348b263]{font-size:var(--type-scale-md)}.text-meta[data-v-0348b263]{font-family:var(--font-secondary)}.text-meta[data-v-0348b263],.text-small[data-v-0348b263]{font-size:var(--type-scale-sm)}.font-mono[data-v-0348b263]{font-family:var(--font-secondary)}.text-uppercase[data-v-0348b263]{text-transform:uppercase}.text-center[data-v-0348b263]{text-align:center}.measure[data-v-0348b263]{max-width:30em}.measure-wide[data-v-0348b263]{max-width:34em}.measure-narrow[data-v-0348b263]{max-width:20em}.header-6[data-v-0348b263]{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-0348b263],.descriptive-text[data-v-0348b263]{color:var(--black);font-size:var(--type-scale-sm);line-height:125%}.descriptive-text--grey[data-v-0348b263]{color:var(--grey-6)}.descriptive-text--grey a[data-v-0348b263]{color:inherit;text-decoration:underline;transition:color var(--transition-speed-enter) var(--transition-ease-out)}.descriptive-text--grey a[data-v-0348b263]:hover{color:var(--black);text-decoration:underline}a[data-v-0348b263],abbr[data-v-0348b263],acronym[data-v-0348b263],address[data-v-0348b263],applet[data-v-0348b263],article[data-v-0348b263],aside[data-v-0348b263],audio[data-v-0348b263],b[data-v-0348b263],big[data-v-0348b263],blockquote[data-v-0348b263],body[data-v-0348b263],canvas[data-v-0348b263],caption[data-v-0348b263],center[data-v-0348b263],cite[data-v-0348b263],code[data-v-0348b263],dd[data-v-0348b263],del[data-v-0348b263],details[data-v-0348b263],dfn[data-v-0348b263],div[data-v-0348b263],dl[data-v-0348b263],dt[data-v-0348b263],em[data-v-0348b263],embed[data-v-0348b263],fieldset[data-v-0348b263],figcaption[data-v-0348b263],figure[data-v-0348b263],footer[data-v-0348b263],form[data-v-0348b263],h1[data-v-0348b263],h2[data-v-0348b263],h3[data-v-0348b263],h4[data-v-0348b263],h5[data-v-0348b263],h6[data-v-0348b263],header[data-v-0348b263],hgroup[data-v-0348b263],html[data-v-0348b263],i[data-v-0348b263],iframe[data-v-0348b263],img[data-v-0348b263],ins[data-v-0348b263],kbd[data-v-0348b263],label[data-v-0348b263],legend[data-v-0348b263],li[data-v-0348b263],mark[data-v-0348b263],menu[data-v-0348b263],nav[data-v-0348b263],object[data-v-0348b263],ol[data-v-0348b263],output[data-v-0348b263],pre[data-v-0348b263],q[data-v-0348b263],ruby[data-v-0348b263],s[data-v-0348b263],samp[data-v-0348b263],section[data-v-0348b263],small[data-v-0348b263],span[data-v-0348b263],strike[data-v-0348b263],strong[data-v-0348b263],sub[data-v-0348b263],summary[data-v-0348b263],sup[data-v-0348b263],table[data-v-0348b263],tbody[data-v-0348b263],td[data-v-0348b263],tfoot[data-v-0348b263],th[data-v-0348b263],thead[data-v-0348b263],time[data-v-0348b263],tr[data-v-0348b263],tt[data-v-0348b263],u[data-v-0348b263],ul[data-v-0348b263],var[data-v-0348b263],video[data-v-0348b263]{margin:0;padding:0;border:0;vertical-align:initial}[data-v-0348b263],[data-v-0348b263]:after,[data-v-0348b263]:before{box-sizing:inherit}[data-v-0348b263]{-webkit-tap-highlight-color:rgba(0,0,0,0)}body[data-v-0348b263]{line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html[data-v-0348b263]{box-sizing:border-box;overflow:auto}input[data-v-0348b263]:focus,textarea[data-v-0348b263]:focus{outline:none}button[data-v-0348b263]{font-family:var(--font-primary);font-size:var(--type-scale-base);cursor:pointer}button[data-v-0348b263]:focus{outline:0}a[data-v-0348b263],a[data-v-0348b263]:hover{text-decoration:none}p[data-v-0348b263]{line-height:1;margin:0 0 var(--spacing-base)}p[data-v-0348b263]:last-child{margin-bottom:0}input[type=number][data-v-0348b263]{appearance:textfield}input[data-v-0348b263]::-webkit-inner-spin-button,input[data-v-0348b263]::-webkit-outer-spin-button{appearance:none}ol[data-v-0348b263],ul[data-v-0348b263]{list-style:none}blockquote[data-v-0348b263],q[data-v-0348b263]{quotes:none}blockquote[data-v-0348b263]:after,blockquote[data-v-0348b263]:before,q[data-v-0348b263]:after,q[data-v-0348b263]:before{content:"";content:none}table[data-v-0348b263]{border-collapse:collapse;border-spacing:0}[data-v-0348b263]: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-0348b263]{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-0348b263]:root{--grid-template:repeat(12,minmax(0,1fr));--grid-gap:2rem}.contained-section[data-v-0348b263]{padding:calc(var(--spacing-md)*2)}}@media screen and (36rem <= width <= 48rem){[data-v-0348b263]:root{--grid-template:repeat(6,minmax(0,1fr));--grid-gap:1.5rem}}.grid[data-v-0348b263]{display:grid;grid-template-columns:var(--grid-template);gap:var(--grid-gap);grid-auto-columns:minmax(auto,max-content)}.no-gap[data-v-0348b263]{gap:0}.col-auto[data-v-0348b263]{grid-column:auto}.col-span-1[data-v-0348b263]{grid-column:span 1/span 1}.col-span-2[data-v-0348b263]{grid-column:span 2/span 2}.col-span-3[data-v-0348b263]{grid-column:span 3/span 3}.col-span-4[data-v-0348b263]{grid-column:span 4/span 4}.col-span-5[data-v-0348b263]{grid-column:span 5/span 5}.col-span-6[data-v-0348b263]{grid-column:span 6/span 6}.col-span-7[data-v-0348b263]{grid-column:span 7/span 7}.col-span-8[data-v-0348b263]{grid-column:span 8/span 8}.col-span-9[data-v-0348b263]{grid-column:span 9/span 9}.col-span-10[data-v-0348b263]{grid-column:span 10/span 10}.col-span-11[data-v-0348b263]{grid-column:span 11/span 11}.col-span-12[data-v-0348b263]{grid-column:span 12/span 12}.col-span-full[data-v-0348b263]{grid-column:1/-1}@media screen and (36rem <= width <= 48rem){.md\:col-span-1[data-v-0348b263]{grid-column:span 1/span 1}.md\:col-span-2[data-v-0348b263]{grid-column:span 2/span 2}.md\:col-span-3[data-v-0348b263]{grid-column:span 3/span 3}.md\:col-span-4[data-v-0348b263]{grid-column:span 4/span 4}.md\:col-span-5[data-v-0348b263]{grid-column:span 5/span 5}.md\:col-span-6[data-v-0348b263]{grid-column:span 6/span 6}.md\:col-span-full[data-v-0348b263]{grid-column:1/-1}}@media screen and (width >= 48rem){.lg\:col-span-1[data-v-0348b263]{grid-column:span 1/span 1}.lg\:col-span-2[data-v-0348b263]{grid-column:span 2/span 2}.lg\:col-span-3[data-v-0348b263]{grid-column:span 3/span 3}.lg\:col-span-4[data-v-0348b263]{grid-column:span 4/span 4}.lg\:col-span-5[data-v-0348b263]{grid-column:span 5/span 5}.lg\:col-span-6[data-v-0348b263]{grid-column:span 6/span 6}.lg\:col-span-7[data-v-0348b263]{grid-column:span 7/span 7}.lg\:col-span-8[data-v-0348b263]{grid-column:span 8/span 8}.lg\:col-span-9[data-v-0348b263]{grid-column:span 9/span 9}.lg\:col-span-10[data-v-0348b263]{grid-column:span 10/span 10}.lg\:col-span-11[data-v-0348b263]{grid-column:span 11/span 11}.lg\:col-span-12[data-v-0348b263]{grid-column:span 12/span 12}.lg\:col-span-full[data-v-0348b263]{grid-column:1/-1}.lg\:col-offset-2[data-v-0348b263],.lg\:col-offset-3[data-v-0348b263]{grid-column-start:3}.lg\:col-offset-7[data-v-0348b263]{grid-column-start:7}.lg\:col-offset-8[data-v-0348b263]{grid-column-start:8}.lg\:col-offset-9[data-v-0348b263]{grid-column-start:9}}@media screen and (min-width:48rem)and (max-width:75rem){.lg-75\:col-span-1[data-v-0348b263]{grid-column:span 1/span 1}.lg-75\:col-span-2[data-v-0348b263]{grid-column:span 2/span 2}.lg-75\:col-span-3[data-v-0348b263]{grid-column:span 3/span 3}.lg-75\:col-span-4[data-v-0348b263]{grid-column:span 4/span 4}.lg-75\:col-span-5[data-v-0348b263]{grid-column:span 5/span 5}.lg-75\:col-span-6[data-v-0348b263]{grid-column:span 6/span 6}.lg-75\:col-span-7[data-v-0348b263]{grid-column:span 7/span 7}.lg-75\:col-span-8[data-v-0348b263]{grid-column:span 8/span 8}.lg-75\:col-span-9[data-v-0348b263]{grid-column:span 9/span 9}.lg-75\:col-span-10[data-v-0348b263]{grid-column:span 10/span 10}.lg-75\:col-span-11[data-v-0348b263]{grid-column:span 11/span 11}.lg-75\:col-span-12[data-v-0348b263]{grid-column:span 12/span 12}.lg-75\:col-span-full[data-v-0348b263]{grid-column:1/-1}}.flex[data-v-0348b263]{display:flex}.flex-inline[data-v-0348b263]{display:inline-flex}.flex-column[data-v-0348b263]{flex-direction:column}.flex-column-reverse[data-v-0348b263]{flex-direction:column-reverse}.flex-row[data-v-0348b263]{flex-direction:column}.flex-wrap[data-v-0348b263]{flex-wrap:wrap}.flex-1[data-v-0348b263]{flex:1}.flex-grow-2[data-v-0348b263]{flex-grow:2}.flex-shrink-0[data-v-0348b263]{flex-shrink:0}.justify-center[data-v-0348b263]{justify-content:center}.justify-flex-end[data-v-0348b263]{justify-content:flex-end}.justify-flex-start[data-v-0348b263]{justify-content:flex-start}.align-center[data-v-0348b263]{align-items:center}.align-start[data-v-0348b263]{align-items:flex-start}.align-self-center[data-v-0348b263]{align-self:center}.flex-content-center[data-v-0348b263]{place-content:center center}.space-between[data-v-0348b263]{justify-content:space-between}.ml-auto[data-v-0348b263]{margin-left:auto}.ml-base[data-v-0348b263]{margin-left:var(--spacing-base)}.ml-75[data-v-0348b263]{margin-left:var(--spacing-75)}.ml-xs[data-v-0348b263]{margin-left:var(--spacing-xs)}.ml-xxs[data-v-0348b263]{margin-left:var(--spacing-xxs)}.mt-base[data-v-0348b263]{margin-top:var(--spacing-base)}.mt-md[data-v-0348b263]{margin-top:var(--spacing-md)}.mr-auto[data-v-0348b263]{margin-right:auto}.mr-base[data-v-0348b263]{margin-right:var(--spacing-base)}.mr-75[data-v-0348b263]{margin-right:var(--spacing-75)}.mr-xs[data-v-0348b263]{margin-right:var(--spacing-xs)}.mr-xxs[data-v-0348b263]{margin-right:var(--spacing-xxs)}.mb-0[data-v-0348b263]{margin-bottom:0}.mb-xs[data-v-0348b263]{margin-bottom:var(--spacing-xs)}.mb-xxs[data-v-0348b263]{margin-bottom:var(--spacing-xxs)}.mb-base[data-v-0348b263]{margin-bottom:var(--spacing-base)}.mb-sm[data-v-0348b263]{margin-bottom:var(--spacing-sm)}.mb-md[data-v-0348b263]{margin-bottom:var(--spacing-md)}.mb-75[data-v-0348b263]{margin-bottom:var(--spacing-75)}.mb-lg[data-v-0348b263]{margin-bottom:var(--spacing-lg)}.mb-xl[data-v-0348b263]{margin-bottom:var(--spacing-xl)}.euro-sign[data-v-0348b263]:first-letter{color:var(--grey-5);font-weight:400}.uppercase[data-v-0348b263]{text-transform:uppercase}.capitalize[data-v-0348b263]{text-transform:capitalize}.reset-btn[data-v-0348b263]{background:#0000}.reset-btn[data-v-0348b263],.reset-input[data-v-0348b263]{border:none;border-radius:0;padding:0}.relative[data-v-0348b263]{position:relative}.full-width[data-v-0348b263]{width:100%}.fade-enter-active[data-v-0348b263]{transition:var(--transition-opacity-enter)}.fade-leave-active[data-v-0348b263]{transition:var(--transition-opacity-leave)}.fade-enter-from[data-v-0348b263],.fade-leave-to[data-v-0348b263]{opacity:0}.fade-fast-enter-active[data-v-0348b263],.fade-fast-leave-active[data-v-0348b263]{transition:all .125s}.fade-fast-enter-from[data-v-0348b263],.fade-fast-leave-to[data-v-0348b263]{opacity:0}.fade-move-fast-enter-active[data-v-0348b263]{transition:all .125s ease-out}.fade-move-fast-leave-active[data-v-0348b263]{transition:all .2s ease-in}.fade-move-fast-enter-from[data-v-0348b263],.fade-move-fast-leave-to[data-v-0348b263]{opacity:0;transform:translateY(2%)}.fade-out-fast-leave-active[data-v-0348b263]{transition:all .125s}.fade-out-fast-leave-to[data-v-0348b263],.slide-left-enter-from[data-v-0348b263],.slide-left-leave-to[data-v-0348b263],.slide-right-enter-from[data-v-0348b263],.slide-right-leave-to[data-v-0348b263]{opacity:0}.slide-left-enter-from[data-v-0348b263],.slide-right-leave-to[data-v-0348b263]{transform:translateX(120%)}.slide-left-leave-to[data-v-0348b263],.slide-right-enter-from[data-v-0348b263]{transform:translateX(-120%)}.slide-left-enter-active[data-v-0348b263],.slide-left-leave-active[data-v-0348b263],.slide-right-enter-active[data-v-0348b263],.slide-right-leave-active[data-v-0348b263]{transition:all .2s ease}.slide-sidebar-enter-active[data-v-0348b263]{transition:var(--transition-transform-enter)}.slide-sidebar-leave-active[data-v-0348b263]{transition:var(--transition-transform-leave)}.slide-sidebar-enter-from[data-v-0348b263],.slide-sidebar-leave-to[data-v-0348b263]{transform:translateX(100%)}.overlay-enter-active[data-v-0348b263]{transition:var(--transition-opacity-enter)}.overlay-enter-active .overlay-container[data-v-0348b263]{transition:var(--transition-transform-enter)}.overlay-leave-active[data-v-0348b263]{transition:var(--transition-opacity-leave)}.overlay-leave-active .overlay-container[data-v-0348b263]{transition:var(--transition-transform-leave)}.overlay-enter-from[data-v-0348b263]{opacity:0}.overlay-enter-from .overlay-container[data-v-0348b263]{transform:translateY(30px)}.overlay-leave-to[data-v-0348b263]{opacity:0}.overlay-leave-to .overlay-container[data-v-0348b263]{transform:translateY(30px)}.vue-notification-group[data-v-0348b263]{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-0348b263]{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-0348b263]{color:var(--black);font-size:var(--type-scale-sm);font-weight:700;margin-bottom:var(--spacing-xxs)}.notification.info .notification-title[data-v-0348b263]{color:var(--black)}.notification.error .notification-title[data-v-0348b263]{color:var(--error)}.notification.success .notification-title[data-v-0348b263]{color:var(--success)}.notification.warn .notification-title[data-v-0348b263]{color:var(--orange)}.notification-icon svg[data-v-0348b263]{margin-right:var(--spacing-base)}.notification-button[data-v-0348b263]{margin-top:var(--spacing-base)}.notification-content-wrapper[data-v-0348b263]{flex-basis:100%}.notification-close[data-v-0348b263]{pointer-events:all;margin-left:var(--spacing-base)}.notification-close svg[data-v-0348b263]{color:var(--grey-5)}@media(width <= 36rem){.vue-notification-group[data-v-0348b263]{justify-content:center}.vue-notification-group .notification[data-v-0348b263]{max-width:100%}.vue-notification-group>span[data-v-0348b263]{width:100%}}[data-v-0348b263]:root{--rainbow-gradient-animation:gradient 7s ease infinite}@keyframes gradient-0348b263{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.sidebar[data-v-0348b263]{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-0348b263]{height:100%;display:flex;flex-direction:column;justify-content:space-between;margin-top:var(--spacing-lg)}.sidebar__content--main[data-v-0348b263]{flex:1}.sidebar__content--main .sidebar-item__title[data-v-0348b263]{font-size:var(--type-scale-lg)}.sidebar__content--main .sidebar-item__title[data-v-0348b263]:has(span){display:flex;align-items:center;gap:var(--spacing-xs)}.sidebar__content--main .sidebar-item a[data-v-0348b263]{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-0348b263]{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-0348b263],.sidebar__content--main .sidebar-item a:hover>span[data-v-0348b263]{border-color:var(--black)}.sidebar__top[data-v-0348b263]{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-0348b263]{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-0348b263]:focus{outline:none}.sidebar__top .close-button[data-v-0348b263]:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.sidebar__bottom[data-v-0348b263]{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:0 var(--spacing-lg)}.sidebar__bottom a[data-v-0348b263],.sidebar__bottom button[data-v-0348b263]{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-0348b263]:focus,.sidebar__bottom button[data-v-0348b263]:focus{outline:none}.sidebar__bottom a[data-v-0348b263]:focus-visible,.sidebar__bottom button[data-v-0348b263]:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.sidebar__bottom a[data-v-0348b263]:hover,.sidebar__bottom button[data-v-0348b263]:hover{color:var(--cream-50);border-color:var(--cream-50)}.indicator-icon[data-v-0348b263]{position:relative;height:24px}.indicator-icon.indicator-icon--show[data-v-0348b263]: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-0348b263]:before{background:var(--green)}.cart-quantity-container[data-v-0348b263]{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-0348b263]{max-width:400px;border-left:var(--border-primary)}}[data-v-7cce5128]: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-7cce5128]:root{--transition-speed-enter:0;--transition-speed-leave:0}}body[data-v-7cce5128],html[data-v-7cce5128]{font-family:var(--font-primary)}h1[data-v-7cce5128]{font-size:var(--type-scale-xl);font-weight:400}h2[data-v-7cce5128]{font-size:var(--type-scale-lg);font-weight:400}h3[data-v-7cce5128]{font-size:var(--type-scale-md);font-weight:400}h4[data-v-7cce5128]{font-size:var(--type-scale-md);font-weight:700}p[data-v-7cce5128]{font-size:var(--type-scale-base)}.text-body[data-v-7cce5128]{font-size:var(--type-scale-md)}.text-meta[data-v-7cce5128]{font-family:var(--font-secondary)}.text-meta[data-v-7cce5128],.text-small[data-v-7cce5128]{font-size:var(--type-scale-sm)}.font-mono[data-v-7cce5128]{font-family:var(--font-secondary)}.text-uppercase[data-v-7cce5128]{text-transform:uppercase}.text-center[data-v-7cce5128]{text-align:center}.measure[data-v-7cce5128]{max-width:30em}.measure-wide[data-v-7cce5128]{max-width:34em}.measure-narrow[data-v-7cce5128]{max-width:20em}.header-6[data-v-7cce5128]{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-7cce5128],.descriptive-text[data-v-7cce5128]{color:var(--black);font-size:var(--type-scale-sm);line-height:125%}.descriptive-text--grey[data-v-7cce5128]{color:var(--grey-6)}.descriptive-text--grey a[data-v-7cce5128]{color:inherit;text-decoration:underline;transition:color var(--transition-speed-enter) var(--transition-ease-out)}.descriptive-text--grey a[data-v-7cce5128]:hover{color:var(--black);text-decoration:underline}a[data-v-7cce5128],abbr[data-v-7cce5128],acronym[data-v-7cce5128],address[data-v-7cce5128],applet[data-v-7cce5128],article[data-v-7cce5128],aside[data-v-7cce5128],audio[data-v-7cce5128],b[data-v-7cce5128],big[data-v-7cce5128],blockquote[data-v-7cce5128],body[data-v-7cce5128],canvas[data-v-7cce5128],caption[data-v-7cce5128],center[data-v-7cce5128],cite[data-v-7cce5128],code[data-v-7cce5128],dd[data-v-7cce5128],del[data-v-7cce5128],details[data-v-7cce5128],dfn[data-v-7cce5128],div[data-v-7cce5128],dl[data-v-7cce5128],dt[data-v-7cce5128],em[data-v-7cce5128],embed[data-v-7cce5128],fieldset[data-v-7cce5128],figcaption[data-v-7cce5128],figure[data-v-7cce5128],footer[data-v-7cce5128],form[data-v-7cce5128],h1[data-v-7cce5128],h2[data-v-7cce5128],h3[data-v-7cce5128],h4[data-v-7cce5128],h5[data-v-7cce5128],h6[data-v-7cce5128],header[data-v-7cce5128],hgroup[data-v-7cce5128],html[data-v-7cce5128],i[data-v-7cce5128],iframe[data-v-7cce5128],img[data-v-7cce5128],ins[data-v-7cce5128],kbd[data-v-7cce5128],label[data-v-7cce5128],legend[data-v-7cce5128],li[data-v-7cce5128],mark[data-v-7cce5128],menu[data-v-7cce5128],nav[data-v-7cce5128],object[data-v-7cce5128],ol[data-v-7cce5128],output[data-v-7cce5128],pre[data-v-7cce5128],q[data-v-7cce5128],ruby[data-v-7cce5128],s[data-v-7cce5128],samp[data-v-7cce5128],section[data-v-7cce5128],small[data-v-7cce5128],span[data-v-7cce5128],strike[data-v-7cce5128],strong[data-v-7cce5128],sub[data-v-7cce5128],summary[data-v-7cce5128],sup[data-v-7cce5128],table[data-v-7cce5128],tbody[data-v-7cce5128],td[data-v-7cce5128],tfoot[data-v-7cce5128],th[data-v-7cce5128],thead[data-v-7cce5128],time[data-v-7cce5128],tr[data-v-7cce5128],tt[data-v-7cce5128],u[data-v-7cce5128],ul[data-v-7cce5128],var[data-v-7cce5128],video[data-v-7cce5128]{margin:0;padding:0;border:0;vertical-align:initial}[data-v-7cce5128],[data-v-7cce5128]:after,[data-v-7cce5128]:before{box-sizing:inherit}[data-v-7cce5128]{-webkit-tap-highlight-color:rgba(0,0,0,0)}body[data-v-7cce5128]{line-height:1;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html[data-v-7cce5128]{box-sizing:border-box;overflow:auto}input[data-v-7cce5128]:focus,textarea[data-v-7cce5128]:focus{outline:none}button[data-v-7cce5128]{font-family:var(--font-primary);font-size:var(--type-scale-base);cursor:pointer}button[data-v-7cce5128]:focus{outline:0}a[data-v-7cce5128],a[data-v-7cce5128]:hover{text-decoration:none}p[data-v-7cce5128]{line-height:1;margin:0 0 var(--spacing-base)}p[data-v-7cce5128]:last-child{margin-bottom:0}input[type=number][data-v-7cce5128]{appearance:textfield}input[data-v-7cce5128]::-webkit-inner-spin-button,input[data-v-7cce5128]::-webkit-outer-spin-button{appearance:none}ol[data-v-7cce5128],ul[data-v-7cce5128]{list-style:none}blockquote[data-v-7cce5128],q[data-v-7cce5128]{quotes:none}blockquote[data-v-7cce5128]:after,blockquote[data-v-7cce5128]:before,q[data-v-7cce5128]:after,q[data-v-7cce5128]:before{content:"";content:none}table[data-v-7cce5128]{border-collapse:collapse;border-spacing:0}[data-v-7cce5128]: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-7cce5128]{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-7cce5128]:root{--grid-template:repeat(12,minmax(0,1fr));--grid-gap:2rem}.contained-section[data-v-7cce5128]{padding:calc(var(--spacing-md)*2)}}@media screen and (36rem <= width <= 48rem){[data-v-7cce5128]:root{--grid-template:repeat(6,minmax(0,1fr));--grid-gap:1.5rem}}.grid[data-v-7cce5128]{display:grid;grid-template-columns:var(--grid-template);gap:var(--grid-gap);grid-auto-columns:minmax(auto,max-content)}.no-gap[data-v-7cce5128]{gap:0}.col-auto[data-v-7cce5128]{grid-column:auto}.col-span-1[data-v-7cce5128]{grid-column:span 1/span 1}.col-span-2[data-v-7cce5128]{grid-column:span 2/span 2}.col-span-3[data-v-7cce5128]{grid-column:span 3/span 3}.col-span-4[data-v-7cce5128]{grid-column:span 4/span 4}.col-span-5[data-v-7cce5128]{grid-column:span 5/span 5}.col-span-6[data-v-7cce5128]{grid-column:span 6/span 6}.col-span-7[data-v-7cce5128]{grid-column:span 7/span 7}.col-span-8[data-v-7cce5128]{grid-column:span 8/span 8}.col-span-9[data-v-7cce5128]{grid-column:span 9/span 9}.col-span-10[data-v-7cce5128]{grid-column:span 10/span 10}.col-span-11[data-v-7cce5128]{grid-column:span 11/span 11}.col-span-12[data-v-7cce5128]{grid-column:span 12/span 12}.col-span-full[data-v-7cce5128]{grid-column:1/-1}@media screen and (36rem <= width <= 48rem){.md\:col-span-1[data-v-7cce5128]{grid-column:span 1/span 1}.md\:col-span-2[data-v-7cce5128]{grid-column:span 2/span 2}.md\:col-span-3[data-v-7cce5128]{grid-column:span 3/span 3}.md\:col-span-4[data-v-7cce5128]{grid-column:span 4/span 4}.md\:col-span-5[data-v-7cce5128]{grid-column:span 5/span 5}.md\:col-span-6[data-v-7cce5128]{grid-column:span 6/span 6}.md\:col-span-full[data-v-7cce5128]{grid-column:1/-1}}@media screen and (width >= 48rem){.lg\:col-span-1[data-v-7cce5128]{grid-column:span 1/span 1}.lg\:col-span-2[data-v-7cce5128]{grid-column:span 2/span 2}.lg\:col-span-3[data-v-7cce5128]{grid-column:span 3/span 3}.lg\:col-span-4[data-v-7cce5128]{grid-column:span 4/span 4}.lg\:col-span-5[data-v-7cce5128]{grid-column:span 5/span 5}.lg\:col-span-6[data-v-7cce5128]{grid-column:span 6/span 6}.lg\:col-span-7[data-v-7cce5128]{grid-column:span 7/span 7}.lg\:col-span-8[data-v-7cce5128]{grid-column:span 8/span 8}.lg\:col-span-9[data-v-7cce5128]{grid-column:span 9/span 9}.lg\:col-span-10[data-v-7cce5128]{grid-column:span 10/span 10}.lg\:col-span-11[data-v-7cce5128]{grid-column:span 11/span 11}.lg\:col-span-12[data-v-7cce5128]{grid-column:span 12/span 12}.lg\:col-span-full[data-v-7cce5128]{grid-column:1/-1}.lg\:col-offset-2[data-v-7cce5128],.lg\:col-offset-3[data-v-7cce5128]{grid-column-start:3}.lg\:col-offset-7[data-v-7cce5128]{grid-column-start:7}.lg\:col-offset-8[data-v-7cce5128]{grid-column-start:8}.lg\:col-offset-9[data-v-7cce5128]{grid-column-start:9}}@media screen and (min-width:48rem)and (max-width:75rem){.lg-75\:col-span-1[data-v-7cce5128]{grid-column:span 1/span 1}.lg-75\:col-span-2[data-v-7cce5128]{grid-column:span 2/span 2}.lg-75\:col-span-3[data-v-7cce5128]{grid-column:span 3/span 3}.lg-75\:col-span-4[data-v-7cce5128]{grid-column:span 4/span 4}.lg-75\:col-span-5[data-v-7cce5128]{grid-column:span 5/span 5}.lg-75\:col-span-6[data-v-7cce5128]{grid-column:span 6/span 6}.lg-75\:col-span-7[data-v-7cce5128]{grid-column:span 7/span 7}.lg-75\:col-span-8[data-v-7cce5128]{grid-column:span 8/span 8}.lg-75\:col-span-9[data-v-7cce5128]{grid-column:span 9/span 9}.lg-75\:col-span-10[data-v-7cce5128]{grid-column:span 10/span 10}.lg-75\:col-span-11[data-v-7cce5128]{grid-column:span 11/span 11}.lg-75\:col-span-12[data-v-7cce5128]{grid-column:span 12/span 12}.lg-75\:col-span-full[data-v-7cce5128]{grid-column:1/-1}}.flex[data-v-7cce5128]{display:flex}.flex-inline[data-v-7cce5128]{display:inline-flex}.flex-column[data-v-7cce5128]{flex-direction:column}.flex-column-reverse[data-v-7cce5128]{flex-direction:column-reverse}.flex-row[data-v-7cce5128]{flex-direction:column}.flex-wrap[data-v-7cce5128]{flex-wrap:wrap}.flex-1[data-v-7cce5128]{flex:1}.flex-grow-2[data-v-7cce5128]{flex-grow:2}.flex-shrink-0[data-v-7cce5128]{flex-shrink:0}.justify-center[data-v-7cce5128]{justify-content:center}.justify-flex-end[data-v-7cce5128]{justify-content:flex-end}.justify-flex-start[data-v-7cce5128]{justify-content:flex-start}.align-center[data-v-7cce5128]{align-items:center}.align-start[data-v-7cce5128]{align-items:flex-start}.align-self-center[data-v-7cce5128]{align-self:center}.flex-content-center[data-v-7cce5128]{place-content:center center}.space-between[data-v-7cce5128]{justify-content:space-between}.ml-auto[data-v-7cce5128]{margin-left:auto}.ml-base[data-v-7cce5128]{margin-left:var(--spacing-base)}.ml-75[data-v-7cce5128]{margin-left:var(--spacing-75)}.ml-xs[data-v-7cce5128]{margin-left:var(--spacing-xs)}.ml-xxs[data-v-7cce5128]{margin-left:var(--spacing-xxs)}.mt-base[data-v-7cce5128]{margin-top:var(--spacing-base)}.mt-md[data-v-7cce5128]{margin-top:var(--spacing-md)}.mr-auto[data-v-7cce5128]{margin-right:auto}.mr-base[data-v-7cce5128]{margin-right:var(--spacing-base)}.mr-75[data-v-7cce5128]{margin-right:var(--spacing-75)}.mr-xs[data-v-7cce5128]{margin-right:var(--spacing-xs)}.mr-xxs[data-v-7cce5128]{margin-right:var(--spacing-xxs)}.mb-0[data-v-7cce5128]{margin-bottom:0}.mb-xs[data-v-7cce5128]{margin-bottom:var(--spacing-xs)}.mb-xxs[data-v-7cce5128]{margin-bottom:var(--spacing-xxs)}.mb-base[data-v-7cce5128]{margin-bottom:var(--spacing-base)}.mb-sm[data-v-7cce5128]{margin-bottom:var(--spacing-sm)}.mb-md[data-v-7cce5128]{margin-bottom:var(--spacing-md)}.mb-75[data-v-7cce5128]{margin-bottom:var(--spacing-75)}.mb-lg[data-v-7cce5128]{margin-bottom:var(--spacing-lg)}.mb-xl[data-v-7cce5128]{margin-bottom:var(--spacing-xl)}.euro-sign[data-v-7cce5128]:first-letter{color:var(--grey-5);font-weight:400}.uppercase[data-v-7cce5128]{text-transform:uppercase}.capitalize[data-v-7cce5128]{text-transform:capitalize}.reset-btn[data-v-7cce5128]{background:#0000}.reset-btn[data-v-7cce5128],.reset-input[data-v-7cce5128]{border:none;border-radius:0;padding:0}.relative[data-v-7cce5128]{position:relative}.full-width[data-v-7cce5128]{width:100%}.fade-enter-active[data-v-7cce5128]{transition:var(--transition-opacity-enter)}.fade-leave-active[data-v-7cce5128]{transition:var(--transition-opacity-leave)}.fade-enter-from[data-v-7cce5128],.fade-leave-to[data-v-7cce5128]{opacity:0}.fade-fast-enter-active[data-v-7cce5128],.fade-fast-leave-active[data-v-7cce5128]{transition:all .125s}.fade-fast-enter-from[data-v-7cce5128],.fade-fast-leave-to[data-v-7cce5128]{opacity:0}.fade-move-fast-enter-active[data-v-7cce5128]{transition:all .125s ease-out}.fade-move-fast-leave-active[data-v-7cce5128]{transition:all .2s ease-in}.fade-move-fast-enter-from[data-v-7cce5128],.fade-move-fast-leave-to[data-v-7cce5128]{opacity:0;transform:translateY(2%)}.fade-out-fast-leave-active[data-v-7cce5128]{transition:all .125s}.fade-out-fast-leave-to[data-v-7cce5128],.slide-left-enter-from[data-v-7cce5128],.slide-left-leave-to[data-v-7cce5128],.slide-right-enter-from[data-v-7cce5128],.slide-right-leave-to[data-v-7cce5128]{opacity:0}.slide-left-enter-from[data-v-7cce5128],.slide-right-leave-to[data-v-7cce5128]{transform:translateX(120%)}.slide-left-leave-to[data-v-7cce5128],.slide-right-enter-from[data-v-7cce5128]{transform:translateX(-120%)}.slide-left-enter-active[data-v-7cce5128],.slide-left-leave-active[data-v-7cce5128],.slide-right-enter-active[data-v-7cce5128],.slide-right-leave-active[data-v-7cce5128]{transition:all .2s ease}.slide-sidebar-enter-active[data-v-7cce5128]{transition:var(--transition-transform-enter)}.slide-sidebar-leave-active[data-v-7cce5128]{transition:var(--transition-transform-leave)}.slide-sidebar-enter-from[data-v-7cce5128],.slide-sidebar-leave-to[data-v-7cce5128]{transform:translateX(100%)}.overlay-enter-active[data-v-7cce5128]{transition:var(--transition-opacity-enter)}.overlay-enter-active .overlay-container[data-v-7cce5128]{transition:var(--transition-transform-enter)}.overlay-leave-active[data-v-7cce5128]{transition:var(--transition-opacity-leave)}.overlay-leave-active .overlay-container[data-v-7cce5128]{transition:var(--transition-transform-leave)}.overlay-enter-from[data-v-7cce5128]{opacity:0}.overlay-enter-from .overlay-container[data-v-7cce5128]{transform:translateY(30px)}.overlay-leave-to[data-v-7cce5128]{opacity:0}.overlay-leave-to .overlay-container[data-v-7cce5128]{transform:translateY(30px)}.vue-notification-group[data-v-7cce5128]{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-7cce5128]{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-7cce5128]{color:var(--black);font-size:var(--type-scale-sm);font-weight:700;margin-bottom:var(--spacing-xxs)}.notification.info .notification-title[data-v-7cce5128]{color:var(--black)}.notification.error .notification-title[data-v-7cce5128]{color:var(--error)}.notification.success .notification-title[data-v-7cce5128]{color:var(--success)}.notification.warn .notification-title[data-v-7cce5128]{color:var(--orange)}.notification-icon svg[data-v-7cce5128]{margin-right:var(--spacing-base)}.notification-button[data-v-7cce5128]{margin-top:var(--spacing-base)}.notification-content-wrapper[data-v-7cce5128]{flex-basis:100%}.notification-close[data-v-7cce5128]{pointer-events:all;margin-left:var(--spacing-base)}.notification-close svg[data-v-7cce5128]{color:var(--grey-5)}@media(width <= 36rem){.vue-notification-group[data-v-7cce5128]{justify-content:center}.vue-notification-group .notification[data-v-7cce5128]{max-width:100%}.vue-notification-group>span[data-v-7cce5128]{width:100%}}[data-v-7cce5128]:root{--rainbow-gradient-animation:gradient 7s ease infinite}@keyframes gradient-7cce5128{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.navigation-header nav[data-v-7cce5128]{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-7cce5128]>*{height:100%}.logo[data-v-7cce5128]{display:flex;align-items:center}.logo svg[data-v-7cce5128]{height:16px}.indicator[data-v-7cce5128]{position:absolute;background:var(--green);width:10px;height:10px;right:0;bottom:0;border-radius:50%;border:var(--border-cream)}.menu-controls[data-v-7cce5128]{text-align:right;align-items:center;flex-grow:1;padding-right:var(--spacing-base)}.menu-controls li[data-v-7cce5128],.menu-controls[data-v-7cce5128]{display:flex;justify-content:flex-end;gap:var(--spacing-base)}.menu-controls li button[data-v-7cce5128]{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-7cce5128]:focus{outline:none}.menu-controls li button[data-v-7cce5128]:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.menu-controls li.hamburger-wrapper[data-v-7cce5128]{display:none}.menu-controls li.hamburger-wrapper.visible[data-v-7cce5128]{display:initial}.menu-controls li .sidebar-button[data-v-7cce5128],.menu-controls li a[data-v-7cce5128],.menu-controls li button[data-v-7cce5128]{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-7cce5128],.menu-controls li a span[data-v-7cce5128],.menu-controls li button span[data-v-7cce5128]{margin-right:var(--spacing-xxs)}.menu-controls li .sidebar-button[data-v-7cce5128]:has(svg):before,.menu-controls li a[data-v-7cce5128]:has(svg):before,.menu-controls li button[data-v-7cce5128]: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-7cce5128]:not(:has(svg)),.menu-controls li a[data-v-7cce5128]:not(:has(svg)),.menu-controls li button[data-v-7cce5128]: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-7cce5128]:has(svg),.menu-controls li .sidebar-button.router-link-exact-active[data-v-7cce5128]:has(svg),.menu-controls li .sidebar-button[data-v-7cce5128]:hover:has(svg),.menu-controls li a.open[data-v-7cce5128]:has(svg),.menu-controls li a.router-link-exact-active[data-v-7cce5128]:has(svg),.menu-controls li a[data-v-7cce5128]:hover:has(svg),.menu-controls li button.open[data-v-7cce5128]:has(svg),.menu-controls li button.router-link-exact-active[data-v-7cce5128]:has(svg),.menu-controls li button[data-v-7cce5128]:hover:has(svg){background-color:#0000}.menu-controls li .sidebar-button.open[data-v-7cce5128]:has(svg):before,.menu-controls li .sidebar-button.router-link-exact-active[data-v-7cce5128]:has(svg):before,.menu-controls li .sidebar-button[data-v-7cce5128]:hover:has(svg):before,.menu-controls li a.open[data-v-7cce5128]:has(svg):before,.menu-controls li a.router-link-exact-active[data-v-7cce5128]:has(svg):before,.menu-controls li a[data-v-7cce5128]:hover:has(svg):before,.menu-controls li button.open[data-v-7cce5128]:has(svg):before,.menu-controls li button.router-link-exact-active[data-v-7cce5128]:has(svg):before,.menu-controls li button[data-v-7cce5128]:hover:has(svg):before{opacity:1}.menu-controls li .sidebar-button.open[data-v-7cce5128]:not(:has(svg)),.menu-controls li .sidebar-button.router-link-exact-active[data-v-7cce5128]:not(:has(svg)),.menu-controls li .sidebar-button[data-v-7cce5128]:hover:not(:has(svg)),.menu-controls li a.open[data-v-7cce5128]:not(:has(svg)),.menu-controls li a.router-link-exact-active[data-v-7cce5128]:not(:has(svg)),.menu-controls li a[data-v-7cce5128]:hover:not(:has(svg)),.menu-controls li button.open[data-v-7cce5128]:not(:has(svg)),.menu-controls li button.router-link-exact-active[data-v-7cce5128]:not(:has(svg)),.menu-controls li button[data-v-7cce5128]:hover:not(:has(svg)){border-bottom:var(--border-primary)}.menu-controls li .sidebar-button .navbar-icon[data-v-7cce5128],.menu-controls li a .navbar-icon[data-v-7cce5128],.menu-controls li button .navbar-icon[data-v-7cce5128]{margin:0}.login[data-v-7cce5128]{display:flex;align-items:center;overflow:visible}.sidebar-button[data-v-7cce5128]{z-index:9999;background-color:var(--transparent);border:none;padding:0;display:flex;align-items:center}.admin-tag[data-v-7cce5128]{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-7cce5128]{display:flex;margin-left:var(--spacing-xl)}.navigation-main-options a[data-v-7cce5128]{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-7cce5128]{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-7cce5128],.navigation-main-options a:hover span[data-v-7cce5128]{border-color:var(--black)}.navigation-main-options[data-v-7cce5128]{display:none}@media(min-width:1024px){.navigation-main-options[data-v-7cce5128]{display:flex}}[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%}.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)}}[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}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-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}