body{background-color:#f6f6fc;margin:0;overflow:hidden}.App{text-align:center}.global-div{height:calc(100vh - 32px);padding:16px;box-sizing:border-box}.image{padding:0}.image,.image-wrapper{width:100%;height:100%}.image-wrapper{display:flex;padding:0 16px}.input{width:25%;background-color:#fff;border:1px solid #000;margin:16px 16px 16px 0;font-size:1rem}.scrollable-image{width:75%;border:1px solid #000;margin:16px 0;height:calc(100% - 32px);overflow:hidden;cursor:grab}.scrollable-image:active{cursor:grabbing}:root{--border-size:0.125rem;--duration:250ms;--ease:cubic-bezier(0.215,0.61,0.355,1);--font-family:monospace;--color-primary:#fff;--color-secondary:#000;--color-tertiary:#1e90ff;--shadow:rgba(0,0,0,0.1);--space:1rem}*{box-sizing:border-box}.multi-button{display:flex;width:100%;place-items:center;padding:0 16px}.multi-button button{flex-grow:1;cursor:pointer;position:relative;padding:calc(var(--space)/1.125) var(--space) var(--space);border:var(--border-size) solid #000;color:var(--color-secondary);background-color:var(--color-primary);font-size:1rem;font-family:var(--font-family);text-transform:lowercase;text-shadow:var(--shadow) 2px 2px;transition:flex-grow var(--duration) var(--ease)}.multi-button button+button{border-left:var(--border-size) solid #000;margin-left:calc(var(--border-size)*-1)}.multi-button button:focus,.multi-button button:hover{flex-grow:2;color:#fff;outline:none;text-shadow:none;background-color:var(--color-secondary)}.multi-button button:focus{outline:var(--border-size) dashed var(--color-primary);outline-offset:calc(var(--border-size)*-3)}.multi-button:hover button:focus:not(:hover){flex-grow:1;color:var(--color-secondary);background-color:var(--color-primary);outline-color:var(--color-tertiary)}.multi-button button:active{transform:translateY(var(--border-size))}
/*# sourceMappingURL=main.34699fd0.chunk.css.map */