body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body,div,html{box-sizing:border-box}#root,body,html{height:100%;width:100%;margin:0}body{position:relative;background:#fff;font-family:sans-serif}button{background-color:#fff;padding:10px 20px;border-radius:10px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.3rem;box-shadow:0 8px 28px -6px rgba(24,39,75,.12),0 18px 88px -4px rgba(24,39,75,.14);transition:transform .1s ease-in;cursor:pointer}button:hover{transform:scale(1.05)}li{list-style:none}a{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:10px}a,a:hover{text-decoration:none}a:hover{opacity:1}.left-panel{width:100%;height:100%;display:flex;flex-direction:column}.splitter-layout .layout-pane-primary{background-color:#222}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:20px;border:6px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}.EditorPanel{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.EditorControls{display:flex;justify-items:flex-start;width:100%;color:#fff;background-color:#000;flex-grow:0;align-items:center;padding:.6em}.EditorControls div:nth-child(2){margin-left:1em}.EditorControls label{display:block;font-size:.8em;margin-bottom:.2em}.EditorControls select{padding:.1em;width:18em}.EditorBorder{padding:16px;width:100%;flex-grow:1;flex-shrink:0}.EditorWrapper{position:relative;width:100%;height:100%}.EditorInfo{flex-grow:0;padding:.2em;background-color:#000}.EditorInfoMonitor{background-color:#fff;color:#000;z-index:300;display:inline-block;padding:3px;border:1px solid #000;cursor:copy}.ImagePreview{width:100%;flex:auto;overflow-y:overlay}.ImagePreview_Grid{display:grid;overflow:hidden;grid-template-columns:1fr;grid-auto-rows:1fr;grid-column-gap:5px;grid-row-gap:5px;width:100%;background-color:#222;overflow-y:overlay}.ImagePreview_Grid--TwoColumn{grid-template-columns:1fr 1fr}.ImagePreviewItem{background-color:#222;display:flex;padding:2%;margin-bottom:5px;overflow:hidden}.ImagePreviewItem_Content{width:100%;display:flex;justify-content:center;align-items:center}.ImagePreviewItem_Content.ImagePreviewItem--portrait{flex-direction:row-reverse}.ImagePreviewItem_Content.ImagePreviewItem--portrait div.ImagePreviewItem_Container{margin:0;width:50%;height:80%}.ImagePreviewItem_Content.ImagePreviewItem--portrait div.ImagePreviewItem_Text{margin-right:1em;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.ImagePreviewItem_Content.ImagePreviewItem--landscape{flex-direction:column}.ImagePreviewItem_Content.ImagePreviewItem--landscape div.ImagePreview_Container{margin:0;width:80%;height:200px}.ImagePreviewItem_Content.ImagePreviewItem--landscape div.ImagePreviewItem_Text{margin-top:1em}.ImagePreviewItem_Text{color:#fff}.ImagePreviewItem_Container{background-color:#000;border-color:#fff;border-style:solid;overflow:hidden;box-sizing:content-box;margin:0;position:relative}.ImagePreviewItem_Container_Image{position:absolute}.controls{width:100%;color:#fff;flex-grow:0;display:flex;justify-content:flex-start;align-items:center;border-bottom:1px solid #fff;padding:.6em}.controls .controls-grid-buttons{margin-right:15px;display:flex}.controls .happy-button .button{height:24px;width:24px}.controls .happy-button .button.single{display:flex;justify-content:center;align-items:center}.controls .happy-button .button.single .square{border-radius:3px;width:80%;height:80%}.controls .happy-button .button.grid{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.controls .happy-button .button.grid .square{margin:2px}.happy-button.happy-button-depressed .square{background:#fff}.happy-button.happy-button-not-depressed .square{background:#aaa}.happy-button img{width:24px;display:block;height:24px}.happy-button{overflow:hidden;border-style:solid;border-color:#555;padding:4px;margin-right:6px}.happy-button.happy-button-depressed{background-color:#333;border-width:3px 1px 1px 3px}.happy-button.happy-button-not-depressed{border-width:1px 3px 3px 1px}.happpy-button-group{display:flex;align-items:center;justify-content:flex-start;margin-left:12px;margin-right:12px}.happy-button-depressed .svg-toggle-button,.svg-button{-webkit-filter:invert(94%) sepia(82%) saturate(0) hue-rotate(196deg) brightness(108%) contrast(101%);filter:invert(94%) sepia(82%) saturate(0) hue-rotate(196deg) brightness(108%) contrast(101%)}.happy-button-not-depressed .svg-toggle-button{-webkit-filter:invert(65%) sepia(0) saturate(114%) hue-rotate(135deg) brightness(104%) contrast(96%);filter:invert(65%) sepia(0) saturate(114%) hue-rotate(135deg) brightness(104%) contrast(96%)}
/*# sourceMappingURL=main.934f3bc0.chunk.css.map */