*{box-sizing:border-box}#sketch-root sketch-DocLayout{background:transparent;cursor:none}#sketch-root sketch-DocScrollArea,#sketch-root sketch-DocViewport{cursor:none}.abcya--UiElements{position:absolute;top:0;left:0;width:0;height:0}svg{display:block}abcya-animate,abcya-paint,abcya-storymaker{position:fixed;display:block;top:0;left:0;width:100%;height:100%}abcya-animate>canvas,abcya-paint>canvas,abcya-storymaker>canvas{position:absolute;top:0;left:0;width:100%;height:100%}@-moz-keyframes cursorDip{0%{transform:rotate(0deg)}50%{transform:rotate(-30deg)}to{transform:rotate(0deg)}}@-webkit-keyframes cursorDip{0%{transform:rotate(0deg)}50%{transform:rotate(-30deg)}to{transform:rotate(0deg)}}@-o-keyframes cursorDip{0%{transform:rotate(0deg)}50%{transform:rotate(-30deg)}to{transform:rotate(0deg)}}@keyframes cursorDip{0%{transform:rotate(0deg)}50%{transform:rotate(-30deg)}to{transform:rotate(0deg)}}.abcya--GameRoot{bottom:0;left:0;top:0;z-index:0;font-size:16px;font-family:Asap-Regular;position:absolute;overflow:hidden;width:100%;background:#071e26}.abcya--GameRoot.abcya--IsKeyboardOpen{background:#eee}.abcya--GameRoot.abcya--IsKeyboardOpen #sketch-root,.abcya--GameRoot.abcya--IsKeyboardOpen .abcya--GameContent{overflow:auto}.abcya--GameRoot .abcya--GameContent{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;background:#fff}.abcya--GameRoot *{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.abcya--DebugScreen{position:absolute;top:0;left:0;width:100%;height:100%;overflow:scroll;z-index:100}.abcya--DebugScreen .abcya--ToolAssets{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:16px}.abcya--DebugScreen .abcya--ToolAssets .abcya--ToolAsset{border:1px solid red;position:relative}.abcya--DebugScreen .abcya--ToolAssets .abcya--ToolAsset:before{display:block;content:" ";padding-top:100%}.abcya--DebugScreen .abcya--ToolAssets .abcya--ToolAsset>*{position:absolute;top:0;left:0}.abcya--DebugScreen .abcya--ToolAssets .abcya--ToolAsset p{font-size:16px}.abcya--HelpScreen{display:flex;flex-direction:column;justify-content:space-between}.abcya--HelpScreen .abcya--CentralPanelContainer{height:100%;display:flex;justify-content:space-between;align-items:center;position:relative}.abcya--HelpScreen .abcya--HelpPanel{width:100%;height:auto}.abcya--HelpScreen .abcya--BottomPanel>*{top:auto;bottom:0}.abcya--WithSquare{position:relative}.abcya--WithSquare:before{content:" ";display:block;padding-top:100%}.abcya--WithSquare .abcya--WithSquareBody{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.abcya--Button{position:relative}.abcya--AnimationToggle .abcya--Button>svg{filter:drop-shadow(2.999999999208546px 2.999999999208546px rgba(0,0,0,.2))}.abcya--MenuButton{background-color:#ffc627;transform-origin:center!important}.abcya--MenuButton svg{filter:drop-shadow(2.999999999208546px 2.999999999208546px #efa30c)}.abcya--DeleteButton{position:relative}.abcya--DeleteButton .abcya--text-area{position:absolute;top:0;left:0;font-size:.8em;fill:#ea3d21;height:100%;width:100%}.abcya--Stack{flex-grow:1;position:relative;width:100%;height:100%}.abcya--Stack>*{position:absolute;top:0;left:0;width:100%;height:100%}.abcya--Stack>:first-child{z-index:1}.abcya--Stack>:nth-child(2){z-index:2}.abcya--Stack>:nth-child(3){z-index:3}.abcya--Stack>:nth-child(4){z-index:4}.abcya--Stack>:nth-child(5){z-index:5}.abcya--Stack>:nth-child(6){z-index:6}.abcya--Stack>:nth-child(7){z-index:7}.abcya--Stack>:nth-child(8){z-index:8}.abcya--Stack>:nth-child(9){z-index:9}.abcya--Stack>:nth-child(10){z-index:10}.abcya--CursorContainer{pointer-events:none}.abcya--CursorContainer .abcya--CurrentCursor{position:relative;transform-origin:center center;width:0;height:0}.abcya--Layer{position:absolute;pointer-events:none}.abcya--Layer.abcya--LayerNORTH{transform-origin:bottom;flex-direction:column;justify-content:flex-end;left:0;right:0;bottom:0}.abcya--Layer.abcya--LayerSOUTH{transform-origin:top;flex-direction:column-reverse;justify-content:flex-end;top:0;left:0;right:0}.abcya--Layer.abcya--LayerEAST{transform-origin:left;justify-content:flex-start;top:0;left:0;bottom:0}.abcya--Layer.abcya--LayerWEST{transform-origin:right;top:0;right:0;bottom:0}.abcya--Layer.abcya--LayerCENTER{transform-origin:center;top:50%}.abcya--Layer>:first-child{z-index:1}.abcya--Layer>:nth-child(2){z-index:2}.abcya--Layer>:nth-child(3){z-index:3}.abcya--Layer>:nth-child(4){z-index:4}.abcya--Layer>:nth-child(5){z-index:5}.abcya--Layer>:nth-child(6){z-index:6}.abcya--Layer>:nth-child(7){z-index:7}.abcya--Layer>:nth-child(8){z-index:8}.abcya--Layer>:nth-child(9){z-index:9}.abcya--Layer>:nth-child(10){z-index:10}.abcya--ErrorScreen{display:flex;align-items:center;justify-content:center}.abcya--PopOut{position:absolute;display:flex;flex-direction:column;align-items:center;font-size:calc(var(--containerWidth)*0.03125);white-space:nowrap;transform-origin:bottom;z-index:20;pointer-events:none}.abcya--PopOut .abcya--PopOutBody{padding:calc(var(--containerWidth)*0.01563);background-color:#3e3c32;border-radius:calc(var(--containerWidth)*0.01563);border-bottom:calc(var(--containerWidth)*0.00098) solid #3e3c32;color:#ffc627}.abcya--PopOut .abcya--PopOutTail{width:auto;max-height:100px;position:relative;top:-5px}.abcya--PopOut.abcya--Direction-S{flex-direction:column-reverse;transform-origin:top}.abcya--PopOut.abcya--Direction-S .abcya--PopOutTail{transform:rotate(180deg);position:relative;top:5px}.abcya--ToolBar{position:relative;display:block;z-index:10}.abcya--ToolBar:before{content:" ";display:block;padding-top:9.765625%}.abcya--ToolBar abcya-ToolBarBody{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;display:grid;transform-origin:bottom;background-color:#ffc627;pointer-events:auto;cursor:default}.abcya--ToolBar abcya-ToolBarBody>*{z-index:1}.abcya--ToolBar abcya-ToolBarBody{filter:drop-shadow(0 0 5px rgba(1,1,1,.5))}.abcya--Tray{display:flex;flex-direction:column-reverse;position:relative;height:100%}.abcya--Tray>:first-child{z-index:4;height:100%}.abcya--Tray>:first-child>*{height:100%}.abcya--Tray .abcya--TrayItem{width:100%}.abcya--Tray .abcya--TrayItem:last-child,.abcya--Tray .abcya--TrayItem:last-child>*{border-radius:calc(var(--containerWidth)*0.01563) calc(var(--containerWidth)*0.01563) 0 0}.abcya--Tray>.abcya--TrayItem:nth-child(2){z-index:1;position:absolute;bottom:0;height:200%;display:grid;grid-template-rows:repeat(2,50%);transform-origin:bottom}.abcya--Tray>.abcya--TrayItem:nth-child(3){z-index:0;position:absolute;bottom:0;height:300%;display:grid;grid-template-rows:repeat(3,33.333333333333336%);transform-origin:bottom}.abcya--Tray>.abcya--TrayItem:nth-child(4){z-index:-1;position:absolute;bottom:0;height:400%;display:grid;grid-template-rows:repeat(4,25%);transform-origin:bottom}.abcya--Tray.abcya--TrayNORTH>.abcya--TrayItem{bottom:0}.abcya--Tray.abcya--TraySOUTH>.abcya--TrayItem{top:0;transform-origin:top}.abcya--Tray.abcya--TraySOUTH>.abcya--TrayItem>*{grid-row:2}.abcya--HistoryTray{display:grid}.abcya--HistoryTray .abcya--TrayItem{width:100%;height:100%}.abcya--HistoryTray .abcya--TrayItem .abcya--Button>svg{filter:drop-shadow(2.999999999208546px 2.999999999208546px #efa30c)}.abcya--HistoryTray .abcya--TrayItem .abcya--Button.abcya--RedoRegion>svg{filter:drop-shadow(-2.999999999208546px 2.999999999208546px #efa30c)}.abcya--Pane{transform-origin:bottom;position:relative;display:grid;grid-template-columns:repeat(8,12.5%);width:100%;height:100%}.abcya--CategoryPane .abcya--Button>svg{filter:drop-shadow(4.949747467px 4.949747467px rgba(0,0,0,.2))}.abcya--CategoryPane .abcya--Button.abcya--CategorySelector>svg{filter:drop-shadow(0 0 transparent)}.abcya--OnionSkin{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-filter:grayscale(100%);filter:grayscale(100%);background-position:50%;background-size:contain;background-repeat:no-repeat}.abcya--FrameScrubber{position:relative;flex:1;z-index:1;height:100%;display:flex;align-items:center}.abcya--FrameScrubber .abcya--ScrubArrow{position:absolute;z-index:1;width:auto}.abcya--FrameScrubber .abcya--ScrubArrow.abcya--ScrubLeft{left:0;transform-origin:left center}.abcya--FrameScrubber .abcya--ScrubArrow.abcya--ScrubRight{right:0;transform-origin:right center}.abcya--FrameScrubber .abcya--ScrubWindow{display:grid;grid-auto-flow:column;height:100%}.abcya--FrameScrubber .abcya--ScrubWindow>.abcya--Button{filter:drop-shadow(4.949747467px 4.949747467px rgba(0,0,0,.2));display:flex;align-items:center;justify-content:center}.abcya--FrameScrubber .abcya--ScrubWindow .abcya--ScrubberItem{position:relative;display:flex;align-items:center;justify-content:center}.abcya--FrameScrubber .abcya--ScrubWindow .abcya--ScrubberItem .abcya--DragToIndicator{position:absolute;top:0;width:1px;height:100%;background:#ff0}.abcya--FrameScrubber .abcya--ScrubWindow .abcya--ScrubberItem .abcya--DragToIndicator-LEFT{left:0}.abcya--FrameScrubber .abcya--ScrubWindow .abcya--ScrubberItem .abcya--DragToIndicator-RIGHT{right:0}.abcya--FrameScrubber .abcya--Frame .abcya--Graphic{filter:drop-shadow(4.949747467px 4.949747467px rgba(0,0,0,.2));height:auto}.abcya--Dialog{width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20;cursor:default}.abcya--Dialog .abcya--DialogContent{position:relative}.abcya--Dialog .abcya--Body{pointer-events:auto;background-color:#3d3b31;border-radius:calc(var(--containerWidth)*0.01563)}.abcya--Dialog .abcya--Tail{position:absolute;pointer-events:none;z-index:-1}.abcya--Dialog .abcya--HorizontalTail{bottom:0;transform:translate(-50%,100%) translateY(-2px)}.abcya--Dialog .abcya--RightEdgeTail{right:0}.abcya--Dialog .abcya--VerticalTail{left:0;transform:translateY(-50%) rotate(90deg) translateY(100%) translateY(-2px);transform-origin:center}.abcya--Dialog .abcya--DialogSpacer{width:100%}.abcya--Dialog .abcya--DialogSpacer:before{content:" ";display:block;padding-top:11.1328125%}.abcya--Dialog.abcya--LayerNORTH:not([data-dialog=MainMenu]):not([data-dialog=ConfirmResetGame]):not([data-dialog=ColorPickerText]):not([data-dialog=PrintDialog]):not([data-dialog=EditBackgroundGlobal]):not([data-dialog=ColorPickerGlobal]) .abcya--DialogContent{width:100%;display:flex;justify-content:center}.abcya--Dialog.abcya--LayerNORTH .abcya--RightEdgeTail{bottom:0;transform:translateY(100%) translateY(-2px)}.abcya--Dialog.abcya--LayerSOUTH .abcya--Body{flex-direction:column-reverse;transform-origin:top}.abcya--Dialog.abcya--LayerSOUTH .abcya--HorizontalTail{top:0;transform:translate(-50%,-100%) rotate(180deg) translateY(-2px)}.abcya--Dialog.abcya--LayerSOUTH .abcya--RightEdgeTail{top:0;transform:translateY(-100%) translateY(2px)}.abcya--LayerAnimating .abcya--DialogContent{pointer-events:none}[data-dialog=ColorPickerSideButton] .abcya--DialogContent{left:calc(var(--containerWidth)*0.06055)}.abcya--ColorPickerDialog{align-self:flex-end;width:calc(var(--containerWidth)*0.92578);display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:min-content;grid-auto-rows:-webkit-min-content;position:relative;padding:1%}.abcya--ColorPickerDialog .abcya--Swatch{display:block}.abcya--ColorPickerDialog .abcya--Swatch>*{transform-origin:center!important;filter:drop-shadow(2.999999999208546px 2.999999999208546px rgba(0,0,0,.2))}.abcya--ColorPickerDialog .abcya--Swatch.abcya--Swatch--active>*{filter:drop-shadow(0 0 transparent);top:1.499999999604273px;left:1.499999999604273px}.abcya--ColorPickerDialog .abcya--Swatch .abcya--SwatchElement{position:relative;vertical-align:top;width:100%;height:100%}.abcya--PaginatedDialog{width:calc(var(--containerWidth)*0.90625);height:100%;align-self:center;display:flex;justify-content:space-around;flex-direction:column;padding:0}.abcya--PaginatedDialog .abcya--PageNavigator{background-color:#6b695f;border-radius:calc(var(--containerWidth)*0.01563) calc(var(--containerWidth)*0.01563) 0 0;display:flex;justify-content:center;margin-bottom:calc(var(--containerWidth)*0.01563)}.abcya--PaginatedDialog .abcya--PageNavigator .abcya--Graphic{height:100%}.abcya--PaginatedDialog .abcya--PageContents{display:grid;grid-template-columns:calc(var(--containerWidth)*0.11719) 1fr calc(var(--containerWidth)*0.11719);grid-template-rows:100%}.abcya--PaginatedDialog .abcya--PageContents .abcya--Page{flex:1;display:grid;grid-gap:16px;padding-bottom:16px}.abcya--PaginatedDialog .abcya--PageContents .abcya--PageItem{position:relative;width:100%;height:100%;background-color:#fff;border-radius:calc(var(--containerWidth)*0.01563);overflow:hidden;filter:drop-shadow(2.999999999208546px 2.999999999208546px rgba(0,0,0,.2))}.abcya--PaginatedDialog .abcya--PageContents .abcya--PageItem .abcya--Graphic{width:100%;height:100%;padding:calc(var(--containerWidth)*0.01563)}.abcya--PaginatedDialog .abcya--PageContents .abcya--PageChanger{display:flex;justify-content:center;align-items:center}.abcya--PaginatedDialog .abcya--PageContents .abcya--PageChanger .abcya--Graphic{width:100%;filter:drop-shadow(2.999999999208546px 2.999999999208546px rgba(0,0,0,.2))}.abcya--MenuDialog{width:calc(var(--containerWidth)*0.90625);display:grid;grid-template-columns:repeat(4,1fr)}.abcya--MenuDialog .abcya--Button>.abcya--Graphic{filter:drop-shadow(7.071067810000001px 7.071067810000001px rgba(0,0,0,.5))}.abcya--ConfirmationDialog{padding-right:calc(var(--containerWidth)*0.08301);grid-template-columns:1fr repeat(2,.5fr)}.abcya--ConfirmationDialog .abcya--Button{align-self:center}.abcya--ConfirmRestoreSavedStateDialog{grid-template-columns:repeat(2,1fr);grid-gap:calc(var(--containerWidth)*0.01563);padding:calc(var(--containerWidth)*0.03125);width:calc(var(--containerWidth)*0.75)}.abcya--ConfirmRestoreSavedStateDialog .abcya--Graphic{grid-column-start:1;grid-column-end:3;margin:0 auto}.abcya--ConfirmRestoreSavedStateDialog .abcya--Button{align-self:center;margin:0 auto}.abcya--ConfirmRestoreSavedStateDialog~.abcya--Tail{display:none}.abcya--PrintDialog{padding:0 calc(var(--containerWidth)*0.0293);grid-template-columns:1fr repeat(2,.5fr)}.abcya--PrintDialog .abcya--Button,.abcya--PrintDialog .abcya--Graphic{align-self:center}.abcya--PrintDialog .abcya--Button .abcya--Graphic{margin:0 auto}.abcya--NibSize{display:flex;flex:1;touch-action:none}.abcya--NibSize .abcya--Nib{position:relative;overflow:visible;transition:transform .3s;filter:drop-shadow(2.999999999208546px 2.999999999208546px rgba(0,0,0,.2))}.abcya--NibSize .abcya--Nib .abcya--NibCover{display:flex;position:absolute;width:100%;height:100%;background-size:100%;background-position:50%;background-repeat:no-repeat;pointer-events:none}.abcya--NibSize .abcya--Nib .abcya--NibCover--active{transform-origin:center;animation-name:scaleUp;animation-duration:.25s;animation-fill-mode:both}.abcya--NibSize .abcya--Nib .abcya--NibCover svg{width:100%}@-moz-keyframes scaleUp{0%{transform:scale(.75)}75%{transform:scale(1.25)}90%{transform:scale(.85)}to{transform:scale(1)}}@-webkit-keyframes scaleUp{0%{transform:scale(.75)}75%{transform:scale(1.25)}90%{transform:scale(.85)}to{transform:scale(1)}}@-o-keyframes scaleUp{0%{transform:scale(.75)}75%{transform:scale(1.25)}90%{transform:scale(.85)}to{transform:scale(1)}}@keyframes scaleUp{0%{transform:scale(.75)}75%{transform:scale(1.25)}90%{transform:scale(.85)}to{transform:scale(1)}}.abcya--OptionsContainer{display:flex}.abcya--OptionsContainer .abcya--OptionItem{align-items:center;display:flex;position:relative}.abcya--OptionsContainer .abcya--OptionItem:not(.abcya--OptionItem--active) .abcya--Option>svg{filter:drop-shadow(2.999999999208546px 2.999999999208546px rgba(0,0,0,.2))}.abcya--OptionsContainer .abcya--OptionItem svg{width:100%;height:100%}.abcya--OptionsContainer .abcya--OptionItemActiveBg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.05)}.abcya--UiContainer{position:absolute;width:100%;height:100%;display:flex;flex-direction:column}.abcya--BlockingTask{padding:calc(var(--containerWidth)*0.04883);color:#fff}.abcya--BlockingTask .abcya--BlockingTaskLabel{margin-bottom:calc(var(--containerWidth)*0.01563)}.abcya--BlockingTask .abcya--BlockingTaskProgress{height:calc(var(--containerWidth)*0.02441);background:#fff}.abcya--Graphic.abcya--RemoteGraphic{width:100%;height:100%}.abcya--FatalError .abcya--GameContent{width:100%;height:100%;display:flex}.abcya--LegacyBrowserWarning{color:#fff;padding:calc(var(--containerWidth)*0.04883) calc(var(--containerWidth)*0.0293);text-align:center}.abcya--LegacyBrowserWarning h1:not(:last-of-type){padding-bottom:calc(var(--containerWidth)*0.0293)}@font-face{font-family:Asap-Regular;src:url(assets/Asap-Medium.eot);src:local("~@abcya/shared/fonts/asap/Asap Medium"),local("~@abcya/shared/fonts/asap/Asap-Medium"),url(assets/Asap-Medium.eot?#iefix) format("embedded-opentype"),url(assets/Asap-Medium.woff) format("woff"),url(assets/Asap-Medium.ttf) format("truetype");font-style:normal}.abcya--FrameScrubberPane{z-index:0!important;display:block}.abcya--FrameScrubber .abcya--FrameIndicator{position:absolute;top:calc(var(--containerWidth)*0.06348);left:50%;transform:translateX(-50%);z-index:1}.abcya--NibSize,.abcya--OptionsContainer{grid-column:span 4}.abcya--NibSize.abcya--Tool--pattern_brush,.abcya--OptionsContainer.abcya--Tool--pattern_brush{grid-column:span 5}.abcya--ColorPicker{grid-column:7}[data-dialog=FrameSettings]{align-items:flex-start}.abcya--FrameSettings{display:flex;padding:calc(var(--containerWidth)*0.01563)}.abcya--Frame{width:100%;height:100%;font-size:calc(var(--containerWidth)*0.04102)}.abcya--EditBackground .abcya--PageContents .abcya--PageHeader{margin-bottom:calc(var(--containerWidth)*0.01563)}.abcya--EditBackground .abcya--PageContents .abcya--PageHeader .abcya--Button{margin:0 auto;width:33%}.abcya--EditBackground .abcya--PageContents .abcya--PageItem{background:transparent!important;overflow:hidden!important;height:calc(var(--containerWidth)*0.125)}.abcya--EditBackground .abcya--PageContents .abcya--PageItem .abcya--Graphic{padding:0!important}.abcya--EditBckg,.abcya--PaintBucket{position:absolute;top:50%;left:0;width:auto;height:auto;transform:translateY(-50%)}.abcya--Swoggle svg{width:auto}.abcya--Swoggle .abcya--SwoggleTrack{height:auto;width:100%}.abcya--Swoggle .abcya--SwoggleSwitch{position:absolute;top:0}.abcya--Swoggle .abcya--SwoggleOptions{position:absolute;top:0;width:100%;height:100%;display:flex;justify-content:space-around;align-items:center}.abcya--Swoggle .abcya--SwoggleOptions .abcya--SwoggleOption{--color:#3e3c32;display:flex;justify-content:center;transition:color .3s}.abcya--Swoggle .abcya--SwoggleOptions .abcya--SwoggleOptionActive{--color:#ffc627}.abcya--MenuDialog.abcya--AnimateSettings{padding:calc(var(--containerWidth)*0.02344) calc(var(--containerWidth)*0.03906);grid-gap:calc(var(--containerWidth)*0.05859)}.abcya--MenuDialog.abcya--AnimateSettings .abcya--AnimateSettingsOption{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.abcya--MenuDialog.abcya--AnimateSettings .abcya--AnimateSettingsButton>svg{filter:drop-shadow(0 0 transparent)}[data-dialog=EditBackgroundSideButton]{padding-left:calc(var(--containerWidth)*0.06055)}.abcya--MainMenuDialog{grid-template-columns:repeat(5,1fr)}.abcya--AnimateSettingsToggle .abcya--Button>svg{filter:drop-shadow(2.999999999208546px 2.999999999208546px rgba(0,0,0,.2))}