*{box-sizing:border-box;font-family:"Roboto",Arial,"Helvetica Neue",Helvetica,sans-serif}body{margin:0;padding:0}html{font-size:16px}body,html{height:100%;width:100%;overflow:hidden}.tool-bar-btn svg{opacity:var(--button-opacity)!important;height:100%;width:100%;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms,stroke .2s cubic-bezier(.4,0,.2,1) 0ms!important}.tool-bar-btn.selected{background-color:var(--selected-btn-bg)}.tool-bar-btn{border-radius:50%;width:calc(var(--side-bar-size)*0.857);height:calc(var(--side-bar-size)*0.857);cursor:pointer}.tool-bar-btn.small-screen{width:calc(var(--side-bar-size)*0.714);height:calc(var(--side-bar-size)*0.714)}.tool-bar-btn.dark svg{fill:#fff!important;stroke:#fff!important}.tool-bar-btn.light svg{fill:#777!important;stroke:#777!important}.tool-bar-btn.disabled svg{opacity:.45!important}.tool-bar-btn.disabled{cursor:not-allowed}.tool-bar{display:grid;overflow-y:auto;overflow-x:hidden;justify-items:center;grid-template-rows:repeat(var(--number-of-tools),1fr);grid-template-columns:none;padding:0 0 0 5px}.tool-bar.small-screen{align-items:center;overflow-x:auto;overflow-y:hidden;grid-template-rows:none;grid-template-columns:repeat(var(--number-of-tools),1fr)}.status{display:flex;justify-content:center;align-items:center;overflow-y:auto;overflow-x:hidden;width:100%;flex-direction:column}.status.small-screen{height:100%;flex-direction:row}.status.light{border:none;border-top:1px solid rgba(0,0,0,var(--button-opacity))}.status.dark{border:none;border-top:1px solid rgba(255,255,255,var(--button-opacity))}.status.small-screen.light{border:none;border-left:1px solid rgba(0,0,0,var(--button-opacity))}.status.small-screen.dark{border:none;border-left:1px solid rgba(255,255,255,var(--button-opacity))}.tool-bar::-webkit-scrollbar{width:7px;height:7px}.tool-bar::-webkit-scrollbar-track{background-color:transparent}.tool-bar::-webkit-scrollbar-thumb{border-radius:3px}.tool-bar.light::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5)}.tool-bar.dark::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.5)}.change-pen-size.light{border:none;border-top:1px solid rgba(0,0,0,var(--button-opacity))}.change-pen-size.dark{border:none;border-top:1px solid rgba(255,255,255,var(--button-opacity))}.change-pen-size.small-screen.light{border:none;border-left:1px solid rgba(0,0,0,var(--button-opacity))}.change-pen-size.small-screen.dark{border:none;border-left:1px solid rgba(255,255,255,var(--button-opacity))}.change-pen-size{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-grow:1;min-width:auto!important;width:100%;height:auto}.change-pen-size-input{background-color:transparent;border:none;text-align:center;font-size:1.1rem;outline:none;width:3ch;min-width:3ch}.change-pen-size.dark .change-pen-size-input{color:#fff}.change-pen-size.light .change-pen-size-input{color:#000}.change-pen-size.small-screen{margin-left:10px;flex-direction:row;height:100%;width:auto}.current-color{border-radius:50%;width:calc(var(--side-bar-size)*0.571);height:calc(var(--side-bar-size)*0.571);margin:10px}.current-color.small-screen{margin:0 0 0 10px;width:calc(var(--side-bar-size)*0.5);height:calc(var(--side-bar-size)*0.5)}.current-color.light{border:2px solid rgba(0,0,0,var(--button-opacity))}.current-color.dark{border:2px solid rgba(255,255,255,var(--button-opacity))}.github-repo-link{border-radius:50%;width:calc(var(--side-bar-size)*0.571);height:calc(var(--side-bar-size)*0.571);margin:10px}.github-repo-link.small-screen{width:calc(var(--side-bar-size)*0.5);height:calc(var(--side-bar-size)*0.5);margin:0 5px}.github-repo-link.dark svg path{fill:#fff!important}.github-repo-link.light svg path{fill:#1b1817!important}.open-image-dialog-input{display:grid;grid-template-columns:.4fr 1fr;align-items:center;margin:3px 0}.open-image-dialog-input label{text-align:right;margin-right:20px}.app-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.app-container.small-screen{flex-direction:column-reverse}