:root{--color-primary:#8DC53E;--color-primary-light:#E6F1E2;--color-secondary:#038e7c;--color-secondary-light:#c0e0db;--color-accent:#dc006d;--color-accent-light:#dbbdcc;--color-accent-2:#5a3f98;--color-accent-2-light:#cac1e0;--color-black:#000000;--color-background:#F1F6F5;--color-white:#FFFFFF;--fs-h1:max(64px * var(--scale),30px);--fs-h2:max(42px * var(--scale),24px);--fs-h3:max(32px * var(--scale),20px);--fs-h4:max(24px * var(--scale),18px);--fs-button-xl:max(22px * var(--scale),16px);--fs-button:max(18px * var(--scale),16px);--fs-button-sm:max(14px * var(--scale),12px);--font-family:Montserrat,sans-serif;--container-width:1520px;--container-padding:32px;--scale:1}@media (max-width:1599px){:root{--scale:.9}}@media (max-width:1199px){:root{--scale:.8}}@media (max-width:799px){:root{--scale:.7}}@media (max-width:599px){:root{--scale:.6;--container-padding:24px}}@media (max-width:399px){:root{--scale:.5;--container-padding:16px}}@media (min-width:601px){:root{scrollbar-gutter:stable}}*,:after,:before{box-sizing:border-box}html{text-size-adjust:none;font-family:var(--font-family),serif}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{-webkit-margin-after:0;margin-block-end:0}ol[role=list],ul[role=list]{list-style:none}.difference-marker:active,.difference-marker:focus,.image-block:active,.image-block:focus,.image-wrapper:active,.image-wrapper:focus,.images-container:active,.images-container:focus{outline:none!important;box-shadow:none!important;background:transparent!important}body{min-height:100vh;line-height:1.5;margin:0}button,h1,h2,h3,h4,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}body{background-color:var(--color-background)}.btn{display:inline-flex;padding:calc(20px * var(--scale)) calc(30px * var(--scale));align-items:center;gap:10px;border-radius:10px;background:var(--color-primary);cursor:pointer;border:0;color:#fff;font-size:var(--fs-button);font-style:normal;font-weight:600;line-height:normal;overflow:hidden;position:relative}.btn,.btn:after{transition:all .55s cubic-bezier(.19,1,.22,1)}.btn:after{background:#fff;content:"";height:155px;left:-75px;opacity:.2;position:absolute;top:-50px;transform:rotate(35deg);width:50px;z-index:10;filter:blur(10px)}.btn:hover{background:var(--color-secondary);box-shadow:0 0 5px 1px #fff}.btn:hover:after{left:120%;transition:all .55s cubic-bezier(.19,1,.22,1)}.btn--outline{background:none;border:2px solid var(--color-primary);color:var(--color-primary)}.btn--outline:hover{border-color:var(--color-secondary);color:#fff}.btn--outline-accent{background:none;border:2px solid var(--color-accent);color:var(--color-accent)}.btn--outline-accent:hover{border-color:var(--color-accent);background-color:var(--color-accent);color:#fff}.btn--accent{background:var(--color-accent)}.btn--accent:hover{background:var(--color-accent-2)}.btn--white{background:#fff;color:var(--color-secondary);border:1px solid var(--color-secondary-light)}.btn--white:hover{color:#fff;background:var(--color-secondary);border-color:var(--color-secondary)}.btn--white:hover img{filter:grayscale(1) brightness(10)}.btn--white-accent{background:#fff;color:var(--color-accent);border:1px solid var(--color-accent-light)}.btn--white-accent:hover{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.btn--white-accent:hover img{filter:grayscale(1) brightness(10)}.btn--sm{font-size:var(--fs-button-sm);padding:calc(8px * var(--scale)) calc(18px * var(--scale))}.link{background:none;border:none;color:var(--color-black,#000);font-size:max(18px * var(--scale),12px);font-style:normal;font-weight:600;line-height:normal;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .55s cubic-bezier(.19,1,.22,1)}.link:hover{color:var(--color-secondary)}.link img{transform:scale(max(var(--scale,1),.75))}.link>*{flex-shrink:0}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding)}.navbar{display:flex;justify-content:space-between;padding-block:36px}main{-webkit-padding-after:24px;padding-block-end:24px}.flow-row,.section-flow{display:grid;--flow-col-count:12;--flow-col-count-half:calc(var(--flow-col-count) / 2);--flow-col-size:min(((100dvw - var(--container-padding) * 2)/var(--flow-col-count)),(var(--container-width)/var(--flow-col-count)));grid-template-columns:[fullwidth-start] 1fr [container-start] repeat(var(--flow-col-count-half),[col-start] var(--flow-col-size) [col-end]) [center] repeat(var(--flow-col-count-half),[col-start] var(--flow-col-size) [col-end]) [container-end] 1fr [fullwidth-end];grid-row-gap:1rem;row-gap:1rem}.flow-row .container,.section-flow .container{grid-column:container-start/container-end;padding-inline:0!important;width:100%}@media (min-width:1201px){.flow-row .flow-col,.section-flow .flow-col{grid-row:1/-1;grid-column:var(--col,0/0)}}@media (max-width:1199px){.flow-row .flow-col,.section-flow .flow-col{grid-column:container-start/container-end;padding-inline:0!important;width:100%}.flow-row .flow-col--sm-full,.section-flow .flow-col--sm-full{grid-column:fullwidth-start/fullwidth-end}}.flow-row .flow-col--autospacing,.section-flow .flow-col--autospacing{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:start}.flow-row--center{align-items:center}dialog{--duration:.34s;z-index:1000;opacity:0;transition:translate var(--duration) ease-out,display var(--duration) ease-out allow-discrete,opacity var(--duration) ease-out}dialog[open]{translate:0 0;opacity:1}@starting-style{dialog[open]{translate:0 -8vh;opacity:0}}dialog:not([open]){translate:0 8vh;opacity:0}.h1,h1{font-size:var(--fs-h1)}.h1,.h2,h1,h2{font-weight:700}.h2,h2{font-size:var(--fs-h2)}.h3,h3{font-size:var(--fs-h3)}.h3,.h4,h3,h4{font-weight:700}.h4,h4{font-size:var(--fs-h4)}p{font-weight:400}.text-primary{color:var(--color-primary)}.input-group.svelte-g7q0jl{display:flex;flex-wrap:wrap;gap:calc(20px * var(--scale));text-align:center}@media (max-width:599px){.input-group.svelte-g7q0jl{display:grid;grid-template-columns:repeat(2,1fr)}}@media (max-width:399px){.input-group.svelte-g7q0jl{display:grid;grid-template-columns:repeat(1,1fr)}}.input-group.svelte-g7q0jl label:where(.svelte-g7q0jl){position:relative;padding:calc(24px * var(--scale)) calc(44px * var(--scale));color:var(--color-primary);border:1px solid var(--color-primary);background:var(--color-primary-light);font-size:var(--fs-button-xl);font-weight:600;border-radius:20px;cursor:pointer;transition:all .2s ease}.input-group.svelte-g7q0jl label:where(.svelte-g7q0jl):has(input:where(.svelte-g7q0jl):checked),.input-group.svelte-g7q0jl label:where(.svelte-g7q0jl):hover{background:var(--color-primary);color:var(--color-white)}.input-group.svelte-g7q0jl input:where(.svelte-g7q0jl){opacity:0;position:absolute}.preview-image.svelte-g7q0jl{display:flex;width:100%;height:auto}.preview-image.svelte-g7q0jl svg{width:100%;height:auto}.preview-image.svelte-g7q0jl svg path{transition:fill .25s ease-in-out}.color-palette.svelte-thjn51{flex-grow:1;display:flex;flex-direction:column;gap:10px;width:100%}.colors-grid.svelte-thjn51{display:grid;grid-template-columns:repeat(auto-fill,30px);grid-gap:5px;gap:5px;width:100%}.colors-heading.svelte-thjn51{margin-top:0}.colors-custom.svelte-thjn51{display:flex;flex-direction:column;margin-bottom:auto;gap:4px}.color-swatch.svelte-thjn51{width:30px;height:30px;border-radius:4px;cursor:pointer;border:0;background-color:var(--color);position:relative}.color-swatch.svelte-thjn51.active:after{position:absolute;content:"";display:block;top:1px;right:1px;bottom:1px;left:1px;border:3px solid black;border-radius:4px}.color-swatch--current.svelte-thjn51{display:inline-grid;place-items:center}.color-swatch--current.svelte-thjn51 img:where(.svelte-thjn51){filter:grayscale(1) brightness(10);transform:scale(1)}.add-color.svelte-thjn51{--color-size:30px;display:flex;flex-direction:column;justify-content:center;position:relative}.add-color.svelte-thjn51 input[type=color]:where(.svelte-thjn51){flex:0 0 30px;padding:0;width:100%;height:calc(var(--color-size) + 8px);background-color:transparent;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer}.add-color.svelte-thjn51 input[type=color]:where(.svelte-thjn51)::-webkit-color-swatch-wrapper{padding:0}.add-color.svelte-thjn51 input[type=color]:where(.svelte-thjn51)::-webkit-color-swatch{border-radius:10px;border:none;height:var(--color-size)}.add-color.svelte-thjn51 label:where(.svelte-thjn51){position:absolute;top:0;right:0;bottom:0;left:0;filter:invert(1);color:var(--color);font-size:var(--fs-button-sm)!important;font-weight:600!important;margin:0!important;display:flex;align-items:center;padding:calc(7px * var(--scale)) calc(18px * var(--scale)) calc(8px * var(--scale)) calc(18px * var(--scale))}.add-color.svelte-thjn51 label:where(.svelte-thjn51){margin-bottom:5px;font-weight:600}dialog.svelte-thjn51{min-width:min(300px,100%)}.colors-container.svelte-thjn51{width:100%;min-width:300px;border-radius:10px;background-color:#fff;margin-top:1rem}.colors-container.svelte-thjn51>:where(.svelte-thjn51):first-child{margin-top:0}.colors-table.svelte-thjn51{margin-bottom:16px;border-collapse:collapse;margin-inline:-4px;width:calc(100% + 8px)}.colors-table.svelte-thjn51 td:where(.svelte-thjn51),.colors-table.svelte-thjn51 th:where(.svelte-thjn51){text-align:left;padding-block:4px;padding-inline:calc(6px * var(--scale));font-size:max(16px * var(--scale),12px);vertical-align:middle}.colors-table.svelte-thjn51 td:where(.svelte-thjn51) .color-swatch:where(.svelte-thjn51),.colors-table.svelte-thjn51 th:where(.svelte-thjn51) .color-swatch:where(.svelte-thjn51){width:100%!important}.colors-table.svelte-thjn51 td:where(.svelte-thjn51):first-child,.colors-table.svelte-thjn51 th:where(.svelte-thjn51):first-child{width:60px;text-align:start}.colors-table.svelte-thjn51 td:where(.svelte-thjn51):nth-child(2),.colors-table.svelte-thjn51 th:where(.svelte-thjn51):nth-child(2){flex-grow:1}.colors-table.svelte-thjn51 td:where(.svelte-thjn51):nth-child(3),.colors-table.svelte-thjn51 th:where(.svelte-thjn51):nth-child(3){width:100px;text-align:end}dialog.svelte-thjn51{border:0;border-radius:8px;padding:calc(32px * var(--scale))}h2.svelte-thjn51{margin-top:0}.svelte-thjn51::-webkit-backdrop{background:#00000080}.svelte-thjn51::backdrop{background:#00000080}.btn--close.svelte-thjn51{padding:.5rem}.colors-heading.svelte-thjn51{display:flex;justify-content:space-between;align-items:center;gap:1rem}.color-group.svelte-thjn51{display:flex;row-gap:4px;flex-direction:column}.color-group-title.svelte-thjn51,.colors-custom-title.svelte-thjn51{margin-top:0;font-weight:500;font-size:var(--fs-button-sm)!important}.svg-canvas-container.svelte-tbnb02{overflow:auto;border-radius:8px}.svg-container.svelte-tbnb02{grid-area:canvas;width:100%;background-color:transparent;display:flex;align-items:flex-start;border:0;overflow:hidden;padding:0}@media (min-width:1201px){.svg-container.svelte-tbnb02{height:calc(100dvh - 32px)}}.svg-container.svelte-tbnb02 svg{display:block;width:100%;height:auto}.svg-container.svelte-tbnb02 svg path{transition:fill 50ms ease-in-out}@media (max-width:785px){.svg-container.svelte-tbnb02{width:200vw}}.canvas-container.svelte-h8lfaq{grid-column:container-start/container-end;display:grid;grid-template-columns:205px auto;grid-template-areas:"sidebar canvas";align-items:start;grid-gap:1rem;gap:1rem}@media (max-width:1199px){.canvas-container.svelte-h8lfaq{grid-template-columns:auto;grid-template-areas:"canvas" "sidebar"}}.sidebar.svelte-h8lfaq{grid-area:sidebar;height:100%;display:flex;flex-direction:column;align-items:start}.button-group.svelte-h8lfaq{display:flex;flex-direction:column;gap:10px;margin-top:10px;width:100%}.button-row.svelte-h8lfaq{display:flex;justify-content:flex-start;gap:10px}dialog.svelte-h8lfaq{max-width:calc(600px * var(--scale, 1));border:0;border-radius:8px;padding:calc(32px * var(--scale, 1))}dialog.svelte-h8lfaq p:where(.svelte-h8lfaq){margin:0 0 2rem;font-size:var(--fs-h3,1.2rem);font-weight:500;line-height:1.25}main.svelte-1rdjwbf{display:grid;grid-template-areas:"nav" "stack";overflow-x:clip}main.svelte-1rdjwbf>:where(.svelte-1rdjwbf){grid-area:stack}