#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}#root,.App,body,html{display:flex;height:100%;width:100%}.App{flex-direction:column}.App>.AppTitleBar{aspect-ratio:64/2;z-index:1}.App>.AppWritingEditor{aspect-ratio:16/2}.App>.AppBannerSelect{flex:1 1}@media (max-aspect-ratio:1/1){.App>.AppTitleBar{aspect-ratio:36/4}.App>.AppWritingEditor{aspect-ratio:8/4}}.AppBannerSelectScrollBox{display:flex;flex:12 1;flex-direction:row;height:100%;width:100%}@media (max-aspect-ratio:1/1){.AppBannerSelect{overflow-y:scroll}.AppBannerSelectScrollBox{flex-direction:column;min-height:200vw}}.AppBannerEditor,.AppBannerEditorSection{aspect-ratio:16/12}.AppSection{display:flex;flex:1 1;flex-direction:column}.AppHistorySection{min-width:70vh}.AppHistorySection>.AppRecentBanners{flex:5.5 1}.AppHistorySection>.AppSavedWritings{flex:11.5 1}@media (max-aspect-ratio:1/1){.AppHistorySection{flex:1 1;min-width:0}}.AppHistorySection_ResizeBar{background-color:#434b4e;border:none;height:10px;margin:0;padding:0;z-index:1003}.TitleBar{display:flex;flex-wrap:wrap;justify-content:space-between}.TitleBar>.Button,.TitleBar>.Text,.TitleBar>a{height:calc(100% - 4px);margin:2px 5px}.TitleBar>.TitleBarSpacer{flex:1 1}.TitleBar>.Button>*{margin:0}.TitleBar .Button,.TitleBar a{aspect-ratio:5/2}.TitleBarDropdown{background-color:#405050;display:none;position:relative;z-index:1000}.TitleBarDropdown>.Button{width:100%}.Button:hover>.TitleBarDropdown,.TitleBarDropdownActive{display:block}@media (max-aspect-ratio:1/1){.TitleBar>.TitleBarSpacer{flex:none;height:0;width:100%}.TitleBar>.Button,.TitleBar>.Text,.TitleBar>a{height:calc(50% - 2px);margin:1px 5px}}.Text{margin:1px;position:relative}.TextBackground{display:block;width:100%}.TextContents{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.TextBanner>*{margin:0}.BannerComponent{border:0;margin:1px;padding:0;position:relative}.BannerComponentBackground{display:block;width:100%}.BannerComponentLayer{left:0;position:absolute;top:0;width:100%}.BannerComponent.DisableAA img{-ms-interpolation-mode:nearest-neighbor;image-rendering:optimizeSpeed;image-rendering:-o-crisp-edges;image-rendering:pixelated;image-rendering:optimize-contrast}.ForceSize{position:relative}.ForceSize>*{height:100%;position:absolute;width:100%}.Button{background-color:initial;border:0;padding:0}.Button:hover,a:hover{filter:brightness(1.15)}.Button:active,a:active{filter:brightness(1.3)}.BannerEditor{display:flex;flex-direction:row;justify-content:center}.LayerSelector{display:flex;flex-direction:column}.LayerSelector>.LayerSelectorColorRow{flex:4 1}.LayerSelector>.PatternSelector{flex:8 1}.LayerSelectorColorRow{display:flex}.LayerSelectorColorRow>.LayerSelectorColorDisplay{flex:2 1}.LayerSelectorColorRow>.LayerSelectorColorSpacer{flex:1 1}.LayerSelectorColorRow>.LayerSelectorColorSelector{flex:8 1}.ColorDisplay{aspect-ratio:1/2;display:flex;flex-direction:column}.ColorDisplay>*{flex:1 1}.ColorDisplay>* img{aspect-ratio:1}.ColorSelector{display:flex;flex-wrap:wrap}.ColorSelector>*{width:12.5%}.PatternSelector{display:flex;flex-wrap:wrap}.PatternSelector>*{width:calc(100%/var(--LayerSelectorWidth))}.LayerStack{display:flex;flex-direction:column;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}.LayerStackBackgroundSquare>*{width:100%}.LayerStackBackgroundSquare img{aspect-ratio:1/1}.LayerDisplay{display:flex;flex-direction:row}.LayerDisplay>*{flex:1 1}.LayerDisplayControls{display:flex;flex-direction:column;justify-content:flex-start}.LayerDisplayControls>*{flex:1 1}.LayerDisplayControls>* img{aspect-ratio:1/1}.BannerDisplay{display:flex;flex-direction:column}.BannerDisplayControls{display:flex;flex:1 1;flex-direction:column}.BannerDisplaySpacer{flex:1 1}.DragContext{display:flex;height:100%;overflow:hidden;position:relative;width:100%}.DragContext_DraggedBanner{height:40px;pointer-events:none;position:absolute;width:20px}.RecentBanners{display:flex;flex-direction:column}.RecentBanners>.RecentBannersHeader{aspect-ratio:20/1}.RecentBanners>.RecentBannersScrollBox{flex:4 1}.RecentBannersHeaderArea{display:flex;flex-direction:row;justify-content:space-between}.RecentBannersHeaderArea>*{height:calc(100% - 4px);margin:2px 5px}.RecentBannersHeaderArea>.Button{aspect-ratio:1/2}.RecentBannersHeaderArea>.Button>*{margin:0}.RecentBannersScrollBox{align-content:start;display:flex;flex-direction:row;flex-wrap:wrap;overflow-x:hidden;overflow-y:scroll}.RecentBannersScrollBox>*{aspect-ratio:1/2;height:7.40741vh}.SavedWritings{display:flex;flex-direction:column}.SavedWritings>.SavedWritingsHeader{aspect-ratio:20/1}.SavedWritings>.SavedWritingsScrollBox{flex:10 1}.SavedWritingsHeaderArea{display:flex;flex-direction:row;justify-content:space-between}.SavedWritingsHeaderArea>*{height:calc(100% - 4px);margin:2px 5px}.SavedWritingsHeaderArea>.Button{aspect-ratio:1/2}.SavedWritingsHeaderArea>.Button>*{margin:0}.SavedWritingsScrollBox{align-content:start;display:flex;flex-direction:column;overflow-y:scroll}.SavedWritingsWriting{display:flex;flex-direction:row}.SavedWritingsWriting>.SavedWritingsText{flex:20 1}.SavedWritingsWriting>.SavedWritingsControls{flex:6 1}.SavedWritingsControls{align-items:start;display:flex;flex-direction:row;justify-content:space-between}.SavedWritingsControls>*{flex:1 1}.SavedWritingsControls>.SavedWritingsSelectButton{flex:3.7 1}.WritingComponent{align-content:start;display:flex;flex-wrap:wrap}.WritingComponent>.WritingComponentBanner{width:5%}.WritingComponent>.WritingComponentCursorEndHitbox{flex:1 1;min-width:1px}.WritingComponent>.WritingComponentNewline{height:0;width:100%}.WritingComponentDirection_LeftToRight{flex-direction:row}.WritingComponentDirection_RightToLeft{flex-direction:row-reverse}.WritingEditor{align-content:start;display:flex;flex-wrap:wrap;overflow-y:scroll}.WritingEditorSize_1>*{height:99%;width:6.25%}.WritingEditorSize_2>*{height:48.5%;width:3.125%}.WritingEditorSize_3>*{height:33%;width:2.0833%}.WritingEditorSize_4>*{height:24.75%;width:1.5625%}.WritingEditor>.WritingEditorCursorEndHitbox{flex:1 1;min-width:1px}.WritingEditor>.WritingEditorNewline{height:0;width:100%}.WritingEditorDirection_LeftToRight{flex-direction:row}.WritingEditorDirection_RightToLeft{flex-direction:row-reverse}@media (max-aspect-ratio:1/1){.WritingEditorSize_1>*{height:48.5%;width:12.5%}.WritingEditorSize_2>*,.WritingEditorSize_3>*,.WritingEditorSize_4>*{height:24.75%;width:6.25%}}.WritingEditorCursor{animation-duration:1s;animation-iteration-count:infinite;animation-name:cursor;margin:1px;width:3px}@keyframes cursor{0%{background-color:#fff}1%{background-color:initial}50%{background-color:initial}51%{background-color:#fff}to{background-color:#fff}}.KeyboardInterface{display:flex;height:100%;width:100%}.KeyboardInterface :not(input){-webkit-user-select:none;user-select:none}.AboutPage{background-color:#282c34;display:flex;flex-direction:column;font-family:Consolas,monospace;font-size:24px;font-weight:bolder;gap:5px;margin:10px;width:calc(100% - 20px)}.AboutPage p{color:#ebf1f1;margin:0}.AboutPage a{color:#37aacf}.ConfigPage{background-color:#282c34;display:flex;flex-direction:column;font-family:Consolas,monospace;font-size:24px;font-weight:bolder;gap:5px;margin:10px;width:calc(100% - 20px)}.ConfigPage p{color:#ebf1f1;margin:0}.ConfigPage a{color:#37aacf}.ConfigPage .ConfigPage_TextArea,.ConfigPage .ConfigPage_TextArea textarea{aspect-ratio:3/1;width:100%}.ConfigPage .Button{width:20vw}
/*# sourceMappingURL=main.3ecbaeec.css.map*/