.svort{display:flex;flex-direction:column;min-height:100px;height:100%;text-align:center;min-width:280px}.svort .accent{color:#f3232f}.svort button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:"Bai Jamjuree",sans-serif;width:323px;height:50px;border-radius:10px;padding:5px 10px;transition:.2s;font-size:16px;border:none;outline:none}.svort button:disabled{cursor:not-allowed;pointer-events:all!important;opacity:.1}.svort button:hover:enabled{transform:scale(1.01)}.svort button:active:enabled{transform:scale(.99)}.svort button.btn-red{background:#f3232f;color:#fff}.svort button.btn-red:active{background:transparent;color:#f3232f;border:1px solid #f3232f}.svort button.btn-black{background:#1d1c28;color:#fff;border:none;margin:0}.svort button.btn-black:active{background:transparent;color:#1d1c28;border:1px solid #1d1c28}.svort button.btn-trans{background:transparent;color:#f3232f;border:1px solid #f3232f}.svort button.btn-trans:active:enabled{background:#f3232f;color:#fff}.svort progress[value]{-webkit-appearance:none;appearance:none}.svort progress[value]::-webkit-progress-bar{background-color:#eee;border-radius:2px;box-shadow:inset 0 2px 5px rgba(0,0,0,.25)}.svort progress[value]::-webkit-progress-value{background-color:#f3232f;background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);border-radius:2px;background-size:35px 20px,100% 100%,100% 100%}.register-wrapper{position:relative;width:100%;height:100%}.register-wrapper>div{position:absolute;top:0;bottom:0;right:0;left:0;height:100%}.register-wrapper .register{position:relative;justify-content:center;height:100%}.register-wrapper .register,.register-wrapper .register .content{display:flex;flex-direction:column;align-items:center}.register-wrapper .register .content .add-circle,.register-wrapper .register .content .scale .video-box .circle-loader{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.register-wrapper .register .content .scale .video-box{margin:auto}@media screen and (min-width:600px){.register-wrapper .register>.content{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.register-wrapper .register>.content .scale{justify-self:center}.register-wrapper .register>.content .add-circle{grid-column-start:1;grid-column-end:4}}@media screen and (max-width:600px){.register .content .instruction{margin-top:5vh;width:auto}}.status-wrapper{display:flex;flex-direction:column;align-items:center;height:100%;position:absolute;top:0;bottom:0;right:0;left:0}.status-wrapper .icon-wrapper{position:relative;height:60%;width:100%}.status-wrapper .icon-wrapper>div{position:absolute;top:0;bottom:0;right:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.status-wrapper .success-icon img{margin:auto}.status-wrapper .success-icon svg{width:23vh;height:23vh}.status-wrapper .error-icon img{margin:auto}.status-wrapper .error-icon svg{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);width:23vh;height:23vh}.status-wrapper .error-icon svg,.status-wrapper .error-icon svg path{transition:.2s ease-in;transform-origin:center}.status-wrapper .error-icon svg:hover>path{transform:scale(1.1)}.status-wrapper .error-icon svg:active{transform:rotate(180deg)}@media screen and (min-width:600px){.status-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr}.status-wrapper.finish .text-wrapper{display:flex;flex-direction:column;align-items:flex-start;margin-top:13vh}.status-wrapper .icon-wrapper{width:40%;justify-self:center}.status-wrapper .status-text{text-align:left;width:280px;height:15vh}.status-wrapper .status-text p{margin-left:0}.status-wrapper .success-icon>svg{width:12vw;height:12vw}}.circle-loader{position:relative;height:40vh;width:40vh}.circle-loader .circle,.circle-loader .circle-base{position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;border-radius:50%;background:linear-gradient(180deg,#f3232f,#244393);width:50%;height:50%}.circle-loader .circle{width:100%;height:100%;opacity:0;animation:scaleIn 4s cubic-bezier(.36,.11,.89,.32) infinite}@keyframes scaleIn{0%{transform:scale(.5);opacity:.5}to{transform:scale(1);opacity:0}}.instruction{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;width:280px;height:15vh}.instruction .major{font-family:"Roboto",sans-serif;font-size:18px;font-weight:700;line-height:21px;margin:0}.instruction .minor{font-family:"Bai Jamjuree",sans-serif;font-size:14px;margin:12px auto 16px;line-height:24px}@media screen and (min-width:600px){.instruction{align-items:flex-start;text-align:left}.instruction .major,.instruction .minor{margin-left:0}}@media screen and (max-width:600px){.instruction{width:90%;margin:0 auto}}.video-box{position:absolute;top:0;left:0;right:0;bottom:0}.video-box .video{display:flex;width:100%;height:100%}.video-box .video video{margin:auto;width:99%;height:99%;position:absolute;opacity:0;object-fit:cover;transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);z-index:-1;backface-visibility:visible;-webkit-backface-visibility:visible}.video-box .video video::-webkit-media-controls-panel,.video-box .video video::-webkit-media-controls-play-button{display:none!important;-webkit-appearance:none}.video-box .video video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.video-box .circle-loader{width:100%;height:100%}.video-box img,.video-box svg{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.video-box img.square,.video-box svg.square{left:-5px;width:103%;height:103%}@media screen and (max-width:600px){img.square,svg.square{width:104%!important;height:104%!important}}.scale{position:relative;display:flex;flex-direction:column;align-items:center;height:40vh;width:100%}.scale .scanning,.scale .svg{position:absolute;top:0;left:0;right:0;bottom:0}.scale .svg{height:100%;margin:auto}.scale .svg>svg{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.scale .svg>svg path{transition:.3s}.scale .svg>svg.scale1 path{opacity:.07}.scale .svg>svg.scale2 path{opacity:.15}.scale .svg>svg.scale3 path{opacity:0}.scale .svg>svg g.complete path,.scale .svg>svg path.complete{opacity:1}.scale canvas{z-index:999;margin:auto}.hint .action,.hint .lightning{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}.hint .action{z-index:1}.hint .action img{border-radius:50%;width:100%;height:100%}.hint .lightning{background:#fff;opacity:.8}.hint .lightning svg{width:50%;height:50%}.scanning{display:flex}.scanning canvas{margin:auto}.mesh-render canvas,.scanning canvas{border-radius:50%}.demo{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.demo:focus{outline:none}.demo>div:first-child{width:100%;height:100%;overflow:hidden;display:flex}.demo .react-swipeable-view-container{width:100%}.demo .react-swipeable-view-container .swipe-element{width:100%;height:100%;display:inline-flex;flex-direction:column;justify-content:flex-end;align-items:center}.demo .react-swipeable-view-container .swipe-element>svg{margin:auto}.demo .react-swipeable-view-container .swipe-element img{margin:auto;height:100%;width:auto}.demo .pagination{display:flex;justify-content:space-between;margin-top:3vh;margin-bottom:1vh}.demo .pagination div{width:8px;height:8px;background:#244393;opacity:.3;border-radius:50%;margin:0 5px;cursor:pointer}.demo .pagination div.active{opacity:1}.demo .button-arrow{margin-bottom:4vh}@media screen and (min-width:600px){.demo{justify-content:center}.demo>.pagination{display:none}.demo .react-swipeable-view-container>div{overflow-x:hidden!important}.demo .react-swipeable-view-container .swipe-element{justify-content:center;display:grid!important;grid-template-columns:1fr 1fr 1fr}.demo .react-swipeable-view-container .swipe-element>img,.demo .react-swipeable-view-container .swipe-element>svg{margin:0;grid-row-start:1;grid-row-end:3;grid-column-start:2;justify-self:center}.demo .react-swipeable-view-container .swipe-element>img.big,.demo .react-swipeable-view-container .swipe-element>svg.big{justify-self:flex-end;margin-right:5vw}.demo .react-swipeable-view-container .swipe-element>.instruction{align-self:end}.demo .react-swipeable-view-container .swipe-element>.instruction p{margin-left:0}.demo .react-swipeable-view-container .swipe-element .button-arrow{align-self:start;text-align:start;margin:0;grid-column-start:3}}@media screen and (max-width:600px){.demo .space{display:none}}.button-arrow{font-weight:700;font-size:6vh;color:#1d1c28;transition:all .3s;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.button-arrow.small{font-size:18px;line-height:21px;margin-top:1.67vh}.button-arrow svg{margin-left:12px;height:4vh}@media screen and (min-width:600px){.button-arrow.hover span,.button-arrow:hover span{background-image:linear-gradient(270deg,#f3232f,#244393);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}}.add-circle{justify-content:center;align-items:center}.add-circle,.add-circle .controls{display:flex;flex-direction:column}.add-circle .controls{align-items:flex-start;width:280px}.add-circle .controls>span{background-image:linear-gradient(270deg,#f3232f,#244393);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;font-weight:700;font-size:14px;margin-top:2vh;margin-bottom:2vh}.add-circle .controls hr{width:64%;margin:5vh 0 4vh}.add-circle .controls .instruction{height:auto}.add-circle .controls div.btn-trans-gradient{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;background:transparent;padding:2vh 3vw;color:#000;background:#fff;background-clip:padding-box;border:1px solid transparent;border-radius:10px;font-family:"Bai Jamjuree",sans-serif;font-size:19px;font-weight:600}.add-circle .controls div.btn-trans-gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:linear-gradient(180deg,#f3232f,#244393)}.add-circle .controls .zoomable{transition:all .3s}.add-circle .controls .zoomable:hover div.btn-trans-gradient:before{margin:-3px}@media screen and (max-width:600px){.add-circle .controls{align-items:center}.add-circle .controls>span{margin-top:1vh;margin-bottom:2.5vh}.add-circle .controls hr{margin:3vh auto 2vh}.add-circle .controls .instruction{margin-top:3vh}.add-circle .controls .zoomable{width:64%}.face-glasses{height:39%;width:60%}}@media screen and (min-width:600px){.add-circle{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.add-circle .face-glasses{width:75%}}.login-wrapper{position:relative;width:100%;height:100%}.login-wrapper>div{position:absolute;top:0;bottom:0;right:0;left:0}.login-wrapper .login{position:relative}.login-wrapper .login,.login-wrapper .login .content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.login-wrapper .login .content{width:100%}.login-wrapper .login .content .fade{position:relative;display:flex;flex-direction:column}.login-wrapper .login .content .fade .maze,.login-wrapper .login .content .fade .scanning{position:absolute;top:0;left:0;right:0;bottom:0}.login-wrapper .login .content .hint .lightning{z-index:2}@media screen and (min-width:600px){.login-wrapper .login>.content{display:grid;grid-template-columns:1fr 1fr 1fr}.login-wrapper .login>.content .fade{justify-self:center}}.maze .maze-box svg.finish .finish-line{fill:#f3232f}.face .empty-face{width:60px;height:64px;clear:both}.tiny-status{position:relative;display:flex;justify-content:center;align-items:center;margin-top:1vh}.tiny-status svg{position:absolute;margin-right:10px}.tiny-status svg.tiny-loader{animation:rotating 2s linear infinite}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-emotions,.login-emotions .content-grid{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-emotions .content-grid .content{position:relative;display:flex;flex-direction:column;align-items:center}.login-emotions .content-grid .content .scanning{position:absolute;top:0;left:0;right:0;bottom:0}.login-emotions .content-grid .content .fade{position:relative;transition:opacity .3s}.login-emotions .content-grid .content .fade.checking{opacity:.4}.login-emotions .content-grid .content .fade .tiny-status{position:absolute;top:0;bottom:0;left:0;right:0}.login-emotions .content-grid .content .instruction{width:100%;align-items:center;text-align:center}.login-emotions .content-grid .content .instruction .major{margin-top:16px!important;margin-bottom:12px;font-size:24px}.login-emotions .content-grid .content .instruction .minor{margin:0;font-size:16px}.login-emotions .units{display:flex}.login-emotions .units .units-right{position:fixed;right:100px;top:70px;text-align:left;font-size:10px}.login-emotions .units .units-left{position:fixed;left:100px;top:70px;text-align:left;font-size:10px}@media screen and (min-width:600px){.login-emotions>.content-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.login-emotions>.content-grid .content{justify-self:center}}:export{svRed:#f3232f;svBlack:#1d1c28;svBlue:#244393;svScale:#c9136b;svMesh:grey}.debug-wrapper{position:relative;width:100%;height:100%}.debug-wrapper>div{position:absolute;top:0;bottom:0;right:0;left:0;height:100%}.debug-wrapper .debug{position:relative;justify-content:center;height:100%}.debug-wrapper .debug,.debug-wrapper .debug .content{display:flex;flex-direction:column;align-items:center}.debug-wrapper .debug .content .space{margin-left:auto;text-align:left}.debug-wrapper .debug .content .scale .video-box .circle-loader{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.debug-wrapper .debug .content .units{display:flex}.debug-wrapper .debug .content .units .units-left,.debug-wrapper .debug .content .units .units-right{display:flex;flex-direction:column;justify-content:center;position:fixed;top:0;bottom:0;margin:auto;text-align:left;font-size:10px}.debug-wrapper .debug .content .units .units-right{right:100px}.debug-wrapper .debug .content .units .units-left{left:100px}.debug-wrapper .debug .content button{font-family:"Bai Jamjuree","Open Sans",sans-serif;font-size:16px;line-height:32px;text-transform:none;white-space:nowrap}.debug-wrapper .debug .content button.btn-gradient{width:12vw;max-width:155px;min-width:120px;height:48px;border-radius:5px;margin:auto}.debug-wrapper .debug .content button:not(.btn-gradient){background:none}@media screen and (min-width:600px){.debug-wrapper .debug>.content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;width:100%}.debug-wrapper .debug>.content .scale{justify-self:center}.debug-wrapper .debug>.content .btn-gradient{grid-column-start:2;grid-row-start:2}}@media screen and (max-width:600px){.debug .content .instruction{margin-top:5vh;width:auto}}