#root,body,html{margin:0;max-width:100vw;min-width:0;overflow-x:hidden;padding:0;width:100vw}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}.invisible-scrollbar{&::-webkit-scrollbar{display:none}}.App{background-color:#282c34;color:#fff;margin:0;padding:0;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;width:100%}.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)}}#title{font-size:15px}#title,.age{color:#fff;font-style:normal;font-weight:400;line-height:18px;text-align:right}.age{font-size:18px;margin-left:5px;margin-right:5px}.wrap{align-items:center;color:#464646;display:flex;flex-direction:row;justify-content:center;min-height:110px;width:100%}.feature{color:#fff;font-size:18px;font-style:normal;font-weight:400;line-height:22px;text-align:center;width:100%}#rangesContainer{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}.rangeContainer{width:100%}#faceTracker{border:2px solid #ff871d3b;position:absolute}#faceTrackerContainer{height:100%;left:0;position:absolute;top:0;width:100%}.wrapper{background-color:#000;position:relative;width:100%}.wrapper .grid{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#bf000000",endColorstr="#00000000",GradientType=1);max-height:100%;max-width:100%;pointer-events:none}.pin_wrap,.wrapper .grid{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.pin{background-color:#f8f9fa8a;border-radius:50%;bottom:48%;box-shadow:0 0 0 0;color:#f8f9fabf;height:40px;left:48%;opacity:0;position:absolute;width:40px}#emotionsContainer{background:transparent;border-radius:41px;display:flex;height:141px;opacity:1;position:relative;width:402px}.big{height:210px!important}#barContainer{display:flex;flex-direction:column}.progress-bar-container{background:#454459;border-radius:10px;height:90%;left:50%;opacity:.9;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:7px}.progress-bar-indicator{background-image:linear-gradient(135deg,#6cb4df,#4e8698);border-radius:25px;bottom:0;left:-.8px;-webkit-mask:linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0);position:absolute;transition:height .5s;width:9px}.progress-bar-indicator:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}#barContainer{height:100%;top:0;width:57px}.barName{color:#fff;font-size:14px;font-style:normal;font-weight:200;letter-spacing:-.04em;line-height:15px;text-align:center}@media only screen and (max-width:767px){#barContainer{height:100%;top:0;width:50px}.barName{color:#f9f9f9;font-size:12.5px;font-weight:200}}
/*# sourceMappingURL=main.a32c581e.css.map*/