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}:root{--page-bg:#fff;--modal-bg:#fff;--modal-overlay-bg:hsla(0,0%,100%,0.75);--text:#000;--card-bg:#fafafa;--card-overlay-bg:#fafafa;--radio-selected-bg:#ddd;--radio-selected-text:#000;--input-bg:#fff;--input-border:#ddd;--button-bg:#fafafa}.dark{--page-bg:#111;--modal-bg:#111;--modal-overlay-bg:rgba(0,0,0,0.75);--text:#fff;--card-bg:#1c2126;--card-overlay-bg:#1c2126;--radio-selected-bg:#1c2126;--radio-selected-text:#fff;--input-bg:#111;--input-border:#1c2126;--button-bg:#1c2126}*,:after,:before{box-sizing:border-box}html{font-size:20px}#root,body,html{height:100%}.app{background:#fff;background:var(--page-bg);color:#000;color:var(--text);min-height:100%}header h2{text-transform:uppercase;font-size:.75rem;margin:0}.container{width:100%;max-width:1140px;position:relative;margin-left:auto;margin-right:auto}.overflow-x-auto{overflow-x:auto}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.d-grid{display:grid;grid-gap:1rem;margin:auto}@media (min-width:768px){.d-grid{grid-template-columns:1fr 1fr 1fr 1fr}}.p-20{padding:1rem}.px-20{padding-left:1rem;padding-right:1rem}.pt-20{padding-top:1rem}.pb-20{padding-bottom:1rem}.m-20{margin:1rem}.mt-20{margin-top:1rem}.mb-20{margin-bottom:1rem}.m-10{margin:.5rem}.mt-10{margin-top:.5rem}.mb-10{margin-bottom:.5rem}.mr-5{margin-right:5px}.modal{position:fixed;width:100vw;height:100vh;z-index:10;top:0;left:0;right:0;bottom:0;justify-content:center;background:hsla(0,0%,100%,.75);background:var(--modal-overlay-bg)}.modal,.modal header{display:flex;align-items:center}.modal header{padding:1rem 4.5rem 1rem 2rem;position:relative}.modal header h4{margin:0;font-size:.8rem}.modal .modal-content{background:#fafafa;background:var(--card-bg);box-shadow:0 0 12px -4px rgba(0,0,0,.2);border-radius:8px;background:#fff;background:var(--modal-bg)}.modal .modal-body{padding:1rem 2rem 2rem}.modal button.modal-close{background:transparent;border:0;position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;padding:1rem}.modal button.modal-close svg{fill:#000;fill:var(--text)}.image-specs-form form{display:flex;flex-direction:column}.image-specs-form input{margin-bottom:1rem;border-radius:4px;border:1px solid #ddd;border:1px solid var(--input-border);padding:.5rem;font-size:1rem;color:#000;color:var(--text);background:#fff;background:var(--input-bg)}.image-specs-form label{font-size:.6rem;margin-bottom:.5rem}.button,.image-specs-form label{text-transform:uppercase;font-weight:600}.button{border-radius:4px;border:0;padding:.75rem 1rem;color:#000;color:var(--text);background:#fafafa;background:var(--button-bg)}button:hover{cursor:pointer}.card{max-width:20rem;background:#fafafa;background:var(--card-bg);border-radius:.6rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.svg-preview-container{position:relative;overflow:hidden}.svg-preview-container:hover .svg-preview-actions{margin-bottom:0}.svg-preview{width:100%;height:8rem;overflow:hidden;padding:1rem;display:flex;align-items:center;justify-content:center}.svg-preview embed,.svg-preview iframe,.svg-preview img,.svg-preview object{width:100%;max-width:100%;max-height:100%;border:0}.svg-preview-actions{position:absolute;bottom:0;margin-bottom:-3rem;-webkit-transition:margin-bottom .2s ease-in-out;transition:margin-bottom .2s ease-in-out;width:100%;display:flex;justify-content:flex-end;border-top:1px solid #efefef;background:#fafafa;background:var(--card-overlay-bg);box-shadow:0 -5px 39px 0 rgba(0,0,0,.06)}.svg-preview-actions button{padding:.5rem 1rem}.dark .svg-preview-actions{border-top-color:#272e35;box-shadow:0 -5px 39px 0 hsla(0,0%,100%,.06)}.dark .svg-preview-actions button{color:#fff}.convert-png{text-transform:uppercase;font-size:.6rem;font-weight:600;background:transparent;border:0;display:flex;align-items:center;justify-content:center}.convert-png svg{margin-right:.25rem}.heading-variant{font-size:.75rem;text-transform:uppercase}.radio-button-group{display:flex;align-items:center}.radio-group-heading{text-transform:uppercase;font-weight:600;font-size:.6rem;margin-bottom:.5rem}.radio-button{position:absolute;left:-9999em;top:-9999em}.radio-button+label{padding:11px 20px;cursor:pointer;margin-right:-1px;text-transform:uppercase;font-size:.6rem;color:#000;color:var(--radio-selected-text);border:1px solid #ddd;border:1px solid var(--radio-selected-bg);white-space:nowrap}.radio-button+label:first-of-type{border-radius:2rem 0 0 2rem}.radio-button+label:last-of-type{border-radius:0 2rem 2rem 0}.radio-button:checked+label{color:#000;color:var(--radio-selected-text);background:#ddd;background:var(--radio-selected-bg);font-weight:700}.controls{margin:0 -1rem}.controls .radio-group{padding:1rem}.button-spinner{position:relative;min-height:45px}.lds-ripple{display:inline-block;position:absolute;width:80px;height:80px;-webkit-transform:scale(.5);transform:scale(.5);top:2.5px;bottom:0;left:0;right:0;margin:auto;opacity:.5}.lds-ripple div{position:absolute;border:4px solid #000;border:4px solid var(--text);opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}
/*# sourceMappingURL=main.bb4dadb4.chunk.css.map */