.Help_container__Zzo82{position:fixed;top:60px;left:0;right:0;z-index:10;padding:12px 24px;margin-right:12px;margin-left:12px;display:flex;justify-content:center;align-items:flex-start;color:var(--color4);border-radius:10px;background-color:hsla(0,0%,98%,1);box-shadow:0 0 100px 50px var(--color1)}@media (min-width:500px){.Help_container__Zzo82{top:100px;left:260px;right:260px;z-index:10;padding:24px 36px}}.Help_help__0RNZ2{width:100%}@media (min-width:500px){.Help_help__0RNZ2{max-width:500px;width:50%;min-width:200px}}.Help_heading__9qdsr{font-size:1.8em}.Help_shortcuts__YnZJ8{display:grid;grid-row-gap:12px;grid-column-gap:6px;grid-template-columns:1fr auto}.Help_shortcuts__YnZJ8 dt{align-self:center;display:flex;color:var(--color2)}.Help_shortcuts__YnZJ8 dt:after{content:"";display:block;flex:1 1;border-bottom:1px dashed var(--color3)}.Help_shortcuts__YnZJ8 dd{font-size:2em;font-weight:700;color:var(--color3);margin:0;text-align:left;font-style:italic}.Header_header__MvnS2{grid-area:header;padding-top:env(safe-area-inset-top);text-align:center}.Header_heading__PIjV6{display:flex;justify-content:center;align-items:center;color:var(--color4);font-size:20px}@media (min-width:500px){.Header_heading__PIjV6{font-size:24px}}@media (min-width:900px){.Header_heading__PIjV6{font-size:32px}}.Header_logo__j7oID{width:32px;height:auto;max-height:38px;margin-right:12px}.Header_help__y0OhU{position:absolute;top:14px;right:24px;font-size:14px;padding:5px 10px;color:var(--black);background-color:var(--white);border-radius:10px;font-weight:700;box-shadow:2px 2px 0 0 var(--color3);border:none;margin:0;width:auto;overflow:visible;line-height:normal;cursor:pointer}@media (max-width:499px){.Header_help__y0OhU{display:none;top:5px;right:5px}}.Header_help__y0OhU:before{content:"🙀";margin-right:5px}.Header_help__y0OhU:active,.Header_help__y0OhU:focus,.Header_help__y0OhU:hover{box-shadow:2px 2px 0 0 var(--color2);outline:none}.Canvas_viewport__WIp2Q{flex:1 1;align-self:stretch;position:relative;overflow:hidden;touch-action:none;overscroll-behavior:contain}.Canvas_viewport__WIp2Q[data-pan=true]{cursor:-webkit-grab;cursor:grab}.Canvas_viewport__WIp2Q[data-pan=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.Canvas_wrapper__DaQPx{padding:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--white);border-radius:12px;box-shadow:0 0 8px 8px var(--white)}@media (min-width:500px){.Canvas_wrapper__DaQPx{box-shadow:0 0 16px 16px var(--white)}}.Artboard_artboard__XVA5r{grid-area:artboard;overflow:hidden;display:flex;position:relative;padding-bottom:10px;margin-bottom:10px}@media (min-width:500px){.Artboard_artboard__XVA5r{padding-bottom:10px;margin-bottom:40px}}.Resize_resize__hKNxu{display:grid;grid-gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.Resize_label__0VcdY{display:inline-grid;grid-template-areas:"title title" "value controls";grid-template-columns:1fr 36px;grid-gap:0;color:var(--color4);border:2px solid var(--color2);background-color:var(--white);box-shadow:4px 4px 0 0 var(--color1)}.Resize_title__0n1nE{grid-area:title;padding-top:6px;padding-bottom:6px;text-align:center}.Resize_value__BUXHy{grid-area:value;display:flex;height:100%;padding-left:12px;padding-right:12px;align-items:center;justify-content:center;font-size:24px}.Resize_controls__4vI29{grid-area:controls;display:flex;flex-direction:column}.Resize_width__bJi0_{font-weight:700}.Resize_button__8sUzD{padding:3px;color:inherit;background-color:var(--color1);border:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.Resize_button__8sUzD:hover{background-color:var(--color3);cursor:pointer}.Resize_button__8sUzD:focus{outline:0;background-color:var(--color4);color:var(--white);cursor:pointer}.Tool_tool__cGUcN{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:12px;margin-top:12px;margin-bottom:12px}.Tool_label__Sew2y{display:grid;grid-template-areas:"icon title";grid-template-columns:minmax(45px,auto) 1fr;align-items:center;border:2px solid var(--grey);color:var(--color4);background-color:var(--white)}.Tool_label__Sew2y:focus,.Tool_label__Sew2y:hover{cursor:pointer;border-color:var(--color3)}.Tool_activeLabel__1TfL3,.Tool_activeLabel__1TfL3:focus,.Tool_activeLabel__1TfL3:hover{border-color:var(--color2);box-shadow:4px 4px 0 0 var(--color1)}.Tool_radio__ZR0zS{grid-area:radio}.Tool_icon__8uAZ8{grid-area:icon;padding:6px;text-align:center;font-size:24px}.Tool_title__irSj2{grid-area:title;text-transform:capitalize}.History_tool__86QHQ{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:12px;margin-top:12px;margin-bottom:12px}.History_button__Qvtfa{padding:0;color:var(--color4);text-align:left;border:2px solid var(--grey);background-color:var(--white)}.History_button__Qvtfa:hover{border-color:var(--color3);cursor:pointer}.History_button__Qvtfa:focus{outline:0;border-color:var(--color4);cursor:pointer}.History_button__Qvtfa:disabled{color:var(--dark-grey);border-color:var(--grey);cursor:default}.History_button__Qvtfa:disabled .History_icon__tmY7j{filter:grayscale(100%)}.History_buttonLayout__1XNLg{display:grid;grid-template-areas:"icon title";grid-template-columns:minmax(45px,auto) 1fr;align-items:center}.History_icon__tmY7j{grid-area:icon;padding:6px;text-align:center;font-size:24px}.History_title__LoRIh{grid-area:title}.EmojiPicker_container__KhWxj{position:fixed;top:72px;left:50%;transform:translateX(-50%);z-index:101}@media (min-width:500px){.EmojiPicker_container__KhWxj{position:absolute;top:0;right:auto;left:calc(100% + 12px);transform:translateY(-50%);z-index:10}.EmojiPicker_container__KhWxj.EmojiPicker_edit__hwAxN{right:calc(100% + 12px);left:auto}}.EmojiPicker_emojiPicker__8a1Uj em-emoji-picker{--font-size:16px;--rgb-background:255,255,255;--rgb-accent:115,33,106;--rgb-color:115,33,106;--color-border:rgba(149,233,209,0.2);--rgb-input:255,235,235;--border-radius:0;--shadow:6px 6px 0 0 var(--color1),6px 6px 100px 25px var(--highlight)}@media (max-width:499px){.EmojiPicker_edit__hwAxN{position:absolute;top:auto;bottom:235px}}.ColorPicker_colorPicker__1eipX{display:inline-grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);--swatch-size:60px}.ColorPicker_mini__DgI6C{--swatch-size:34px}.ColorPicker_swatch__1f95g{display:flex;align-items:center;justify-content:center;height:var(--swatch-size);width:var(--swatch-size);font-size:calc(var(--swatch-size) * .8);background-color:var(--white);border:2px solid var(--grey);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ColorPicker_active__PWhTg{grid-area:1/1/3/3;z-index:1;border-color:var(--color2);box-shadow:4px 4px 0 0 var(--color1)}.ColorPicker_alternate__dSTSo{grid-area:2/2/4/4}.ColorPicker_alternate__dSTSo:focus,.ColorPicker_alternate__dSTSo:hover{cursor:pointer;border-color:var(--color3)}.Paint_picker__GSIQv{position:relative;display:inline-block;--highlight:var(--color3)}.Paint_button__ZQKCU{margin-top:12px}button.Paint_showPicker__bj991{border-color:var(--color2)}.Palette_palette__Oln8A{--bg:var(--color2);--hover:var(--color3);display:grid;grid-template-columns:repeat(6,1fr);grid-gap:2px;margin-top:12px;margin-bottom:12px;padding:0;list-style-type:none;background-color:var(--bg);border:2px solid var(--bg)}@media (min-width:500px){.Palette_palette__Oln8A{grid-template-columns:repeat(4,1fr)}}.Palette_edit__nNqOo{--bg:var(--color3);--hover:var(--color2);position:relative}button.Palette_editButton__8laE6{--border-color:var(--color3)}.Palette_swatch__hhxcU{display:flex;align-items:center;justify-content:center;font-size:24px;background-color:var(--white);cursor:pointer}.Palette_swatch__hhxcU:hover{outline:2px solid var(--hover)}.Palette_swatch__hhxcU:before{content:"";display:inline-block;padding-bottom:100%}.Palette_picker__0XiVc{position:relative;--highlight:var(--color2)}button.Palette_showPicker__MJIne{border-color:var(--color2)}.Share_share__40Zfr{display:inline-grid;grid-template-columns:auto;grid-gap:12px;padding:0}.SmallScreenToolbar_smallScreenToolbar__fdKJo{grid-area:tools;position:-webkit-sticky;position:sticky;bottom:24px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px}@media (min-width:500px){.SmallScreenToolbar_smallScreenToolbar__fdKJo{display:none}}.SmallScreenToolbar_tools__WSqeB{display:inline-grid;grid-auto-columns:1fr;grid-auto-flow:column;list-style-type:none;padding:4px 6px 6px 4px;margin:0;gap:6px;border:1px dashed var(--color2)}.SmallScreenToolbar_tools__WSqeB>li{display:contents}.SmallScreenToolbar_toolButton__nqjNg{color:var(--color4);background-color:var(--white);border:none;font-weight:700;padding:4px;border:2px solid var(--mid-grey);filter:grayscale(75%);transition:filter .2s ease-in-out;font-size:12px}.SmallScreenToolbar_buttonFlexContainer__RLltT{display:flex;flex-direction:column;justify-content:center;gap:4px}.SmallScreenToolbar_icon__eXsIa{font-size:20px}.SmallScreenToolbar_activeTool__ojMtU{background-color:var(--white);color:var(--color4);border-color:var(--color2);box-shadow:4px 4px 0 0 var(--color1);filter:grayscale(0)}.SmallScreenToolbar_menuButton__5L7Fe{position:fixed;top:8px;right:8px;min-width:48px;color:var(--color4);background-color:var(--white);border:none;font-weight:700;padding:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:2px solid var(--color3);box-shadow:4px 4px 0 0 var(--color4);font-size:12px;z-index:2}@media (min-width:500px){.SmallScreenToolbar_menuButton__5L7Fe{display:none}}.SmallScreenToolbar_picker__Fo8iG{grid-column:1/-1;grid-row:1/-3;z-index:1;--highlight:var(--color2)}@media (min-width:500px){.SmallScreenToolbar_picker__Fo8iG{display:none}}.Toolbar_toolbar__vUgck{display:none}@media (max-width:499px){.Toolbar_toolbar__vUgck.Toolbar_visible__swspg{display:grid;position:absolute;top:72px;left:0;right:0;grid-template-areas:"primary-tools" "secondary-tools";background:linear-gradient(45deg,var(--bg-white) 0,var(--bg-white) 100%),linear-gradient(45deg,var(--color1) 0,var(--color3) 100%);z-index:1;padding-bottom:48px}}@media (min-width:500px){.Toolbar_toolbar__vUgck{display:contents}}.Toolbar_panel__JF9U0{padding-left:12px;padding-right:12px}@media (min-width:500px){.Toolbar_panel__JF9U0{background-color:hsla(0,0%,100%,.25)}}@media (min-width:900px){.Toolbar_panel__JF9U0{padding:24px}}.Toolbar_primary__qlOin{grid-area:primary-tools}.Toolbar_secondary__3YRCG{grid-area:secondary-tools}.Toolbar_heading__h_Fjt{font-size:18px;margin-top:24px}@media (min-width:500px){.Toolbar_heading__h_Fjt{margin-top:36px}}.Footer_footer__UaG1g{grid-area:footer;text-align:center}.Footer_footer__UaG1g p{font-size:12px}.Footer_footer__UaG1g p:nth-of-type(2){display:none}@media (min-width:500px){.Footer_footer__UaG1g{padding:24px}.Footer_footer__UaG1g p:nth-of-type(2){display:block}}.App_app___XJFW{display:grid;grid-template-areas:"header" "artboard" "tools" "footer";grid-template-columns:auto;grid-template-rows:auto 1fr auto;width:100%;height:100%}@media (min-width:500px){.App_app___XJFW{grid-template-areas:". header header ." "artboard artboard artboard artboard" ". primary-tools secondary-tools ." ". footer footer .";grid-template-columns:1fr repeat(2,240px) 1fr;grid-template-rows:auto 1fr auto auto;grid-gap:8px;height:auto;min-height:100%}}@media (min-width:900px){.App_app___XJFW{grid-template-areas:"primary-tools header secondary-tools" "primary-tools artboard secondary-tools" "primary-tools footer secondary-tools";grid-template-columns:260px 1fr 260px;grid-template-rows:auto 1fr auto;grid-gap:0}}