@import url(https://fonts.googleapis.com/css?family=Exo+2);body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333;color:#aaa}*{font-family:"Exo 2",sans-serif}a:active,a:focus,button::-moz-focus-inner,button:focus,input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,select::-moz-focus-inner{outline:none!important}select:-moz-focusring input:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}input::-moz-focus-inner{border:0;outline:none}input:focus-within{border:0;outline:none}button{color:#aaa;background-color:#222;border:none}button:hover{color:#ddd;background-color:#2f2f2f;opacity:.8}button.active{background-color:#999;color:#333}button:active{outline:#aaa;border:none}button:focus{outline:1px solid #aaa;border:none}input[type=range]{height:20px;-webkit-appearance:none;margin:2px 0;width:100%;background-color:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;box-shadow:0 0 0 #000;background:#b6b6b6;border-radius:0;border:1px solid #8a8a8a}input[type=range]::-webkit-slider-thumb{box-shadow:1px 1px 1px #828282;height:26px;width:12px;border-radius:3px;background:#e6e6e6;cursor:pointer;-webkit-appearance:none;margin-top:-11.5px}input[type=range]:focus::-webkit-slider-runnable-track{background:#b6b6b6}input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#b6b6b6;border-radius:0;border:1px solid #8a8a8a}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #828282;border:1px solid #8a8a8a;height:26px;width:12px;border-radius:3px;background:#e6e6e6;cursor:pointer}input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#b6b6b6;border:1px solid #8a8a8a;border-radius:0;box-shadow:0 0 0 #000}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:1px 1px 1px #828282;border:1px solid #8a8a8a;height:26px;width:12px;border-radius:3px;background:#e6e6e6;cursor:pointer}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#b6b6b6}input[type=radio]{-webkit-appearance:none;background-color:#aaa;border-radius:.5em;width:1em;height:1em}input[type=radio]:checked{box-shadow:0 0 1px 1px grey,inset 0 0 .8em #000}input[type=radio]:focus{outline:none;border:none;box-shadow:0 0 1px 1px #fff}input[type=radio]:focus:checked{box-shadow:0 0 1px 1px #fff,inset 0 0 .8em #000}input[type=checkbox]{-webkit-appearance:none;background-color:#aaa;border-radius:.1em;width:2em;height:1em}input[type=checkbox]:checked{background-color:#999;box-shadow:0 0 1px 1px grey,inset 0 0 .8em #000}input[type=checkbox]:focus{outline:none;border:none;box-shadow:0 0 1px 1px #fff}input[type=checkbox]:focus:checked{box-shadow:0 0 1px 1px #fff,inset 0 0 .8em #000}.App{text-align:center}.PreviewImage{display:flex;align-items:center;justify-content:stretch;width:198px;margin:8px;flex-direction:column;background-color:#aaa}.PreviewImage:hover{opacity:.9}.PreviewImage a{width:196px;text-decoration:none;color:inherit}.PreviewImage .ImageHolder,.PreviewImage a{display:flex;flex:auto;justify-self:stretch;justify-content:center;flex-direction:column}.PreviewImage .ImageHolder{min-height:120px}.PreviewImage .ImageHolder .LazyImage{display:flex;align-self:center}.PreviewImage .ImageHolder .LazyImage.error{color:#8b0000}.PreviewImage .Label{display:flex;flex:auto;justify-content:center;flex-direction:column;text-align:center;background-color:#ddd;padding:.1em .5em;overflow:hidden}.FileList{display:flex;flex-wrap:wrap;justify-content:space-evenly;background-color:#444}.FileCompare{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center}.FileCompare .FileInfo{color:#ccc}.FileCompare .FallbackImage{max-width:90vw;max-height:90vh}.FileCompare.pixelated img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.FileCompare.auto img{image-rendering:auto}.FileCompare.crisp-edges img{image-rendering:crisp-edges}.CompareImage{position:relative}.CompareImage.pixelated img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.CompareImage.auto img{image-rendering:auto}.CompareImage.crisp-edges img{image-rendering:crisp-edges}.CompareImage .SnapshotArea{display:inline-flex;vertical-align:middle;background-color:#2f2f2f;height:100px;width:100%;justify-content:space-evenly}.CompareImage .SnapshotArea canvas{height:100px}.CompareImage .SettingsTable{margin:auto;outline:1px solid #777}.CompareImage .SettingsTable th{font-weight:400;text-align:right}.CompareImage .SettingsTable td{text-align:left}.CompareImage .ValueSliderContainer,.CompareImage .ZoomSliderContainer{display:flex;flex-direction:row}.CompareImage .OverlayContainer{margin-left:auto;margin-right:auto;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.CompareImage .OverlayContainer.loading{background-color:#000}.CompareImage .OverlayContainer.loading .ZoomLayer{opacity:0}.CompareImage .OverlayContainer .ZoomLayer{width:100%;height:100%}.CompareImage .OverlayContainer .PanLayer{text-align:center;vertical-align:middle}.CompareImage .OverlayContainer img{position:absolute;top:0;left:0;width:auto;height:auto;-webkit-user-drag:none}.CompareImage .OverlayContainer img.lr{transform-origin:33.333px 33.333px;transform:scale(4)}.Header{background-color:#333;display:flex;justify-content:space-between;padding:.1em 1em}.Header,.Header .UserInfo{color:#aaa}.Header .LogoArea{color:#aaa;text-decoration:none}.Header .LogoArea img{height:1em}.LoginPanel{padding:2em;text-align:center;color:#aaa}.LoginPanel .Login{font-size:2em;padding:.21em 1em}
/*# sourceMappingURL=main.d779778c.chunk.css.map */