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}.App{height:100%;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*,:after,:before,a,button,canvas,g,h1,h2,h3,h4,h5,h6,image,img,input,li,p,path,svg,ul{background-color:transparent;border:none;box-sizing:border-box;font-family:Roboto;list-style:none;margin:0;padding:0;position:relative;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.html,body{background-color:#fafafa;margin:0;padding:0}.button{align-items:center;background-color:#f2f8ff;box-shadow:0 1px 4px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.12);cursor:pointer;display:flex;flex-direction:row;justify-content:center;text-transform:capitalize}.button:focus,.button:hover{transition:.15s ease-in-out}.login-container{align-items:center;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.12);display:flex;flex-direction:column;height:auto;justify-content:center;margin:0 auto;overflow:hidden;padding-bottom:10px;padding-top:10px;width:400px}.login-container .title{font-size:1.6em;font-weight:300;padding:60px 0 10px;text-transform:capitalize}.login-container .login-button{background-color:#007aff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;font-weight:400;letter-spacing:1px;margin:40px 0;padding:20px 15px;text-transform:uppercase;width:60%}.login-container .login-button:focus,.login-container .login-button:hover{background-color:#007aff;box-shadow:0 3px 20px 3px rgba(0,122,255,.3)}.fluid-input{height:50px;max-width:450px;position:relative;width:80%}.fluid-input-bg{align-items:center;color:#007aff;display:flex;flex-direction:row;font-size:.9em;font-weight:400;height:100%;justify-content:flex-start;left:5%;position:absolute;text-transform:capitalize;top:0;transition:.3s ease-in-out;width:90%}.fluid-input-holder{height:100%;left:0;position:absolute;top:0;transition:.2s ease-in-out;width:100%;will-change:transform,box-shadow}.fluid-input-holder,.fluid-input-input{background-color:#f1f3f4;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px}.fluid-input-input{font-size:1.05em;height:inherit;padding:0 5%;width:inherit}.fluid-input-input:focus{outline:None}.fluid-input-label{align-items:center;color:#007aff;display:flex;flex-direction:row;font-size:1em;font-weight:400;height:100%;justify-content:start;left:5%;pointer-events:none;position:absolute;text-transform:capitalize;top:0;transition:font-size .2s ease-in-out .15s,-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,font-size .2s ease-in-out .15s;transition:transform .2s ease-in-out,font-size .2s ease-in-out .15s,-webkit-transform .2s ease-in-out;width:90%;will-change:transform,font-size}.fluid-input--focus .fluid-input-holder{box-shadow:0 5px 20px 0 rgba(0,12,47,.3)}.fluid-input--focus .fluid-input-bg{transition:.2s ease-in-out .2s}.fluid-input--focus .fluid-input-bg,.fluid-input--focus .fluid-input-label,.fluid-input--open .fluid-input-label{-webkit-transform:translateY(-40px);transform:translateY(-40px)}.loading{-webkit-animation:spinnerAnimation .6s linear infinite;animation:spinnerAnimation .6s linear infinite;border:4px solid hsla(0,0%,100%,.75);border-radius:100%;border-top-color:hsla(0,0%,100%,.2);height:30px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity 1s linear;width:30px}@-webkit-keyframes spinnerAnimation{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spinnerAnimation{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.allDoneMessage{color:#fff;font-size:20px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .4s linear 1s}.icon{position:relative}.icon:before{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.reject{color:#fd008f}.accept{color:#15b160}.controls{align-items:center;bottom:0;display:flex;height:96px;justify-content:space-between;left:50%;max-width:400px;opacity:0;padding:0 20px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .4s linear;width:100%;z-index:10}.controls .button{cursor:pointer;height:56px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:56px}.controls .icon{background-color:#fff;border-radius:50%;display:block;font-size:60px;height:58px;position:relative;width:58px}.controls i:before{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.count{color:#fff;font-size:16px;opacity:.8;white-space:nowrap}.cards{bottom:0;height:100%;left:0;opacity:0;position:absolute;right:0;top:64px;width:100%;will-change:opacity}.cards.show{opacity:1;transition:opacity .4s linear 1s}.cards.hide{opacity:0;transition:opacity .4s linear 0}.card{align-items:center;justify-content:center;position:absolute;-webkit-user-select:none;-ms-user-select:none;user-select:none}.card,.card>div{display:flex;height:100%;width:100%;will-change:transform}.card>div{background-color:#fff;background-position:50%;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);flex-direction:column;max-height:476px;max-width:268px;padding:6px;position:fixed}.card>div,.img{overflow:hidden}.img{background:no-repeat 50% fixed;background-size:contain;border-radius:6px 6px 0 0;height:100%;pointer-events:none;z-index:3}.predictions{display:flex;flex:1 1;flex-direction:column;font-size:9px;letter-spacing:1px;padding:6px;text-transform:uppercase;transition:opacity .4s ease;will-change:opacity}.predictionsRow{align-items:center;display:flex;height:14px}.predictionsRow div:first-child{align-items:center;display:flex;justify-content:flex-end;margin-right:10px;width:44px}.predictionsRow div:last-child{align-items:center;display:flex;flex:1 1}.predictions .progress{background-color:#fd008f;border-radius:10px;height:14px;height:5px}.copy{border-top:1px dotted #ededed;color:#b2b2b2;font-size:9px;padding:4px 4px 0}.gradientMask{background:none;border-radius:6px;color:#fff;height:100%;left:6px;opacity:0;pointer-events:none;position:absolute;right:6px;top:6px;z-index:4}.gradientMask .icon{background-color:hsla(0,0%,100%,.75);border:2px solid #fff;border-radius:50%;font-size:80px;height:74px;position:absolute;top:20px;width:74px}.gradientMask .reject{right:20px}.gradientMask .accept{left:20px}#loader{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}#loader.show{background-color:hsla(0,0%,47%,.5)}#loader.unshow{display:none}#loader>.circular-progress{position:relative;top:calc(50vh - 20px);z-index:1001}
/*# sourceMappingURL=main.04639473.css.map*/