@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@1,500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter&display=swap);:root{--base-black:#18181f;--base-white:#e5e5ec;--white-10:#c9c9d0;--transition-time:0.15s;--base-white-filter:invert(93%) sepia(6%) saturate(182%) hue-rotate(202deg) brightness(86%) contrast(91%)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#18181f;background-color:var(--base-black);color:#e5e5ec;color:var(--base-white);font-family:Noto Sans,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:900px;min-height:100vh;padding:0 1rem;text-align:center}.TitleRow{align-content:center;display:flex;margin-bottom:1rem}.TitleRow>:not(:first-child){margin-left:1rem}.Icon{width:1.6rem}.Title{font-family:Rubik,sans-serif;font-size:1.15rem}.Info{color:var(--white-10);display:flex;font-size:.8rem;font-weight:500;text-align:left;width:100%}.InfoIcon{-webkit-filter:invert(93%) sepia(6%) saturate(182%) hue-rotate(202deg) brightness(86%) contrast(91%);filter:invert(93%) sepia(6%) saturate(182%) hue-rotate(202deg) brightness(86%) contrast(91%);margin:1rem 1rem 1rem 0}.GitHub{color:var(--white-10);cursor:pointer;display:flex;text-decoration:underline}.GitHubIcon{-webkit-filter:invert(93%) sepia(6%) saturate(182%) hue-rotate(202deg) brightness(86%) contrast(91%);filter:invert(93%) sepia(6%) saturate(182%) hue-rotate(202deg) brightness(86%) contrast(91%);height:1.5rem;margin:0 1rem 0 0}.Spacer{height:6rem}.DropZone{background-color:rgba(0,0,0,.25);border-radius:.4rem;height:586px;position:relative;width:100%}.ImageIcon{-webkit-filter:var(--base-white-filter);filter:var(--base-white-filter);width:3rem}.LoadingContainer{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;padding:0 3rem;position:absolute;transition:all var(--transition-time);width:100%}.DropZone.Loading>.LoadingContainer{opacity:1}.DropCallToAction{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;transition:all var(--transition-time);width:100%;z-index:100}.DropZone.Done>.DropCallToAction,.DropZone.Loading>.DropCallToAction{opacity:0;pointer-events:none;z-index:auto}.ResizedContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;padding:0 2rem;pointer-events:none;position:absolute;transition:all var(--transition-time);width:calc(100% - 4rem)}.ResizedContainer>.Label{display:flex;justify-content:flex-start;width:100%}.DropZone.Done>.ResizedContainer{opacity:1;pointer-events:auto}.ResizedRow{grid-column-gap:1rem;display:grid;grid-template-columns:repeat(3,1fr);margin:.25rem 0 1rem;width:100%}.ResizedRow>div{align-self:end;text-align:center}.ImageSize{color:var(--white-10);font-size:.8rem}.SourceImage{display:none}.Label{color:#535283;font-size:.8rem;font-weight:700}.BottomBar{align-items:center;display:flex;justify-content:space-between;width:100%}.BottomBar>.ButtonContainer{align-items:center;display:flex;justify-content:flex-end}.BottomBar>.ButtonContainer>.Button{margin-right:0}.Button{background-color:rgba(83,82,131,.5);border-radius:.4rem;box-shadow:0 0 0 2px rgba(0,0,0,.5),inset 0 1px 1px hsla(0,0%,100%,.2);cursor:pointer;font-size:1.2rem;font-weight:700;margin:.8rem;padding:.2rem 1.3rem;transition:background-color 0s,box-shadow var(--transition-time);-webkit-user-select:none;user-select:none}.Button:hover{box-shadow:0 0 0 4px rgba(0,0,0,.5),inset 0 1px 1px hsla(0,0%,100%,.2)}.Button:active{background-color:#535283}.ProgressBar{background-color:hsla(0,0%,100%,.15);border-radius:.4rem;box-shadow:0 0 0 2px rgba(0,0,0,.5),inset 0 1px 1px hsla(0,0%,100%,.2);height:1.6rem;overflow:hidden;transition:all var(--transition-time);width:100%}.ProgressBarInner{background-color:var(--white-10);border-radius:.4rem;height:100%;transition:all .2s}.TwitchPreview{align-items:center;background-color:#18181b;border-radius:.4rem;box-shadow:0 0 0 2px rgba(0,0,0,.5),inset 0 1px 1px hsla(0,0%,100%,.2);color:#efeff1;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:700;height:38px;justify-content:space-between;margin-bottom:1rem;padding:0 .7rem;transition:color var(--transition-time),background-color var(--transition-time);width:320px}.TwitchPreview:hover{box-shadow:0 0 0 4px rgba(0,0,0,.5),inset 0 1px 1px hsla(0,0%,100%,.2)}.TwitchPreview.Light{background-color:#f7f7f8;color:#0e0e10}.TwitchPreview.Light>*>*>.Username{color:#008063}.ChatMessage{align-items:center;display:flex;justify-content:flex-start}.Username{color:#32c3a2;transition:color var(--transition-time)}.EmotePreview{margin-left:.4rem;width:28px}.BadgePreview{margin-right:.3rem;width:18px}.DarkToggle{align-items:center;display:flex}.MoonIcon{-webkit-filter:invert(81%) sepia(13%) saturate(18%) hue-rotate(202deg) brightness(113%) contrast(99%);filter:invert(81%) sepia(13%) saturate(18%) hue-rotate(202deg) brightness(113%) contrast(99%);height:1.2rem;margin-right:.4rem;transition:-webkit-filter var(--transition-time);transition:filter var(--transition-time);transition:filter var(--transition-time),-webkit-filter var(--transition-time)}.MoonIcon.Light{-webkit-filter:invert(3%) sepia(4%) saturate(2297%) hue-rotate(201deg) brightness(95%) contrast(94%);filter:invert(3%) sepia(4%) saturate(2297%) hue-rotate(201deg) brightness(95%) contrast(94%)}.ToggleSwitch{align-items:center;border:3px solid;border-radius:1rem;cursor:pointer;display:flex;height:1rem;width:2rem}.ToggleSwitch>.Inner{border:.375rem solid;border-radius:1rem;-webkit-transform:translateX(.1rem);transform:translateX(.1rem);transition:-webkit-transform var(--transition-time);transition:transform var(--transition-time);transition:transform var(--transition-time),-webkit-transform var(--transition-time);width:0}.ToggleSwitch.On>.Inner{-webkit-transform:translateX(1.1rem);transform:translateX(1.1rem)}.ResizedImage{background-color:rgba(83,82,131,.1);border-radius:.4rem;box-shadow:0 0 0 2px rgba(0,0,0,.5),inset 0 1px 1px hsla(0,0%,100%,.2);overflow:hidden;transition:box-shadow var(--transition-time)}.ResizedImage:active{background-color:#535283}.ResizedImage:hover{box-shadow:0 0 0 4px rgba(0,0,0,.5),inset 0 1px 1px hsla(0,0%,100%,.2)}.ResizedImage>.Preview{align-items:center;display:flex;height:calc(112px + 2rem);justify-content:center}.ResizedImage>.Info{align-items:center;background-color:#535283;box-sizing:border-box;display:flex;justify-content:space-between;padding:.5rem}.ResizedImage>.Info>.FileSize{font-weight:700}
/*# sourceMappingURL=main.553ea572.css.map*/