*{box-sizing:border-box}body,html{height:100%}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}.sdf-bar{display:flex;align-items:center;justify-content:space-between;position:relative;padding:4px 6px}.sdf-bar+.sdf-bar{border-top:1px solid #c5c4d8}.sdf-bar-container{border:1px solid #c5c4d8;border-radius:2px;margin-bottom:8px;padding:4px 0}.sdf-barLeft{flex:0 1 205px;display:inline-flex}.sdf-barRight{flex:0 1 65px;margin-left:5px}.sdf,.sdf-barRight{display:inline-flex}.sdf{height:30px;width:30px;border-radius:2px;border:1px solid #c5c4d8;flex:0 1 30px;align-items:center;justify-content:center;cursor:pointer;padding:0;background-color:initial}.sdf img{display:block}.sdf.isSelected{background-color:#d8d8d8}.sdf+.sdf{margin-left:5px}.bg{width:22px;height:22px;display:block;border-radius:2px}.img-inp{opacity:0;height:0;width:0;max-width:0}.subbar{position:absolute;z-index:5;top:100%;margin-top:-4px;left:0;width:100%;max-width:300px;border-radius:4px;border:1px solid #c5c4d8;box-shadow:0 9px 11px 0 rgba(57,56,86,.25);background-color:#fff}.subbar.forBrushes{padding:6px 0 9px}.subbar.forShapes{padding:6px;max-width:190px;justify-content:space-around}.brush-line,.subbar.forShapes{display:flex;align-items:center}.brush-line{width:100%;justify-content:space-between;padding:5px 12px}.hdf-n{flex:0 0 30%;font-size:12px;letter-spacing:-.25px;color:#818098}.hdf{flex:0 0 35%;background-color:initial;border:0;min-height:21px;cursor:pointer}.hdf span{border:0 solid #818098;display:block}.hdf.dashed span{border-style:dashed}.secToolbarButton{background:transparent;border:0;padding:6px;display:block;border-radius:2px;cursor:pointer}.secToolbarButton img{display:block}.secToolbarButton.isSelected{background-color:#d8d8d8}.github-picker{position:absolute!important;margin-top:-4px;z-index:5}.clearButton{font-size:16px;border-radius:2px;border:1px solid #c5c4d8;color:#818098;padding:10px 36px;background-color:#fff;margin-top:16px;cursor:pointer;text-align:center;transition:all .1s ease}.clearButton:hover{color:#444;border-color:#aaa}button:focus{outline-color:#288dff;outline-width:2px}@media screen and (max-width:480px){.clearButton{width:100%}}.literally .button-style-1{border:2px solid transparent;border-radius:3px;text-decoration:none;cursor:pointer}.literally .button-style-1.selected:not(.disabled){background-color:#a1d9fe}.literally .button-style-1:hover:not(.disabled){border-color:#a1d9fe}.literally .button-style-1.disabled{cursor:default;opacity:.3}.literally.toolbar-at-top .lc-drawing{bottom:0;top:0}.literally.toolbar-at-top .lc-options{top:0;border-bottom:1px solid #555}.literally.toolbar-at-bottom .lc-drawing{bottom:0;top:0}.literally.toolbar-at-bottom .lc-options{bottom:0;border-top:1px solid #555}.literally.toolbar-hidden .lc-drawing{left:0;right:0;bottom:0;top:0}.literally.toolbar-hidden .lc-options,.literally.toolbar-hidden .lc-picker{display:none}.literally{position:relative;border:1px solid #c5c4d8;border-radius:2px;min-height:200px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-touch-action:none;user-select:none}.literally,.literally *{box-sizing:border-box}.literally>*{position:absolute}.literally .lc-picker{top:0;left:0;bottom:0;width:61px;background-color:#e6e6e6}.literally .lc-drawing{right:0;bottom:0;left:0}.literally .lc-drawing>*{position:absolute;top:0;right:0;bottom:0;left:0}.literally .lc-drawing.with-gui{right:0;left:0;cursor:default}.literally .lc-drawing.with-gui .polygon-toolbar{top:auto;height:31px}.literally .lc-drawing.with-gui .polygon-toolbar .polygon-toolbar-button{float:left}.literally .lc-drawing.with-gui .text-tool-input:focus{outline:none}.literally .lc-picker{z-index:1001;border-right:1px solid #555}.literally .lc-picker .toolbar-button{width:26px;height:26px;line-height:26px;margin:2px;padding:0;text-align:center;border:2px solid transparent;border-radius:3px;text-decoration:none;cursor:pointer}.literally .lc-picker .toolbar-button.selected:not(.disabled){background-color:#a1d9fe}.literally .lc-picker .toolbar-button:hover:not(.disabled){border-color:#a1d9fe}.literally .lc-picker .toolbar-button.disabled{cursor:default;opacity:.3}.literally .lc-picker .thin-button{cursor:pointer;float:left;position:relative}.literally .lc-picker .fat-button{clear:both;width:56px}.literally .lc-picker .lc-pick-tool,.literally .lc-picker .lc-redo,.literally .lc-picker .lc-undo,.literally .lc-picker .lc-zoom-in,.literally .lc-picker .lc-zoom-out{background-size:100% auto;background-repeat:no-repeat;background-position:50%}.literally .color-well{font-size:10px;float:left;width:60px}.literally .color-well.open{background-color:#a1d9fe}.literally .color-well-color-container{border-radius:3px;border:1px solid #aaa;position:relative;width:28px;height:28px;margin:1px auto;overflow:visible;text-decoration:none;cursor:pointer}.literally .color-well-color-container.selected:not(.disabled){background-color:#a1d9fe}.literally .color-well-color-container:hover:not(.disabled){border-color:#a1d9fe}.literally .color-well-color-container.disabled{cursor:default;opacity:.3}.literally .color-well-color-container .color-well-checker{position:absolute;width:50%;height:50%;background-color:#000}.literally .color-well-color-container .color-well-checker-top-left{border-top-left-radius:3px}.literally .color-well-color-container .color-well-checker-bottom-right{border-bottom-right-radius:3px}.literally .color-well-color-container .color-well-color{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px}.literally .color-picker-popup{position:absolute;z-index:1;background-color:#fff;border:1px solid #555;left:60px;bottom:0}.literally .color-picker-popup .color-row{clear:both}.literally .color-picker-popup .color-row .color-cell{cursor:pointer;width:20px;height:20px;line-height:20px;float:left}.literally .color-picker-popup .color-row .color-cell.selected,.literally .color-picker-popup .color-row .color-cell:hover{border:1px solid #555;line-height:18px}.literally .color-picker-popup .color-row .color-cell.transparent-cell{width:100%}.literally .horz-toolbar{height:31px;background-color:#e6e6e6}.literally .horz-toolbar .label,.literally .horz-toolbar span{line-height:30px;margin:0 .25em;font-size:12px}.literally .horz-toolbar span{float:left}.literally .horz-toolbar .square-toolbar-button{border-radius:3px;margin:1px;border:1px solid #aaa;width:28px;height:28px;float:left;position:relative;text-decoration:none;cursor:pointer}.literally .horz-toolbar .square-toolbar-button.selected:not(.disabled){background-color:#a1d9fe}.literally .horz-toolbar .square-toolbar-button:hover:not(.disabled){border-color:#a1d9fe}.literally .horz-toolbar .square-toolbar-button.disabled{cursor:default;opacity:.3}.literally .horz-toolbar .square-toolbar-button img{max-width:100%;max-height:100%}.literally .horz-toolbar .square-toolbar-button label{position:absolute;top:0;right:0;bottom:0;left:0;line-height:26px;margin:auto;float:none;text-align:center}.literally .polygon-toolbar{position:absolute;border-top:1px solid #555;border-bottom:1px solid #555;width:100%}.literally.toolbar-at-bottom .polygon-toolbar{top:-100%}.literally.toolbar-at-top .polygon-toolbar{top:100%}.literally .lc-options{z-index:1;right:0;left:0}.literally .lc-options .lc-font-settings{height:30px;line-height:31px;padding-left:4px;background-color:#f5f5f5}.literally .lc-options .lc-font-settings input{margin:0 .5em 0 0}.literally .lc-options .lc-font-settings input[type=checkbox]{margin:0 .5em}
/*# sourceMappingURL=main.717ea3cf.chunk.css.map */