.canvasesContainer.svelte-ecius8{position:relative}#strokeCanvas.svelte-ecius8{position:absolute;top:0px;left:0px}#content.svelte-1cz3p9z{display:flex}.hiddenOverlay.svelte-1cz3p9z{pointer-events:none}.slider-container.svelte-hvx14f.svelte-hvx14f{width:100%}.textbox.svelte-hvx14f p.svelte-hvx14f{margin-bottom:0!important;font-size:12px;color:var(--gray-30)}.slider.svelte-hvx14f.svelte-hvx14f{-webkit-appearance:none;width:100%;height:12px;border-radius:12px;background:var(--gray-30);outline:none;cursor:pointer}.slider.svelte-hvx14f.svelte-hvx14f::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background-color:var(--green-30);cursor:ew-resize}.slider.svelte-hvx14f.svelte-hvx14f::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background-color:var(--green-30);cursor:ew-resize}.textbox.svelte-hvx14f.svelte-hvx14f{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input[type=range].svelte-hvx14f.svelte-hvx14f{margin:0}button.green-button.svelte-1yleqmg{background-color:var(--green-40);color:var(--gray-80)}button[disabled].svelte-1yleqmg{cursor:initial;color:var(--disabled-sort-button-color)}button.open.svelte-1yleqmg{background-color:var(--yellow-30)}button.svelte-1yleqmg{height:32px;position:relative;display:flex;align-items:center;border-radius:24px;border:none;padding-left:8px;padding-right:8px;justify-content:center;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 900px){button.svelte-1yleqmg{height:36px;font-size:18px;font-weight:200;padding:12px}}.outer.svelte-12iv8yi{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.row.svelte-12iv8yi{flex-direction:row;justify-content:center;display:flex;flex-grow:1}.brush-preview-container.svelte-1iw98mp.svelte-1iw98mp{display:flex}.controls.svelte-1iw98mp.svelte-1iw98mp{position:absolute;background-color:var(--gray-90);padding:8px;border-radius:8px;transform:translateY(38px)}.controls.upwards.svelte-1iw98mp.svelte-1iw98mp{transform:translateY(-100%)}.brush-preview-container.svelte-1iw98mp.svelte-1iw98mp{border-radius:50%}.brush-preview.svelte-1iw98mp.svelte-1iw98mp{width:48px;height:48px;padding:1px;background-color:#fff}.brush-preview-container.svelte-1iw98mp img.svelte-1iw98mp{border-radius:50%;cursor:pointer}label.svelte-1hgtjss{height:32px;display:flex;padding-left:8px;padding-right:8px;border-radius:24px;cursor:pointer;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;color:var(--gray-80)}input[type=radio].svelte-1hgtjss{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none;background-color:#fff;margin:0}label.svelte-1hgtjss:not(.selected){color:var(--gray-10)}label.selected.svelte-1hgtjss{background-color:var(--gray-10)}.justify-content-left.svelte-1hgtjss{justify-content:left}.justify-content-center.svelte-1hgtjss{justify-content:center}textarea.svelte-1oenvja{border-radius:16px;border:none;height:32px;line-height:28px;text-indent:8px;font-size:16px;resize:none}textarea.svelte-1oenvja::-moz-placeholder{color:var(--gray-50);opacity:1;text-transform:lowercase;font-size:16px}textarea.svelte-1oenvja:-ms-input-placeholder{color:var(--gray-50);opacity:1;text-transform:lowercase;font-size:16px}textarea.svelte-1oenvja::placeholder{color:var(--gray-50);opacity:1;text-transform:lowercase;font-size:16px}textarea.svelte-1oenvja::-ms-input-placeholder{color:var(--gray-50)}textarea.svelte-1oenvja::-ms-clear{display:none;width:0;height:0}textarea.svelte-1oenvja::-ms-reveal{display:none;width:0;height:0}textarea.svelte-1oenvja::-webkit-search-decoration,textarea.svelte-1oenvja::-webkit-search-cancel-button,textarea.svelte-1oenvja::-webkit-search-results-button,textarea.svelte-1oenvja::-webkit-search-results-decoration{display:none}.select-mode.svelte-3nb2dm{background-color:var(--gray-50);border-radius:24px;height:32px;display:flex;align-items:center;flex-direction:row}#draw-mask-content.svelte-1pwqyi3.svelte-1pwqyi3{display:flex;width:100%}#draw-mask-content.isMobile.svelte-1pwqyi3.svelte-1pwqyi3{flex-direction:column-reverse;width:100%}#draw-mask-content.isMobile.svelte-1pwqyi3 .row.svelte-1pwqyi3{justify-content:center}.row.svelte-1pwqyi3.svelte-1pwqyi3{display:contents}.isMobile.svelte-1pwqyi3 .row.svelte-1pwqyi3{display:flex}.isMobile.svelte-1pwqyi3 .row.buttons.svelte-1pwqyi3{overflow-x:scroll}.row>*{margin:4px}.modal-background.svelte-1idlf2l{position:fixed;z-index:99;top:0px;left:0px;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#a9a9a956;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.modal-content.svelte-1idlf2l{width:512px;min-height:256px;max-width:80%;background-color:var(--gray-0);cursor:default;border:1px solid #ccc;padding-left:30px;padding-right:30px;padding-bottom:30px;z-index:9}.modal-content.isMobile.svelte-1idlf2l{width:100vh;max-width:100vh;height:100vh}.header-container.svelte-1idlf2l{display:flex}.header-container-inner.svelte-1idlf2l{display:flex;flex-grow:1;text-align:center;width:100%;justify-content:center}.close-button.svelte-1idlf2l{cursor:pointer;margin:8px}h1.svelte-1o22m4g.svelte-1o22m4g{font-weight:400}h1.svelte-1o22m4g.svelte-1o22m4g,p.svelte-1o22m4g.svelte-1o22m4g{text-align:center}a.svelte-1o22m4g.svelte-1o22m4g{color:#000}span.beta.svelte-1o22m4g.svelte-1o22m4g{font-size:12px;color:var(--red-40);transform:translateY(-75%);display:inline-block}.image-container.svelte-1o22m4g.svelte-1o22m4g{display:flex;justify-content:center}.image-container.svelte-1o22m4g>.svelte-1o22m4g{display:flex;flex-direction:column;width:33%}.image-container.svelte-1o22m4g img.svelte-1o22m4g{width:100%}.image-container.svelte-1o22m4g p.svelte-1o22m4g{font-weight:bold}h2.svelte-1wpfa1o.svelte-1wpfa1o{font-weight:300}.create-content.svelte-1wpfa1o.svelte-1wpfa1o{display:flex;justify-content:center;flex-direction:column;align-items:center}p.svelte-1wpfa1o.svelte-1wpfa1o,label.svelte-1wpfa1o.svelte-1wpfa1o{text-align:center}#number-container.svelte-1wpfa1o.svelte-1wpfa1o{display:flex;justify-content:center}input[type=number].svelte-1wpfa1o.svelte-1wpfa1o{width:50px;display:inline-block;margin:4px}.template-images.svelte-1wpfa1o.svelte-1wpfa1o{display:flex;flex-wrap:wrap;align-items:center}.template-images.svelte-1wpfa1o img.svelte-1wpfa1o{width:25%;cursor:pointer}@media screen and (max-width: 720px){.template-images.svelte-1wpfa1o img.svelte-1wpfa1o{width:33%}}input[type=file].svelte-1wpfa1o.svelte-1wpfa1o{display:none}.custom-file-upload.svelte-1wpfa1o.svelte-1wpfa1o{cursor:pointer;width:150px;max-width:100%;height:32px;position:relative;display:flex;align-items:center;border-radius:24px;border:none;padding-left:8px;padding-right:8px;justify-content:center;margin-right:0;font-size:16px;color:var(--gray-10);background-color:var(--gray-50)}.empty-image.svelte-1wpfa1o.svelte-1wpfa1o{background-color:#fff;border:1px solid black;width:64px;height:64px;margin:8px;cursor:pointer}.empty-image.landscape.svelte-1wpfa1o.svelte-1wpfa1o{height:50px;width:75px}.empty-image.portrait.svelte-1wpfa1o.svelte-1wpfa1o{width:50px;height:75px}button.svelte-1xta0in{margin:8px}.content.svelte-1xta0in{display:flex;flex-direction:column}#beforeafterimg.svelte-1xta0in{max-width:80%}button.svelte-1l9yu41 img.svelte-1l9yu41{width:100%;height:100%}button.svelte-1l9yu41.svelte-1l9yu41{background-color:var(--gray-20);border-radius:50%;width:36px;height:36px;margin:4px;padding:8px;border:none}.left-group-button.svelte-1l9yu41.svelte-1l9yu41{margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.right-group-button.svelte-1l9yu41.svelte-1l9yu41{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.center-group-button.svelte-1l9yu41.svelte-1l9yu41{margin-left:0;margin-right:0;border-radius:0}@media only screen and (max-width: 900px){button.svelte-1l9yu41.svelte-1l9yu41{width:36px;height:36px}}.outer-container.svelte-1mijv79.svelte-1mijv79{position:fixed;width:100vw;z-index:1;display:flex;pointer-events:none;top:8px}.outer-container.svelte-1mijv79 .left.svelte-1mijv79{display:flex;flex-grow:0;flex-shrink:1;justify-content:flex-start}.outer-container.svelte-1mijv79 .center.svelte-1mijv79{display:flex;flex-grow:1;flex-shrink:0;align-items:center;justify-content:center}.outer-container.svelte-1mijv79 .right.svelte-1mijv79{display:flex;flex-grow:0;flex-shrink:1;justify-content:end}.outer-container.isMobile.svelte-1mijv79.svelte-1mijv79{bottom:8px;top:auto}.content-bar.svelte-1mijv79.svelte-1mijv79{background-color:var(--gray-90);border-radius:24px;padding:4px;display:flex;position:relative;max-width:800px}.outer-container.isMobile.svelte-1mijv79 .content-bar.svelte-1mijv79{background-color:inherit;justify-content:center}.row.svelte-1mijv79.svelte-1mijv79{flex-direction:row;display:flex;flex-grow:1;justify-content:center}input[type=color].svelte-1mijv79.svelte-1mijv79{cursor:pointer;display:flex;height:32px;width:150px;flex-shrink:0}.outer-container.svelte-bkr5k2.svelte-bkr5k2{position:fixed;width:100vw;z-index:1;display:flex;pointer-events:none;top:8px;justify-content:center}.outer-container.isMobile.svelte-bkr5k2.svelte-bkr5k2{bottom:8px;top:auto}.outer-container>*{pointer-events:all;margin-left:4px;margin-right:4px}.content-bar.svelte-bkr5k2.svelte-bkr5k2{background-color:var(--gray-90);border-radius:24px;padding:4px;display:flex;position:relative;width:100%}.outer-container.isMobile.svelte-bkr5k2 .content-bar.svelte-bkr5k2{background-color:inherit;justify-content:center}.row.svelte-bkr5k2.svelte-bkr5k2{flex-direction:row;display:flex;flex-grow:1;justify-content:center}input[type=color].svelte-bkr5k2.svelte-bkr5k2{cursor:pointer;display:flex;height:32px;width:150px;flex-shrink:0}#mobile-header-container.svelte-mmznx7.svelte-mmznx7{width:100%;position:fixed;top:0px;display:flex;z-index:1;pointer-events:none;padding:4px;align-items:center}#mobile-header-container.svelte-mmznx7>.svelte-mmznx7{display:flex;flex-grow:1;width:33%}#mobile-header-container.svelte-mmznx7 .center.svelte-mmznx7{justify-content:center}#mobile-header-container.svelte-mmznx7 .right.svelte-mmznx7{justify-content:flex-end}#mobile-header-container>*{pointer-events:all}.button-group.svelte-mmznx7.svelte-mmznx7{display:flex;flex-direction:row}.fixed-bar.svelte-1q0nc43.svelte-1q0nc43{width:100%;position:fixed;bottom:0px;display:flex;z-index:1;pointer-events:none;padding:8px;align-items:center}.fixed-bar.svelte-1q0nc43>.svelte-1q0nc43{display:flex;flex-grow:1;width:33%}.content>*{pointer-events:all}.fixed-bar.svelte-1q0nc43 .center.svelte-1q0nc43{justify-content:center}.fixed-bar.svelte-1q0nc43 .right.svelte-1q0nc43{justify-content:flex-end}#maskCanvas,#optPreview,#cursorCanvas,#outlineCanvas{top:0px;left:0px;position:absolute}#viewer-container.svelte-1cs7b93{width:100vw;height:100vh;background:var(--gray-80)}.viewer{width:100vw;height:100vh}.viewport.svelte-1cs7b93{position:relative}.hidden{display:none}#userPoolInfo.svelte-1cs7b93{position:fixed;bottom:75px;z-index:9;width:512px;left:calc(50vw - 256px);text-align:center;background-color:#fff;padding-left:8px;padding-right:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.artwork.svelte-1n6okqi{position:relative;display:flex;flex-direction:column;width:512px;margin-bottom:16px}p.svelte-1n6okqi{text-align:center}p.title.svelte-1n6okqi{margin-bottom:4px;text-transform:capitalize}.prompts.svelte-1n6okqi{display:flex;flex-wrap:wrap;justify-content:center}p.prompt.svelte-1n6okqi{font-style:italic;cursor:pointer;margin:4px}p.prompt.svelte-1n6okqi:hover{text-decoration:underline}img.mask.svelte-1n6okqi{position:absolute;width:100%}h1.svelte-x87i9a.svelte-x87i9a{font-weight:300;text-align:center}.gallery.svelte-x87i9a.svelte-x87i9a{width:100%;display:flex;flex-direction:column;align-items:center}#paint.svelte-x87i9a.svelte-x87i9a{position:fixed;right:8px;top:8px;padding:8px 16px;border-radius:24px;background-color:var(--green-40)}#paint.svelte-x87i9a a.svelte-x87i9a{color:#000;text-decoration:none}h1.svelte-ecs4gs{font-weight:300;text-align:center}.gallery.svelte-ecs4gs{width:100%;display:flex;flex-direction:column;align-items:center}*{font-family:"Open Sans",sans-serif;box-sizing:border-box}body{margin:0}button{border:1px solid #ccc;padding:6px 12px;margin:0;background-color:#f8f9fa;opacity:1;cursor:pointer;text-align:center;text-decoration:none;display:inline-block;font-size:16px}button:hover{background-color:#f8f9fa79}