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