@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap);*{padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fcfcfc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:8197;top:15174px;width:72480}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}p{height:100%;width:100%}.nav{display:flex;height:64px;padding:0 20px;width:1920px}.no-cursor:hover{cursor:none}.nav-bar{display:flex;justify-content:space-between;padding:20px}.btn_skinstric{color:#1a1b1c;font-size:14px;font-weight:600;height:16px;left:32px;letter-spacing:-.02em;line-height:16px;position:absolute;text-decoration:none;text-transform:uppercase;top:23px;width:69px}.btn_skinstric:hover{text-decoration:underline;transition:all .3s ease}.btn_intro{color:#1a1b1c;font-size:14px;font-weight:600;height:17px;left:117px;letter-spacing:-.02em;line-height:16px;opacity:.6;position:absolute;text-decoration:none;text-transform:uppercase;top:23px;width:82px}.btn_intro:hover{text-decoration:underline;transition:all .3s ease}.dark-button{background-color:#222;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.dark-button:hover{background-color:#444}#home{align-items:center;display:flex;flex-direction:row;justify-content:space-between;min-height:100vh;padding:5px;position:relative}.caption_1920{bottom:100px;color:#1a1b1c;font-weight:400;left:32px;line-height:24px;position:absolute;text-align:left;width:316px;z-index:10}.btn_1920,.caption_1920{font-size:14px;text-transform:uppercase}.btn_1920{font-weight:600;letter-spacing:-2%;line-height:16px}.btn_1920,.discover{text-decoration:none}.discover{color:#1a1b1c;padding:10px}.discover:hover{text-decoration:underline;transition:all .3s ease}.rotated-image{transform:rotate(180deg)}.triangle-wrapper{height:650px;margin-left:0;position:relative;width:301px}.triangle-overlay,.triangle-overlays{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.triangle-overlays{transform:rotate(180deg);transform-origin:center}.btn_1920{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:1}.company-title{color:#1a1b1c;flex:1 1 auto;font-size:clamp(2.5rem,8vw,128px);font-weight:300;left:auto;letter-spacing:-.07em;line-height:1;margin:0 2rem;padding:0 1rem;position:static;text-align:center;top:auto;transform:none}.reveal-up{transform:translateY(24px)}.reveal-left,.reveal-up{opacity:0;will-change:transform,opacity}.reveal-left{transform:translateX(-24px)}.reveal-right{transform:translateX(24px)}.reveal-right,.reveal-scale{opacity:0;will-change:transform,opacity}.reveal-scale{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.reveal-left,.reveal-right,.reveal-scale,.reveal-up{opacity:1;transform:none}}.subhead_1920{color:#1a1b1c;font-size:1rem;font-weight:600;margin-left:1.5rem;margin-top:2rem;padding:.5rem;text-align:left;text-transform:uppercase}.rombuses{aspect-ratio:1/1;margin:1.5rem auto 2rem;max-width:600px;position:relative;width:90vw}.Rectangle_2778,.Rectangle_2779,.Rectangle_2780{background-color:initial;border:2px solid #a0a4ab;box-sizing:border-box;position:absolute;transform:rotate(45deg)}.Rectangle_2780{height:100%;left:0;opacity:.3;top:15%;width:100%}.Rectangle_2779{height:90%;left:5%;opacity:.6;top:20%;width:90%}.Rectangle_2778{height:80%;left:10%;opacity:1;top:25%;width:80%}.captions_1920{color:#1a1b1c;cursor:pointer;font-size:.875rem;font-weight:400;left:50%;opacity:.4;position:absolute;text-align:center;text-transform:uppercase;top:calc(50% + 40px);transform:translate(-50%,-50%)}.captions_1920:hover{text-decoration:underline}.Intro_name{left:50%;max-width:480px;position:absolute;top:calc(55% + 40px);transform:translate(-50%,-50%);width:70%}.Intro_name input{background-color:initial;border:none;border-bottom:2px solid #1a1b1c;color:#1a1b1c;font-size:2rem;outline:none;text-align:center;width:100%}.Intro_name input::placeholder{color:#1a1b1c;font-size:2rem;font-weight:600}.back-button,.proceed-button{align-items:center;bottom:1.5rem;color:#1a1b1c;display:flex;font-size:.875rem;font-weight:600;position:fixed;text-decoration:none;text-transform:uppercase;z-index:1000}.back-button{left:1.5rem}.proceed-button{right:1.5rem}.back-button img,.proceed-button img{height:20px;margin:0 .5rem;width:20px}.scaners{align-items:center;display:flex;gap:150px;justify-content:center;margin:120px auto 0;max-width:1200px;width:100%}.panel,.scaners{position:relative}.panel{background:#0000;border:none;height:482px;width:520px}.ring{background-color:initial;border:2px solid #a0a4ab;box-sizing:border-box;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.ring-outer{height:482px;opacity:.3;width:482px}.ring-mid{height:444.34375px;opacity:.6;width:444.34375px}.ring-inner{height:405.18125px;width:405.18125px}.panel-icon{background:#0000;border:none;cursor:pointer;height:136px;left:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:136px}.panel-icon img{height:100%;object-fit:contain;width:100%}.panel-title{height:76px;left:20%;position:absolute;top:59%;transform:translateX(-50%);width:240px}.panel-title1{height:70px;left:79%;position:absolute;top:30%;transform:translateX(-40%);width:200px}.stylus{height:48px;top:0;width:167px}.stylus,.stylus_title{color:#1a1b1c;font-size:14px;font-weight:400;letter-spacing:0;line-height:24px;margin:0;position:absolute;right:0;text-align:right;text-transform:uppercase}.stylus_title{bottom:0;height:24px;width:220px}.stylus-mark{height:59px;object-fit:contain;position:absolute;width:66px}.stylus-left{bottom:0;left:0}.stylus-right{right:0;top:0;transform:rotate(180deg)}.popup-overlay{background:#00000080;height:100vh;inset:0;position:fixed;width:100vw;z-index:999}.popup-box{background:#1a1b1c;border-radius:8px;box-shadow:0 4px 10px #0003;box-sizing:border-box;color:#fcfcfc;font-size:16px;font-weight:600;left:50%;line-height:24px;max-width:90vw;padding:16px 20px 20px;position:fixed;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);width:352px}.popup-box p{border-bottom:1px solid #fcfcfc;height:auto;margin:0 0 16px;padding-bottom:8px;width:auto}.popup-buttons{display:flex;gap:16px;justify-content:space-evenly;margin-top:12px}.popup-buttons button{background:#0000;border:1px solid #fcfcfc;border-radius:4px;color:#fcfcfc;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:16px;padding:6px 16px;text-transform:uppercase}.popup-box:after,.popup-buttons{position:static}.ai-analysis{font-size:16px;font-weight:600;height:24px;letter-spacing:-.02em;top:86px;width:227px}.ai-analysis,.ai-analysis2{color:#1a1b1c;left:32px;line-height:24px;position:absolute;text-transform:uppercase}.ai-analysis2{font-size:14px;font-weight:400;height:48px;letter-spacing:0;margin:0;top:118px;width:336px}.ai-analysis,.ai-analysis2{text-align:left}.Rectangle_2746{height:538px;opacity:.3;width:538px}.Rectangle_2745,.Rectangle_2746{border:2px solid #a0a4ab;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.Rectangle_2745{height:462px;opacity:.6;width:462px}.Rectangle_2744{border:2px solid #a0a4ab;height:386px;transform:translate(-50%,-50%) rotate(45deg);width:386px}.Rectangle_2744,.group_diamond{left:50%;position:absolute;top:50%}.group_diamond{border:.1px solid #fcfcfc;height:313.671px;transform:translate(-50%,-50%) rotate(-45deg);width:313.666px}.Rectangle_2876{align-items:center;background-color:#e1e1e2;display:flex;height:153.875px;justify-content:center;position:absolute;width:153.876px}.rectangle_label{color:#1a1b1c;font-size:16px;font-weight:600;height:24px;letter-spacing:-.02em;line-height:24px;margin:0;text-align:center;text-transform:uppercase;transform:rotate(45deg);width:142px}.Rectangle_2876.top{left:50%;text-decoration:none;top:0}.Rectangle_2876.bottom{bottom:0;left:25%;text-decoration:none;transform:translateX(-50%)}.Rectangle_2876.left{left:0;text-decoration:none;top:25%;transform:translateY(-50%)}.Rectangle_2876.right{right:0;text-decoration:none;top:50%}.diamond_container{height:762px;left:50%;overflow:hidden;position:relative;top:99px;transform:translateX(-55%);width:762px}.loading-message{background:#0000;color:#1a1b1c;font-size:18px;font-weight:600;left:50%;line-height:24px;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);z-index:2}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.spinning{animation:spin 4s linear infinite}.Rectangle_2745.spinning{animation-duration:6s}.Rectangle_2744.spinning{animation-duration:8s}.demographics-title{color:#1a1b1c;font-size:72px;font-weight:400;height:64px;left:29px;letter-spacing:-.06em;line-height:64px;margin:0;position:absolute;text-align:left;text-transform:uppercase;top:115px;width:505px}.demo_nav{display:flex;gap:8px;left:542px;position:absolute;top:92px}.demo_nav img{object-fit:contain}.predicted-info{color:#1a1b1c;font-size:14px;left:32px;letter-spacing:0;text-align:left;text-transform:uppercase;top:190px;width:227px}.ai-correction-note,.predicted-info{font-weight:400;height:24px;line-height:24px;margin:0;position:absolute}.ai-correction-note{color:#a0a4ab;font-size:16px;left:821px;letter-spacing:-.02em;text-align:center;top:894px;width:317px}.reset-button{background:#0000;border:1px solid #1a1b1c;color:#1a1b1c;left:1703px;width:73px}.confirm-button,.reset-button{cursor:pointer;font-size:14px;font-weight:600;gap:8px;height:35px;letter-spacing:-.02em;line-height:16px;padding:9px 16px 10px;position:absolute;text-transform:uppercase;top:889px}.confirm-button{color:#fcfcfc;left:1793px;width:95px}.confirm-button,.race-button{background-color:#1a1b1c;border:none}.race-button{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;height:104px;justify-content:center;left:32px;padding-left:16px;position:absolute;text-align:left;top:304px;width:208px}.race-label,.race-subtext{color:#fcfcfc;font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:24px;margin:0;padding-top:12px;text-align:left;text-transform:uppercase}.age-button{background-color:#e1e1e2;border:none;border-top:1px solid #1a1b1c;display:flex;flex-direction:column;height:104px;justify-content:center;left:32px;padding-left:16px;position:absolute;text-align:left;top:416px;width:208px}.age-label,.age-range,.gender,.sex-label{color:#1a1b1c;font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:24px;margin:0;padding-top:12px;text-align:left;text-transform:uppercase}.sex-button{border:none;display:flex;flex-direction:column;height:104px;justify-content:center;left:32px;padding-left:16px;text-align:left;top:528px;width:208px}.Group_39781,.sex-button{background-color:#f3f3f4;border-top:1px solid #1a1b1c;position:absolute}.Group_39781{height:544px;left:256px;top:304px;width:1168px}.race-label2{color:#1a1b1c;font-size:40px;font-weight:400;height:100%;letter-spacing:-.05em;line-height:40px;padding-left:15px;padding-top:20px;text-align:left;text-transform:uppercase;width:100%}.progress-ring{left:1024px;position:absolute;top:440px;z-index:1}.ring-bg,.ring-fill{transform:rotate(-90deg);transform-origin:center}.Group_percent{color:#1a1b1c;height:52px;left:1189px;position:absolute;top:598px;width:70px}.percent_value{bottom:0;font-size:40px;left:0;width:49px}.percent_symbol,.percent_value{color:#1a1b1c;font-weight:400;height:40px;letter-spacing:-.05em;line-height:40px;margin:0;position:absolute}.percent_symbol{font-size:24px;right:0;top:0;width:20px}.Group_2786{background-color:#f3f3f4;border-top:1px solid #1a1b1c;height:544px;left:1440px;position:absolute;top:304px;width:448px}.race-label-small{left:1456px;width:41px}.ai-confidence-label,.race-label-small{color:#1a1b1c;font-size:16px;font-weight:500;height:24px;letter-spacing:-.02em;line-height:24px;margin:0;opacity:.8;position:absolute;text-transform:uppercase;top:318px}.ai-confidence-label{left:1747px;text-align:right;width:126px}.Rectangle_Highlight{background-color:#1a1b1c;height:48px;left:1440px;position:absolute;top:352px;width:448px}.highlight_diamond{height:6px;left:1456px;position:absolute;rotate:45deg;top:370px;width:6px}.highlighted_race{left:1480px;text-align:left;text-transform:uppercase;width:100%}.highlighted_race,.text_percent{color:#fcfcfc;font-size:16px;font-weight:400;height:24px;letter-spacing:-.02em;line-height:24px;position:absolute;top:364px}.text_percent{left:1836px;text-align:right;width:37px}.text_percent1,.text_percent2,.text_percent3,.text_percent4,.text_percent5,.text_percent6,.text_percent7,.text_percent8,.text_percent9{color:#1a1b1c;font-size:16px;font-weight:400;height:24px;left:1836px;letter-spacing:-.02em;line-height:24px;position:absolute;text-align:right;width:37px}.diamond1,.diamond2,.diamond3,.diamond4,.diamond5,.diamond6,.diamond7,.diamond8,.diamond9{height:12px;position:absolute;width:12px}.diamond1{left:1456px;top:418px}.diamond2{left:1456px;top:466px}.diamond3{left:1456px;top:514px}.diamond4{left:1456px;top:562px}.diamond5{left:1456px;top:610px}.diamond6{left:1456px;top:658px}.diamond7{left:1456px;top:706px}.diamond8{left:1456px;top:754px}.diamond9{left:1456px;top:802px}.regular_race1,.regular_race2,.regular_race3,.regular_race4,.regular_race5,.regular_race6,.regular_race7,.regular_race8,.regular_race9{color:#1a1b1c;font-size:16px;font-weight:400;height:24px;left:1480px;letter-spacing:-.02em;line-height:24px;position:absolute;text-align:left;text-transform:uppercase;width:100%}.regular_race1{top:412px}.text_percent1{left:1836px;top:412px}.regular_race2{top:460px}.text_percent2{left:1836px;top:460px}.regular_race3{top:508px}.text_percent3{left:1836px;top:508px}.regular_race4{top:556px}.text_percent4{left:1836px;top:556px}.regular_race5{top:604px}.text_percent5{left:1836px;top:604px}.regular_race6{top:652px}.text_percent6{left:1836px;top:652px}.regular_race7{top:700px}.text_percent7{left:1836px;top:700px}.regular_race8{top:748px}.text_percent8{left:1836px;top:748px}.regular_race9{top:796px}.text_percent9{left:1836px;top:796px}.demo-container{margin:0 auto;max-width:1920px;padding:0 32px;width:100%}.diamond_container2{align-items:center;background:#0000;display:flex;flex-direction:column;height:762px;justify-content:center;max-height:90vh;max-width:90vw;overflow:hidden;position:relative;width:762px;z-index:1}.loading-container{text-align:center}.loading-container img{height:auto;margin-bottom:12px;width:64px}.loading-message2{background:#0000;color:#1a1b1c;font-size:18px;font-weight:600;line-height:24px;text-transform:uppercase}.loading-hint,.loading-hint2{left:50%;position:absolute;text-align:center;text-transform:uppercase;transform:translateX(-50%)}.loading-hint{bottom:60px;color:#1a1b1c;font-size:14px;font-weight:400;letter-spacing:0;line-height:24px;margin:0;max-width:500px;width:80%}.loading-hint2{bottom:30px;height:auto;max-width:500px;object-fit:contain;width:80%;z-index:2}.video-preview{height:100vh;left:0;object-fit:cover;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-1}.capture-button-wrapper{position:fixed;right:32px;top:50%;transform:translateY(-50%);z-index:2}.capture-button{background-color:#1a1b1c;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;line-height:16px;padding:10px 20px;text-transform:uppercase}.captured-preview img{height:100vh;left:0;object-fit:cover;position:fixed;top:0;width:100vw;z-index:-1}.camera-page{align-items:center;background:#0000;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative}.camera-feed{align-items:center;display:flex;justify-content:center}.camera-feed,canvas{height:100vh;left:0;position:fixed;top:0;width:100vw}canvas{object-fit:cover;pointer-events:none;z-index:0}.hint1,.hint2{left:50%;pointer-events:none;position:fixed;text-align:center;text-transform:uppercase;transform:translateX(-50%);z-index:10}.hint1{bottom:60px;color:#fcfcfc;font-size:14px;font-weight:400;line-height:24px}.hint2{bottom:30px;height:auto;max-width:500px;object-fit:contain;opacity:.4;width:80%}.capture-container{align-items:center;cursor:pointer;display:flex;position:fixed;right:32px;top:50%;transform:translateY(-50%);z-index:20}.capture-label{color:#fcfcfc;font-size:14px;font-weight:600;height:16px;letter-spacing:-.02em;line-height:16px;margin-right:20px;opacity:.7;text-transform:uppercase;width:91px;z-index:3}.capture-button-circle{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:55.11px;justify-content:center;width:55.11px;z-index:3}.capture-icon{height:21.56px;object-fit:contain;width:26.96px;z-index:3}.great_shot{color:#fcfcfc;font-size:42px;font-weight:400;height:24px;left:50%;letter-spacing:0;line-height:24px;margin:0;position:fixed;text-align:center;text-transform:uppercase;top:254px;transform:translateX(-50%);width:1000px;z-index:10}@media (max-width:768px){.company-title{font-size:2rem;padding:0 2rem}}@media (max-width:480px){.company-title{font-size:1.5rem}}@media (max-width:768px){.subhead_1920{font-size:.9rem;margin:1rem auto;text-align:center}.rombuses{transform:translateY(-12px)}.Intro_name input,.Intro_name input::placeholder{font-size:1.5rem}.back-button,.captions_1920,.proceed-button{font-size:.75rem}}@media (max-width:480px){.Intro_name{width:80%}.Intro_name input,.Intro_name input::placeholder{font-size:1.2rem}.rombuses{width:90vw}}@media (max-width:1200px){.scaners{align-items:center;flex-direction:column;gap:80px;margin-left:0}}@media (max-width:1600px){.scaners{gap:120px;max-width:1100px}.panel{height:450px;width:480px}.ring-outer{height:440px;width:440px}.ring-mid{height:405px;width:405px}.ring-inner{height:370px;width:370px}}@media (max-width:1400px){.scaners{gap:80px;max-width:1000px}.panel{height:410px;width:440px}.ring-outer{height:400px;width:400px}.ring-mid{height:365px;width:365px}.ring-inner{height:330px;width:330px}}@media (max-width:600px){.capture-label{display:none}.capture-button-circle{height:44px;width:44px}.capture-icon{height:16px;width:20px}.hint1,.loading-hint{bottom:50px;font-size:12px}.hint2,.loading-hint2{bottom:20px;max-width:90%}}@media screen and (max-width:600px){.demo-container{padding:0 16px}}@media (max-width:768px){.diamond_container{height:300px;left:50%;top:120px;transform:translateX(-50%);width:300px}.Rectangle_2746{height:72%;width:72%}.Rectangle_2745{height:68%;width:68%}.Rectangle_2744{height:64%;width:64%}.group_diamond{height:180px;width:180px}.Rectangle_2876{height:80px;width:80px}.rectangle_label{font-size:10px;line-height:14px;width:100%}.ai-analysis,.ai-analysis2{font-size:12px;left:16px;line-height:18px;width:90%}.ai-analysis{top:40px}.ai-analysis2{top:70px}}@media (max-width:600px){.popup-box{font-size:14px;padding:14px 16px 18px}.popup-buttons button{font-size:12px;padding:6px 12px}}@media (max-width:480px){.popup-box{max-width:95vw}}
/*# sourceMappingURL=main.2444d6ae.css.map*/