.toolbar-container{inset:0;pointer-events:none;position:absolute;z-index:30}.toolbar{background:rgba(0,0,0,.3);border:2px solid rgba(0,0,0,.05);border-radius:7px;box-shadow:3px -3px 60px 5px rgba(0,0,0,.3);float:right;height:30px;margin:5px;pointer-events:all}.info-messages{background:linear-gradient(transparent,rgba(0,0,0,.6));bottom:0;height:inherit;max-height:inherit;min-height:inherit;opacity:0;position:absolute;width:100%}.info-messages p{color:hsla(0,0%,100%,.5);font-size:14px;opacity:0;text-align:center}.loading-anim:after{-webkit-animation:dots 2s steps(5) 1s infinite;animation:dots 2s steps(5) 1s infinite;content:"."}.fade-in{-webkit-animation:fade-in .6s cubic-bezier(.23,1,.32,1) forwards;animation:fade-in .6s cubic-bezier(.23,1,.32,1) forwards;-webkit-animation-delay:.8s;animation-delay:.8s}.fade-in p{-webkit-animation:fade-in .6s cubic-bezier(.25,.46,.45,.94) forwards;animation:fade-in .6s cubic-bezier(.25,.46,.45,.94) forwards;-webkit-animation-delay:1s;animation-delay:1s}button{border:none;border-radius:7px;cursor:pointer;height:30px;transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out;width:30px}button:active{-webkit-transform:scale(.9);transform:scale(.9)}button:disabled{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.4;transition:all .1s ease-in}#clear{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zIDBhMyAzIDAgMCAwLTMgM3YxMmEzIDMgMCAwIDAgMyAzaDEyYTMgMyAwIDAgMCAzLTNWM2EzIDMgMCAwIDAtMy0zSDNabTEuOTI3IDEzLjA3M2ExLjQzOCAxLjQzOCAwIDAgMSAwLTIuMDM0TDYuOTY3IDkgNC45MjcgNi45NmExLjQzOCAxLjQzOCAwIDAgMSAyLjAzNC0yLjAzM0w5IDYuOTY3bDIuMDM5LTIuMDRhMS40MzggMS40MzggMCAwIDEgMi4wMzMgMi4wMzNMMTEuMDMzIDlsMi4wNCAyLjA0YTEuNDM4IDEuNDM4IDAgMSAxLTIuMDM0IDIuMDMzTDkgMTEuMDMzbC0yLjA0IDIuMDRhMS40MzggMS40MzggMCAwIDEtMi4wMzMgMFoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjY1Ii8+PC9zdmc+);background-position:50%;background-repeat:no-repeat}#mosaic{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMS44QTEuOCAxLjggMCAwIDEgMS44IDBoMS45MDZ2My43MDZIMFYxLjhaIiBmaWxsPSIjNENEOUZGIiBmaWxsLW9wYWNpdHk9Ii44Ii8+PHBhdGggZD0iTTAgNC43NjZoMy43MDZ2My43MDZIMFY0Ljc2NloiIGZpbGw9IiMxMUNGRkYiIGZpbGwtb3BhY2l0eT0iLjgiLz48cGF0aCBkPSJNMCA5LjUzaDMuNzA2djMuNzA2SDBWOS41M1oiIGZpbGw9IiM0Q0Q5RkYiIGZpbGwtb3BhY2l0eT0iLjgiLz48cGF0aCBkPSJNMCAxNC4yOTRoMy43MDZWMThIMS44QTEuOCAxLjggMCAwIDEgMCAxNi4ydi0xLjkwNloiIGZpbGw9IiM4QUU2RkYiIGZpbGwtb3BhY2l0eT0iLjgiLz48cGF0aCBkPSJNNC43NjQgMEg4LjQ3djMuNzA2SDQuNzY0VjBaIiBmaWxsPSIjMjZBQkZBIiBmaWxsLW9wYWNpdHk9Ii44Ii8+PHBhdGggZD0iTTQuNzY0IDQuNzY2SDguNDd2My43MDZINC43NjRWNC43NjZaIiBmaWxsPSIjM0E4N0Y1IiBmaWxsLW9wYWNpdHk9Ii44Ii8+PHBhdGggZD0iTTQuNzY0IDkuNTNIOC40N3YzLjcwNkg0Ljc2NFY5LjUzWiIgZmlsbD0iIzExQ0ZGRiIgZmlsbC1vcGFjaXR5PSIuOCIvPjxwYXRoIGQ9Ik00Ljc2NCAxNC4yOTRIOC40N1YxOEg0Ljc2NHYtMy43MDZaIiBmaWxsPSIjNENEOUZGIiBmaWxsLW9wYWNpdHk9Ii44Ii8+PHBhdGggZD0iTTkuNTMxIDBoMy43MDZ2My43MDZIOS41MzFWMFoiIGZpbGw9IiNGRkI4MUUiIGZpbGwtb3BhY2l0eT0iLjgiLz48cGF0aCBkPSJNOS41MzEgNC43NjZoMy43MDZ2My43MDZIOS41MzFWNC43NjZaIiBmaWxsPSIjRkY3QTJCIiBmaWxsLW9wYWNpdHk9Ii44Ii8+PHBhdGggZD0iTTkuNTMxIDkuNTNoMy43MDZ2My43MDZIOS41MzFWOS41M1oiIGZpbGw9IiMzNTU3QkEiIGZpbGwtb3BhY2l0eT0iLjgiLz48cGF0aCBkPSJNOS41MyAxNC4yOTRoMy43MDZWMThIOS41M3YtMy43MDZaIiBmaWxsPSIjMTFDRkZGIiBmaWxsLW9wYWNpdHk9Ii44Ii8+PHBhdGggZD0iTTE0LjI5NiAwaDEuOTA2YTEuOCAxLjggMCAwIDEgMS44IDEuOHYxLjkwNmgtMy43MDZWMFoiIGZpbGw9IiNGRjdBMkIiIGZpbGwtb3BhY2l0eT0iLjgiLz48cGF0aCBkPSJNMTQuMjk2IDQuNzY2aDMuNzA2djMuNzA2aC0zLjcwNlY0Ljc2NloiIGZpbGw9IiNGRjNEMzgiIGZpbGwtb3BhY2l0eT0iLjgiLz48cGF0aCBkPSJNMTQuMjk2IDkuNTNoMy43MDZ2My43MDZoLTMuNzA2VjkuNTNaIiBmaWxsPSIjRkY3QTJCIiBmaWxsLW9wYWNpdHk9Ii44Ii8+PHBhdGggZD0iTTE0LjI5NiAxNC4yOTRoMy43MDZWMTYuMmExLjggMS44IDAgMCAxLTEuOCAxLjhoLTEuOTA2di0zLjcwNloiIGZpbGw9IiMzNTNEOUUiIGZpbGwtb3BhY2l0eT0iLjgiLz48L3N2Zz4=);background-position:50%;background-repeat:no-repeat}#download{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjA0LjcwNmEyIDIgMCAwIDAtMiAydjE0YTIgMiAwIDAgMCAyIDJoMTRhMiAyIDAgMCAwIDItMnYtMTRhMiAyIDAgMCAwLTItMmgtMTRabTcgMy4xOGMtLjg4NiAwLTEuNjAzLjcxOC0xLjYwMyAxLjYwM3YzLjQwNWgtLjI4M2MtLjA1OC4wMDItLjExNy4wMDItLjE3NS4wMDMtLjQ2Mi4wMDYtLjkxNS4wMTEtMS4yNjMuMzZhMS42IDEuNiAwIDAgMCAwIDIuMjYyTDcuOCAxMy42MDRhMS42MDIgMS42MDIgMCAwIDAgMi4zNzIuMTE3bDIuMTg5LTIuMTlhMS42MDIgMS42MDIgMCAwIDAgMC0yLjI2NmMtLjQwMS0uNC0xLjExOC0uMzc3LTEuNTQyLS4zNjNhNS43MDUgNS43MDUgMCAwIDEtLjE3OC4wMDVWNS40ODljMC0uODg1LS43MTctMS42MDItMS42MDItMS42MDJaIiBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9Ii42NSIvPjwvc3ZnPg==);background-position:50%;background-repeat:no-repeat}#mosaic:not(:disabled){-webkit-animation:shake 2.5s cubic-bezier(.36,.07,.19,.97);animation:shake 2.5s cubic-bezier(.36,.07,.19,.97);-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:3;animation-iteration-count:3}@-webkit-keyframes shake{8%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}16%{-webkit-transform:rotate(-5deg) scale(1.11);transform:rotate(-5deg) scale(1.11)}24%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}32%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}40%{-webkit-transform:rotate(5deg) scale(1);transform:rotate(5deg) scale(1)}48%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes shake{8%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}16%{-webkit-transform:rotate(-5deg) scale(1.11);transform:rotate(-5deg) scale(1.11)}24%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}32%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}40%{-webkit-transform:rotate(5deg) scale(1);transform:rotate(5deg) scale(1)}48%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes dots{0%,20%{color:transparent;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}40%{color:hsla(0,0%,100%,.5);text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}60%{text-shadow:.25em 0 0 hsla(0,0%,100%,.5),.5em 0 0 transparent}80%,to{text-shadow:.25em 0 0 hsla(0,0%,100%,.5),.5em 0 0 hsla(0,0%,100%,.5)}}@keyframes dots{0%,20%{color:transparent;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}40%{color:hsla(0,0%,100%,.5);text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}60%{text-shadow:.25em 0 0 hsla(0,0%,100%,.5),.5em 0 0 transparent}80%,to{text-shadow:.25em 0 0 hsla(0,0%,100%,.5),.5em 0 0 hsla(0,0%,100%,.5)}}input[type=file]{border:none;border-radius:8px;cursor:pointer;display:block;height:inherit;max-height:inherit;max-width:inherit;min-height:inherit;min-width:inherit;opacity:0;position:absolute;text-transform:none;width:inherit}.error{bottom:20px;color:hsla(0,0%,100%,.2);font-size:14px;margin:20px;position:absolute;text-align:center}.attribution{font-size:13px!important;padding-top:10px;text-transform:lowercase}.attribution path{fill:hsla(0,0%,100%,.3)}.attribution a{color:hsla(0,0%,100%,.2);font-size:13px;font-weight:500;text-transform:uppercase;transition:color .2s ease-in}.attribution a:hover{color:hsla(0,0%,100%,.8)}.slider{margin:40px 0;width:300px}.slider input[type=range]{-webkit-appearance:none;background:hsla(0,0%,100%,.2);border-radius:2px;height:2px;margin:0;transition:background .1s ease-in;width:100%}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#b3b3b3;border-radius:50%;cursor:pointer;height:10px;-webkit-transition:background .1s ease-in;transition:background .1s ease-in;width:10px}.slider input[type=range]:disabled{background:hsla(0,0%,100%,.1)}.slider input[type=range]:disabled::-webkit-slider-thumb{background:#292929;cursor:unset}.slider .values{display:flex;justify-content:space-between;margin:0 -5px}.slider .values span{color:hsla(0,0%,100%,.2);cursor:pointer;font-size:14px;letter-spacing:1px;transition:color .2s ease-in;-webkit-user-select:none;-ms-user-select:none;user-select:none}.active{color:hsla(0,0%,100%,.6)!important}.desc{align-items:center;display:flex;flex-direction:column;left:50%;margin-top:30px;max-width:500px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.desc p{color:hsla(0,0%,100%,.2);font-size:14px;margin:0 10px;text-align:center}.overlay{background:#000;inset:0;position:fixed;z-index:100}.app{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.mosaic{border-radius:6px;height:30vw;max-height:500px;max-width:500px;min-height:340px;min-width:340px;overflow:hidden;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:30vw}.mosaic img{border-radius:inherit;height:inherit;max-height:inherit;max-width:inherit;min-height:inherit;min-width:inherit;object-fit:cover;object-position:center;position:absolute;width:inherit;z-index:10}.mosaic .image-overlay{align-items:center;border:2px dashed hsla(0,0%,100%,.2);border-radius:inherit;display:flex;flex-direction:column;inset:0;justify-content:center;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.mosaic .image-overlay svg{margin:20px}.mosaic .image-overlay p{color:hsla(0,0%,100%,.2);font-size:14px;margin:2px 0}.mosaic .image-overlay p span{color:hsla(0,0%,100%,.3);cursor:pointer;pointer-events:all;text-decoration:underline;transition:color .2s ease-in}.mosaic .image-overlay p span:hover{color:hsla(0,0%,100%,.8)}.bits{grid-gap:0;border-radius:inherit;display:grid;height:inherit;max-height:inherit;max-width:inherit;min-height:inherit;min-width:inherit;pointer-events:none;position:absolute;width:inherit;z-index:20}canvas{touch-action:none;transition:opacity .2s cubic-bezier(.445,.05,.55,.95)}.hidden{opacity:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;scrollbar-width:none}body::-webkit-scrollbar{display:none}
/*# sourceMappingURL=main.71b0faca.css.map*/