body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.image-transformer{align-items:center;background-color:#1a1a1a;color:#f0f0f0;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;left:0;min-height:100vh;overflow:hidden;position:fixed;top:0;width:100vw}.image-transformer h1{font-size:2.5rem;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.image-cell{align-items:flex-start;gap:40px;height:100%;left:0;position:absolute;top:0}.image-cell img{max-height:calc(70vh - 50px);position:relative;top:50px}.editor{left:0;position:fixed;top:50px}.editor canvas{position:relative;touch-action:pinch-zoom}.editor-settings{margin-left:10px}.editor .toolbar{color:#f0f0f0;display:flex;width:100%}.editor .toolbar .toolopt{left:10px;position:relative;width:40%}.brush-opts{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr}.editor .toolbar button{background-color:#777;border-radius:12px;color:#f0f0f0;width:20%}.editor-opacity{display:flex}.image-container .toolbox{align-content:center;height:100%;position:fixed;right:0}.image-container .toolbox .transformations{height:85%;overflow-x:hidden;overflow-y:auto;right:0}.license{word-wrap:break-word;align-content:center;font-size:10px;justify-content:center;left:10px;overflow-wrap:break-word;position:relative;text-align:center;width:10px}.license a{color:#f0f0f0;font-weight:700}.image-container{align-items:center;display:flex;flex-direction:row;max-width:100%;padding:20px}.image-view{flex-grow:4}.toolbox-container{background-color:#222;flex-grow:1;padding:20px;width:320px}.custom-hr{border-top:1px solid #fff;display:inline;width:200px}.select-box-selected{outline:2px solid #777}.widget-card{padding:10px 20px}.widget-card:hover{background-color:#777}.image-transformer input[type=file]{background-color:#555;border:1px solid #777;color:#fff;cursor:pointer;margin-bottom:20px;padding:10px;transition:all .3s ease}.image-transformer input[type=file]:hover{background-color:#666;border-color:#888}.button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:10px 20px;transition:background-color .3s ease}.button-light{background-color:#d3d3d3}.button-light:hover{background-color:silver}.button-medium{background-color:#a9a9a9}.button-medium:hover{background-color:grey}.button-dark{background-color:#696969}.button-dark:hover{background-color:#505050}.slider-controls{align-items:center;display:flex;flex-direction:column;margin-top:15px;width:100%}.slider-controls label{font-size:1rem;margin-bottom:5px}.slider{-webkit-appearance:none;appearance:none;background-color:#333;margin-bottom:20px;width:80%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fff;cursor:pointer;height:15px;width:15px}.slider::-moz-range-thumb{background-color:#fff;cursor:pointer;height:15px;width:15px}.transformed-image,.uploaded-image{border:1px solid #555;box-shadow:0 4px 12px #00000080;max-width:100%}.convert-button{background-color:#000;border:1px solid #555;color:#fff;cursor:pointer;font-size:1rem;letter-spacing:1px;margin-top:20px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.convert-button:hover{background-color:#333;border-color:#777;color:#f0f0f0}@media (max-width:768px){.image-transformer h1{font-size:1.8rem}.convert-button{font-size:.9rem;padding:10px 20px}}
/*# sourceMappingURL=main.8030a071.css.map*/