.header{background-color:initial;justify-content:space-between;left:0;padding:23px 32px;position:fixed;top:0;width:100%;z-index:3!important}.header,.header__title-bracket--wrapper{align-items:center;display:flex;height:64px}.header__title-bracket--wrapper{flex-direction:row;justify-content:center}.header__title{align-items:center;display:flex}.header__title--name{color:var(--color-text-black);font-size:14px;font-weight:600;letter-spacing:-2%;line-height:16px;margin:0}.header__btn--code{align-items:center;display:flex}.enter--code{border:none;cursor:no-drop;font-size:10px;font-weight:600;padding:8px 16px}.location{height:17px;left:117px;opacity:.6;position:absolute;top:23px;width:82px}.frame{align-items:flex-start;display:inline-flex;gap:6px}.frame,.intro{position:relative}.intro{color:var(--color-text-black);font-family:Roobert Trial,sans-serif;font-size:14px;font-weight:600;letter-spacing:-2%;line-height:16px;margin-top:-1px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.discover__container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 auto;width:100%}.discover__title{color:var(--color-text-black);font-size:32px;font-weight:600;font-weight:var(--global-font-weight,600);letter-spacing:-.02em;letter-spacing:var(--global-letter-spacing,-.02em);line-height:16px;line-height:var(--global-line-height,16px);margin-bottom:24px;text-align:center}.discover__section{margin-bottom:32px}.discover__section--title{font-size:24px}.discover__section--text,.discover__section--title{color:var(--color-text-black);font-weight:600;font-weight:var(--global-font-weight,600);letter-spacing:-.02em;letter-spacing:var(--global-letter-spacing,-.02em);line-height:16px;line-height:var(--global-line-height,16px);margin-bottom:16px;text-align:center}.discover__section--text{font-size:16px;margin-left:auto;margin-right:auto;max-width:600px}.page{display:flex;flex-direction:column;min-height:100vh;padding-top:80px}.page-container{flex-grow:1;margin:0 auto;max-width:960px;padding:20px}.page-title{font-size:32px;margin-bottom:24px}.page-title,.section-title{color:var(--color-text-black);font-weight:600;font-weight:var(--global-font-weight,600);letter-spacing:-.02em;letter-spacing:var(--global-letter-spacing,-.02em);line-height:16px;line-height:var(--global-line-height,16px)}.section-title{font-size:24px;margin-bottom:16px}.page-section{margin-bottom:32px}:root{--square-size:min(200px,10vw);--top-offset:0}.square{background-color:initial;border:1px dotted var(--color-text-secondary);box-sizing:border-box;height:min(200px,10vw);height:var(--square-size);pointer-events:none;position:relative;transform:rotate(45deg);transform-origin:center;transition:all .3s ease;width:min(200px,10vw);width:var(--square-size);z-index:5}.square__page-back,.square__page-next{cursor:pointer;pointer-events:auto;position:absolute;top:50%;transform:rotate(0);transition:all .3s ease;z-index:10}.square__page-next{left:35%}.square__page-back{right:-35%}.square__page-back-border,.square__page-next-border{background-color:initial;border:1px solid #000;border:1px solid var(--color-bg-black,#000);height:23.04667px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);transform-origin:center;transition:all .3s ease;width:23.04667px;z-index:10}.square__page-back-button,.square__page-next-button{align-items:center;background-color:initial;display:flex;height:34.57px;justify-content:center;position:relative;transition:all .3s ease;width:34.57px;z-index:11}.square__page-back-button__icon,.square__page-next-button__icon{color:#000;color:var(--color-bg-black,#000);display:block;font-size:34.57px;transition:all .3s ease}.square__page-back:hover .square__page-back-border,.square__page-back:hover .square__page-back-button__icon,.square__page-next:hover .square__page-next-border,.square__page-next:hover .square__page-next-button__icon{border-color:#ccc;border-color:var(--color-bg-hover,#ccc);color:#666;color:var(--color-text-secondary,#666)}.square__hover-label{background:#0000;border-radius:8px;color:var(--color-text-primary);font-size:7px!important;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) scale(.6);transition:opacity .3s ease;white-space:nowrap;z-index:1}.square__hover-label.visible{opacity:1}.square__page-back .square__hover-label{left:100%;margin-left:0}.square__page-next .square__hover-label{left:auto;margin-right:0;right:100%;text-align:right}.fade-wrapper{height:100%;position:relative;width:100%}.fade-overlay{background-color:initial;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:10}.fade-overlay.active{opacity:1}.fade-content{position:relative;transition:opacity .3s ease-in-out;z-index:5}.corner-text{bottom:32px;font-size:14px;font-weight:400;left:32px;line-height:24px;position:fixed}.main__page--container{align-items:center;display:flex;height:100vh;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:100}.main__page--header-wrapper{height:min(240px,25vh);max-width:min(900px,90vw);pointer-events:none;position:relative;width:100%}.main__page--header{color:#1a1b1c;font-size:0;font-weight:300;height:100%;letter-spacing:2px;line-height:min(120px,12.5vh);margin:0;position:relative;width:100%}.header-line-1,.header-line-2{font-size:min(128px,13.3vw);left:50%;position:absolute;transform:translateX(-50%);transition:transform .6s ease;white-space:nowrap;will-change:transform}.header-line-1{top:0}.header-line-2{top:min(132px,13.75vh)}.header-left .header-line-1{transform:translateX(calc(-50% - 448px))}.header-left .header-line-2{transform:translateX(calc(-50% - 596px))}.header-right .header-line-1{transform:translateX(calc(-50% + 448px))}.header-right .header-line-2{transform:translateX(calc(-50% + 596px))}@media (max-width:768px){.square__page-back.main,.square__page-next.main{top:128px}.main__page--header-wrapper{top:-136px}}.loading-container{align-items:center;background:#fcfcfc;background:var(--color-bg-white,#fcfcfc);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.image-options__camera-loading .loading-container{background:#0000;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:15}.image-options__camera-loading .loading-container canvas{height:100vh;max-height:100vh;max-width:100vw;width:100vw}.loading-container canvas{max-height:100vh;max-width:100vw}@media (max-width:768px){.loading-container{left:0;position:fixed;top:0}.loading-container,.loading-container canvas{height:100vh;width:100vw}.image-options__camera-loading .loading-container{height:100vh;left:0;position:fixed;top:0;width:100vw}.image-options__camera-loading .loading-container canvas{height:100vh;object-fit:cover;width:100vw}}.loading__message--wrapper{background-color:initial;height:100%;position:fixed;width:100%}.loading__message--text,.loading__message--wrapper{align-items:center;display:flex;justify-content:center;margin:0 auto;z-index:100}.loading__message--text{size:16px;color:#1a1b1c;color:var(--color-text-black,#1a1b1c);flex-direction:column;font-weight:600;letter-spacing:-2%;line-height:24px}:root{--square-size:220px}.image-options{gap:400px;margin:-200px auto 0;max-width:1400px;padding:2rem 0;width:100%}.image-options,.image-options__option{display:flex;justify-content:center;position:relative}.image-options__option{align-items:center;cursor:pointer}.image-options__double-square-container{align-items:center;display:flex;height:100%;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.image-options__inner-square,.image-options__outer-square{pointer-events:none;position:absolute;transform-origin:center;z-index:1}.image-options__outer-square{animation:rotateClockwise 80s linear infinite;height:200px;width:200px}.image-options__inner-square{animation:rotateCounterClockwise 120s linear infinite;height:10px;width:180px}.image-options__diamond{align-items:center;background:none;border:none;display:flex;height:405.18px;justify-content:center;position:relative;transform:rotate(45deg);width:405.18px;z-index:2}.image-options__option--right .image-options__diamond{animation:rotateSquareReverse 120s linear infinite}.image-options__icon-container{align-items:center;display:flex;position:relative;transform:rotate(-45deg);z-index:3}.image-options__option--right .image-options__icon-container{animation:counterRotateSquareReverse 120s linear infinite}.image-options__icon{color:#000;flex-shrink:0;font-size:64px;z-index:3}.image-options__label-container{flex-direction:column;opacity:1}.image-options__callout,.image-options__label-container{display:flex;pointer-events:none;position:absolute;z-index:10}.image-options__callout{align-items:center;gap:6px;opacity:0;transition:opacity .3s ease}.image-options__option:hover .image-options__callout{opacity:1}.image-options__callout-line{background:#000;height:1px;transform-origin:left center;width:70px}.image-options__callout-text{display:flex;flex-direction:column;font-weight:600}.image-options__callout-text,.image-options__label{color:#000;font-size:.75rem;line-height:1.2;white-space:nowrap}.image-options__label{margin-left:66px;-webkit-user-select:none;user-select:none}.image-options__option--left .image-options__label-container{left:40px;top:-157px}.image-options__option--left .image-options__callout{flex-direction:row;transform:rotate(-45deg)}.image-options__option--left .image-options__callout-text{margin-left:5px;transform:rotate(45deg)}.image-options__option--right .image-options__label-container{left:-225px;top:157px}.image-options__option--right .image-options__callout{flex-direction:row;transform:rotate(-45deg)}.image-options__option--right .image-options__callout-text{margin-left:5px;transform:rotate(45deg)}.image-options__camera-screen{align-items:center;background-color:#000;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;z-index:1000}.image-options__camera-container{height:100%;width:100%}.image-options__video-wrapper{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:1}.image-options__video-element{background-color:#000;height:100%;left:0;object-fit:cover;position:absolute;top:0;transform:scaleX(-1);width:100%;z-index:2}.image-options__camera-container{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.image-options__camera-container:before{animation:camera-loading 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:50px;left:50%;margin:-25px 0 0 -25px;position:absolute;top:50%;width:50px;z-index:0}@keyframes camera-loading{to{transform:rotate(1turn)}}.image-options__permission-wrapper{height:136px;left:592px;overflow:none;position:fixed;top:442px;width:352px;z-index:10}.image-options__permission-dialog{align-items:center;background-color:#000000e6;display:flex;height:136px;justify-content:center;left:50%;position:relative;top:50%;transform:translate(-50%,-50%);width:352px;z-index:1001}.image-options__permission-content{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;width:100%}.image-options__permission-icon{align-items:center;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:30px;height:60px;justify-content:center;width:60px}.image-options__permission-text{color:#fff;font-family:RoobertTRIAL-Regular,sans-serif;font-size:16px;font-weight:600;margin-top:16px;text-align:center;width:100%}.image-options__permission-buttons{border-top:1px solid #fcfcfc;bottom:0;display:flex;gap:20px;justify-content:flex-end;margin-top:10px;position:fixed;width:100%}.image-options__permission-button{background-color:initial;border:none;cursor:pointer;font-family:RoobertTRIAL-Regular,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.image-options__permission-button:hover{background-color:none!important;background:none;color:var(--color-bg-hover)}.image-options__setup-screen{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1001}.image-options__setup-content{align-items:center;display:flex;flex-direction:column;gap:20px}.image-options__setup-icon{align-items:center;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:30px;height:60px;justify-content:center;width:60px}.image-options__setup-text{color:#fff;font-size:16px;font-weight:600;text-align:center}.image-options__camera-setup{color:#fcfcfc}.image-options__camera-loading,.image-options__camera-setup{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.image-options__camera-icon-container{align-items:center;display:flex;flex-direction:column;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:20}.image-options__camera-icon{height:120px;width:120px}.image-options__camera-instructions{pointer-events:none;z-index:25}.image-options__camera-controls{align-items:center;display:flex;position:absolute;right:32px;top:50%;transform:translateY(-50%);z-index:10}.image-options__take-pic{align-items:center;display:flex;flex-direction:column;gap:16px}.image-options__camera-button-container{cursor:pointer;height:62px;position:relative;transition:all .3s ease;width:62px}.image-options__camera-button-outer:hover{transform:scale(1.1)}.image-options__camera-button-container:hover .image-options__camera-button-inner,.image-options__camera-button-outer:active{transform:scale(.9)}.image-options__camera-button-container:active .image-options__camera-button-inner{transform:scale(1.1)}.image-options__camera-button-inner{background-color:#fcfcfc;border-radius:50%;height:55px;left:3px;position:absolute;top:3px;transition:all .3s ease-in-out;width:55px}.image-options__camera-button-outer{border:2px solid #fcfcfc;border-radius:50%;height:62px;left:0;position:absolute;top:0;transition:all .3s ease-in-out;width:62px}.image-options__take-picture-text{color:#fcfcfc;font-size:16px;font-weight:600;letter-spacing:-.32px;opacity:.7;white-space:nowrap}.image-options__camera-instructions{align-items:center;bottom:40px;display:flex;flex-direction:column;left:0;position:absolute;width:100%;z-index:110}.image-options__instructions-title{color:#fcfcfc;font-size:12px;font-weight:400;letter-spacing:-.24px;margin-bottom:16px;text-align:center}.image-options__instruction-text--setup,.image-options__instructions-title--setup{color:#000!important}.image-options__instructions-items{display:flex;gap:32px}.image-options__instruction-item{align-items:center;display:flex;gap:5px}.image-options__instruction-checkbox{border:1px solid #fcfcfc;height:8px;transform:rotate(-45deg);width:8px}.image-options__instruction-checkbox--setup{border-color:#000}.image-options__instruction-text{color:#fcfcfc;font-size:12px;font-weight:400;letter-spacing:-.24px;white-space:nowrap}.image-options__instructions-title--setup{color:#000!important}.image-options__back-button-container{left:32px;position:absolute;top:32px;z-index:1002}.camera-back-button{align-items:center;bottom:40px;cursor:pointer;display:flex;justify-content:center;left:40px;z-index:1005}.camera-back-border,.camera-back-button{height:44px;position:absolute;width:44px}.camera-back-border{background-color:initial;border:1px solid #fcfcfc;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);transition:all .3s ease;z-index:10}.camera-back-icon-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:11}.camera-back-icon{color:#000;color:var(--color-bg-black,#000);display:block;font-size:34.57px;transition:all .3s ease}.camera-back-button:hover .camera-back-border{border-color:#fcfcfcb3}.image-options__preview{border:1px solid #ccc;border-radius:0;height:300px;margin:0 auto;max-width:400px;overflow:hidden;position:relative;width:100%}.image-options__preview-image{display:block;height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.image-options__preview-overlay{align-items:center;background:#00000080;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;left:0;opacity:1;position:absolute;top:0;transition:opacity .3s ease;width:100%}.image-options__preview-text{background:#000000b3;border-radius:0;color:#fff;font-size:1.25rem;padding:1rem;text-align:center}.image-options__submit-button{background-color:#000;border:2px solid #fff;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;padding:10px 30px;transform:rotate(0deg);transition:all .3s ease}.image-options__submit-button:hover{background-color:#fff;color:#000;transform:scale(1.05)}.image-options__camera-loading .image-options__camera-instructions{p{color:var(--color-text-black)}}.setup__message--wrapper{background-color:initial;height:100%;margin:0 auto;position:fixed;width:100%}.setup__message--text,.setup__message--wrapper{align-items:center;display:flex;justify-content:center;z-index:100}.setup__message--text{size:16px;color:#1a1b1c;color:var(--color-text-black,#1a1b1c);flex-direction:column;font-weight:600;letter-spacing:-2%;line-height:24px;margin-top:272px}@media (max-width:1024px){.image-options{flex-direction:column;gap:100px}}@media (max-width:768px){.image-options{flex-direction:column;gap:100px}.image-options__option{justify-content:center;width:100%}.image-options__diamond{height:300px;width:300px}.image-options__icon{font-size:48px}.image-options__label-container{left:-50px;top:-120px}.image-options__permission-wrapper{left:128px}}.test-form__container{align-items:center;display:flex;height:100vh;justify-content:center;padding:32px;z-index:-1}.test-form{background-color:initial;max-width:644px;padding:24px;position:relative;text-align:center;width:100%;z-index:100}.test-form-label{color:var(--color-text-secondary);font-size:14px;font-weight:400;letter-spacing:0;line-height:24px;opacity:1;transition:all .3s ease}.test-form:has(.test-form__step--3.test-form__step--visible) .test-form-label{opacity:0}.test-form__steps-wrapper{min-height:180px;position:relative;width:100%}.test-form__step{align-items:center;background-color:initial;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .4s ease-in-out;width:100%;will-change:opacity;z-index:1}.test-form__step--2{left:0;top:0}.test-form__step--visible{opacity:1;pointer-events:auto;z-index:2}.test-form__step--fading{opacity:0;pointer-events:none;z-index:1}.test-form__input{background-color:initial;border:none;border-bottom:1px solid var(--color-text-black);border-radius:0;color:var(--color-text-black);font-size:16px;font-size:60px;font-weight:400;letter-spacing:-7%;line-height:64px;margin-bottom:16px;outline:none;padding:12px;position:relative;text-align:center;width:100%;z-index:10}.test-form__input::placeholder{color:#0000004d;opacity:1}.test-form__button{cursor:pointer;font-size:16px;margin:8px auto;padding:10px 16px;transition:background-color .2s ease}.test-form__button,.test-form__button--secondary{background-color:initial;border:1px solid var(--color-bg-hover);color:var(--color-text-secondary)}.test-form__button:hover:enabled{background-color:var(--color-bg-hover);color:var(--color-text-white)}.test-form__button-group{display:flex;gap:12px;justify-content:center;min-height:56px;width:72px}.test-form__upload-label{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.test-form__upload-input{padding:6px}.test-form__message{color:#2ecc71;font-weight:500;margin-top:20px}.test__intro--container{align-items:center;display:flex;height:100%;justify-content:flex-start;margin:0;position:fixed;top:0;width:100%}.test__intro--header{align-items:center;display:flex;font-size:60px;font-weight:400;justify-content:center;letter-spacing:-7%;line-height:64px;margin:0 auto;text-align:center;text-align:left}.analysis-text{font-size:16px;font-weight:600;left:32px;letter-spacing:-2%;line-height:24px;position:fixed;top:86px}.square__page-back.test,.square__page-next.test{top:128px}.loading-page{height:100%;overflow:hidden;position:relative;width:100%}.loading-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.loading-text{color:#1a1b1c;color:var(--color-text-black,#1a1b1c);font-size:16px;font-weight:600;letter-spacing:-2%;line-height:24px;margin-top:20px}@media screen and (max-width:768px){.loading-page{overflow-y:auto!important}}.analysis-container{align-items:center;background-color:#fcfcfc;display:flex;flex-direction:column;left:0;min-height:100vh;padding-bottom:32px;padding-top:64px;position:fixed;top:0;width:100%}.analysis-content{margin-bottom:64px;padding-left:32px;padding-right:32px;width:100%}.analysis-header{margin-bottom:24px;margin-top:32px}.analysis-title{font-size:16px;letter-spacing:-.32px;line-height:24px;margin:0}.analysis-title,.demographics-title{color:var(--color-text-black);font-family:Roobert Trial,sans-serif;font-weight:600}.demographics-title{font-size:40px;letter-spacing:-.8px;line-height:48px;margin:8px 0}.demographics-subtitle{color:var(--color-text-black);font-family:Roobert Trial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;margin:0}.analysis-main{display:flex;gap:24px;justify-content:space-between;margin-top:32px}.demographics-cards{display:flex;flex-direction:column;gap:16px;width:212px}.demographics-card-wrapper{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.demographics-card-wrapper:hover{box-shadow:0 4px 8px #0000001a;transform:scale(1.02)}.demographics-card-wrapper.active{box-shadow:0 4px 12px #00000026;transform:scale(1.02)}.progress-display-wrapper{background-color:#f3f3f4;border-top:1px solid var(--color-text-black);flex:1 1;max-width:600px;position:relative;transition:all .3s ease}.selected-value-display{border-bottom:none;color:var(--color-text-black);font-family:Roobert Trial,sans-serif;font-size:32px;font-weight:600;letter-spacing:-.64px;line-height:40px;padding:24px;text-transform:capitalize}.progress-circle-container{align-items:center;border:none!important;display:flex;justify-content:flex-end;outline:none!important;padding:24px}.confidence-tables{transition:all .3s ease;width:300px}.confidence-table-header{color:var(--color-text-black);display:flex;font-family:Roobert Trial,sans-serif;font-size:16px;font-weight:600;justify-content:space-between;letter-spacing:-.32px;line-height:24px;margin-bottom:8px;transition:all .3s ease}.mobile-dropdowns{margin-top:24px;width:100%}.mobile-dropdown-section{margin-bottom:24px}.mobile-dropdown-title{color:var(--color-text-black);font-family:Roobert Trial,sans-serif;font-size:16px;font-weight:600;letter-spacing:-.32px;line-height:24px;margin:0 0 8px;text-transform:uppercase}.desktop-only{display:block}.mobile-only{display:none}.analysis-footer{align-items:center;display:flex;justify-content:space-between;margin-top:48px}.instruction-text{color:#a0a4ab;font-family:Roobert Trial,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.32px;line-height:16px;margin:0 0 0 412px;text-align:center}.action-buttons{display:flex;gap:16px;transform:translateY(96px)}.reset-button{all:unset;border:1px solid var(--color-text-black);box-sizing:border-box;color:var(--color-text-black);cursor:pointer;font-family:Roobert Trial,sans-serif;font-size:16px;font-weight:600;letter-spacing:-.32px;line-height:16px;padding:12px 24px;transition:background-color .2s ease}.reset-button:hover{background-color:#0000000d}.confirm-button{all:unset;background-color:var(--color-text-black);box-sizing:border-box;color:#fcfcfc;cursor:pointer;font-family:Roobert Trial,sans-serif;font-size:16px;font-weight:600;letter-spacing:-.32px;line-height:16px;padding:12px 24px;transition:background-color .2s ease}.confirm-button:hover{background-color:#333}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.confidence-table:not(.hidden){animation:fadeIn .3s ease-in-out}.confidence-table-header{transition:opacity .3s ease}.progress-circle-container,.selected-value-display{transition:all .3s ease}.square__page-back.analysis{top:128px}@media (max-width:1200px){.analysis-main{flex-wrap:wrap}.progress-display-wrapper{margin-bottom:24px;max-width:100%;order:1}.demographics-cards{flex-direction:row;justify-content:space-between;order:2;width:100%}.confidence-tables{margin-top:24px;order:3;width:100%}}@media (max-width:1024px){.analysis-container{height:100vh!important;min-height:0!important;overflow-y:auto!important;position:relative!important}.desktop-only{display:none}.mobile-only{display:block}.analysis-main{flex-direction:column}.demographics-cards{flex-direction:row;justify-content:space-between;margin-bottom:24px;order:1;width:100%}.progress-display-wrapper{margin-bottom:24px;order:2;width:100%}.mobile-dropdowns{order:3;width:100%}}@media (max-width:768px){.analysis-container{height:100vh!important;min-height:0!important;overflow-y:auto!important;position:relative!important}.analysis-content{padding:0 16px}.analysis-main{flex-direction:column}.demographics-cards{flex-direction:row;flex-wrap:wrap;justify-content:center;order:1;width:100%}.demographics-card-wrapper{max-width:180px;width:calc(50% - 8px)}.progress-display-wrapper{margin:24px 0;order:2;width:100%}.mobile-dropdowns{order:3;width:100%}.analysis-footer{align-items:center;flex-direction:column;gap:24px}.instruction-text{margin-bottom:16px;margin-left:0;text-align:center}.action-buttons{justify-content:space-between;width:100%}.demographics-title{font-size:32px;line-height:40px}.mobile-dropdown-title{font-size:14px}}@media (max-width:480px){.demographics-cards{align-items:center;flex-direction:column}.demographics-card-wrapper{max-width:100%;width:100%}.selected-value-display{font-size:28px;padding:16px}.progress-circle-container{padding:16px}.action-buttons{flex-direction:column;gap:16px}.confirm-button,.reset-button{text-align:center;width:100%}.mobile-dropdown-section{margin-bottom:20px}.mobile-dropdown-title{font-size:13px;margin-bottom:6px}}.demographics-card{background-color:#f3f3f4;border-radius:0;border-top:1px solid var(--color-text-black);height:104px;max-width:212px;position:relative;transition:transform .2s ease,background-color .2s ease;width:100%}.demographics-card--active{background-color:var(--color-text-black)}.demographics-card__rectangle{display:none}.demographics-card__content{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:16px}.demographics-card__title{font-size:14px;font-weight:400;letter-spacing:-.28px;line-height:16px;opacity:.6;text-transform:uppercase}.demographics-card__title,.demographics-card__value{color:var(--color-text-black);font-family:Roobert Trial,sans-serif}.demographics-card__value{font-size:20px;font-weight:600;letter-spacing:-.4px;line-height:24px;margin-top:16px;text-transform:capitalize}.demographics-card--active .demographics-card__title,.demographics-card--active .demographics-card__value{color:var(--color-text-white)}@media (max-width:1200px){.demographics-card{max-width:180px}}@media (max-width:1024px){.demographics-card{border-radius:8px;box-shadow:0 2px 8px #0000000a;margin-bottom:12px;max-width:100%;width:100%}.demographics-card__content{min-height:88px;padding:14px 16px}.demographics-card__title,.demographics-card__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:768px){.demographics-card{margin-bottom:16px}.demographics-card__content{padding:12px 14px}}@media (max-width:480px){.demographics-card{border-radius:12px;height:auto;margin-bottom:16px;min-height:90px}.demographics-card__content{min-height:78px;padding:12px}.demographics-card__value{font-size:18px;line-height:22px;margin-top:8px}.demographics-card__title{font-size:12px;line-height:14px}}.confidence-table{background-color:#f3f3f4;border-radius:0;border-top:1px solid var(--color-text-black);height:auto;margin-bottom:16px;max-width:300px;min-height:200px;position:relative;width:100%}.mt-4{margin-top:24px}.confidence-table__header,.confidence-table__rectangle{display:none}.confidence-table__title{color:var(--color-text-black);font-family:Roobert Trial,sans-serif;font-size:16px;font-weight:600;letter-spacing:-.32px;line-height:24px}.confidence-table__title--right{text-align:right}.confidence-table__row{cursor:pointer;height:40px;transition:background-color .2s ease;width:100%}.confidence-table__row:hover{background-color:#e1e1e2}.confidence-table__row--highest,.confidence-table__row--selected{background-color:var(--color-text-black)}.confidence-table__row-content{align-items:center;display:flex;height:100%;padding:8px 12px;position:relative}.confidence-table__selector{align-items:center;display:flex;margin-right:8px}.confidence-table__range{flex-grow:1;text-transform:capitalize}.confidence-table__range,.confidence-table__value{color:var(--color-text-black);font-family:Roobert Trial,sans-serif;font-size:14px;font-weight:400;letter-spacing:-.28px;line-height:16px}.confidence-table__value{text-align:right}.confidence-table__row--highest .confidence-table__range,.confidence-table__row--highest .confidence-table__value,.confidence-table__row--selected .confidence-table__range,.confidence-table__row--selected .confidence-table__value{color:var(--color-text-white)}.hidden{display:none}@media (max-width:1024px){.confidence-table{max-width:100%;overflow-x:auto}.confidence-table__row{border-radius:8px;height:auto;margin-bottom:8px;min-height:48px;transition:background-color .2s ease,transform .1s ease}.confidence-table__row:active{background-color:#d1d1d2;transform:scale(.98)}.confidence-table__row--selected:active{background-color:#000c}.confidence-table__row-content{box-sizing:border-box;gap:12px;min-height:48px;padding:12px 16px}.confidence-table__selector{flex-shrink:0;margin-right:0}.confidence-table__range{flex-grow:1;font-size:14px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confidence-table__value{flex-shrink:0;font-size:14px;line-height:18px;min-width:40px}}@media (max-width:480px){.confidence-table__row{margin-bottom:10px;min-height:52px}.confidence-table__row-content{padding:14px 12px}.confidence-table__range,.confidence-table__value{font-size:13px;line-height:16px}}.mobile-dropdown{margin-bottom:16px;width:100%}.mobile-dropdown__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f3f3f4;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--color-text-black);border-radius:8px;color:var(--color-text-black);cursor:pointer;font-family:Roobert Trial,sans-serif;font-size:16px;font-weight:400;line-height:24px;min-height:48px;padding:12px 48px 12px 16px;transition:all .2s ease;width:100%}.mobile-dropdown__select:focus{background-color:#fff;border-color:var(--color-text-black);box-shadow:0 0 0 2px #0000001a;outline:none}.mobile-dropdown__select:active{transform:scale(.99)}.mobile-dropdown__select option{background-color:#fff;color:var(--color-text-black);font-family:Roobert Trial,sans-serif;font-size:16px;padding:12px 16px}.mobile-dropdown__select option:disabled{color:#a0a4ab;font-style:italic}.mobile-dropdown__select option:checked{background-color:var(--color-text-black);color:#fff}@media (max-width:480px){.mobile-dropdown__select{background-position:right 14px center;background-size:14px;font-size:14px;padding:10px 40px 10px 14px}}@media (prefers-color-scheme:dark){.mobile-dropdown__select{border-color:#fff}.mobile-dropdown__select,.mobile-dropdown__select option{background-color:#2a2a2a;color:#fff}}.progress-display{align-items:flex-end;background-color:initial;border-radius:0;display:flex;flex-direction:column;height:auto;max-width:600px;position:relative;width:100%}.progress-display__rectangle{background-color:#1a1b1c;border-radius:2px;height:1px;left:0;position:absolute;top:0;width:100%}.progress-display__age{align-self:flex-start;color:var(--color-text-black);font-family:Roobert Trial,sans-serif;font-size:24px;font-weight:400;letter-spacing:-1.2px;line-height:32px;margin-bottom:24px}.progress-display__circle-container{align-items:center;display:flex;height:300px;justify-content:center;margin:0;position:relative;width:300px}.progress-display__circle{height:100%;left:0;position:absolute;top:0;width:100%}.progress-display__percentage-container{align-items:flex-start;display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-display__percentage{font-size:40px;letter-spacing:-2px}.progress-display__percentage,.progress-display__percentage-symbol{color:var(--color-text-black);font-family:Roobert Trial,sans-serif;font-weight:400;line-height:40px}.progress-display__percentage-symbol{font-size:24px;letter-spacing:-1.2px;margin-left:4px;margin-top:-12px}@media (max-width:1200px){.progress-display__circle-container{height:250px;width:250px}}@media (max-width:768px){.progress-display__circle-container{height:200px;width:200px}.progress-display__percentage{font-size:32px}.progress-display__percentage-symbol{font-size:20px}.progress-display__age{align-self:center;font-size:20px;line-height:28px;margin-bottom:16px;text-align:center}}@media (max-width:480px){.progress-display__circle-container{height:160px;width:160px}.progress-display__percentage{font-size:28px}.progress-display__percentage-symbol{font-size:18px;margin-top:-8px}.progress-display__age{font-size:18px;line-height:24px;margin-bottom:12px}}.element{display:flex;justify-content:center;overflow-x:hidden}.container,.element{background-color:#fcfcfc;position:relative;width:100%}.container{height:960px;left:0;max-width:1920px;top:0}.background-layer{height:1084px;left:-382px;position:absolute;top:-382px;width:2302px}.header-section{width:2302px}.header-section,.rombuses{height:764px;left:0;position:absolute;top:0}.rombuses{width:764px}.a-i-analysis{font-size:16px;font-weight:600;letter-spacing:-2%;top:86px;width:227px}.a-i-analysis,.a-i-has-estimated{left:414px;left:32px;line-height:24px;position:fixed}.a-i-has-estimated{color:var(--color-text-black);font-size:14px;font-weight:400;letter-spacing:0;top:118px;width:336px}.image{height:22px;left:396px;position:absolute;top:294px;width:18px}.diamond-grid{height:314px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:314px;z-index:1000!important}.diamond-item{background-color:#e0e0e2;height:154px;position:absolute;transition:all .3s ease-in-out;width:156px;z-index:inherit}.diamond-item:first-child:hover{cursor:pointer;transform:scale(1.05)}.diamond-item:not(:first-child){cursor:no-drop;pointer-events:auto}.diamond-item .diamond-content{align-items:center;display:flex;height:154px;justify-content:center;position:relative;width:154px}.diamond-item .label{color:var(--x-1a-1b-1c);font-family:var(--subhead-1920-font-family);font-size:16px;font-weight:600;letter-spacing:-2%;line-height:24px;text-align:center;transform:rotate(-45deg);white-space:nowrap}.diamond-item:first-child{left:0;top:0}.diamond-item.bottom-left{left:0;top:160px}.diamond-item.top-right{left:159px;top:1px}.diamond-item.bottom-right{left:160px;top:160px}.button-group{align-items:center;display:inline-flex;gap:16px;position:absolute}.button-group.left{left:32px;top:880px}.button-group.right{justify-content:flex-end;left:1733px;top:880px}@media screen and (max-width:1920px){.container{max-width:100%}.button-group.right{left:auto;right:32px}}@media screen and (max-width:768px){.container{height:100%;min-height:100vh}.background-layer{left:0;padding:20px;top:0}.background-layer,.header-section{height:auto;position:relative;width:100%}.header-section{margin-bottom:40px}.a-i-analysis{left:0;margin-top:60px;position:relative;top:0}.a-i-has-estimated{left:0;margin-top:10px;position:relative;top:0}.diamond-grid{left:50%;margin:100px 0;position:relative;top:128px;transform:translate(-50%,-50%) rotate(45deg)}.button-group.left,.button-group.right{left:auto;margin:20px 0;position:relative;right:auto;top:auto}.square__page-back.dashboard,.square__page-next.dashboard{position:fixed;top:-128px}.square__page-back.dashboard{left:-48px;top:256px}}@media screen and (max-width:576px){.diamond-grid{transform:translate(-50%,-50%) rotate(45deg) scale(.9)}.diamond-item .label{font-size:14px}}@media screen and (max-width:480px){.diamond-grid{transform:translate(-50%,-50%) rotate(45deg) scale(.7)}.diamond-item .label{font-size:12px}.a-i-analysis{font-size:14px}.a-i-has-estimated{font-size:12px;width:100%}}.button-icon-shrunk{height:44px;width:44px}.button,.text-wrapper{all:unset;box-sizing:border-box;color:var(--x-1a-1b-1c);font-family:var(--button-1920-font-family);font-size:var(--button-1920-font-size);font-style:var(--button-1920-font-style);font-weight:var(--button-1920-font-weight);letter-spacing:var(--button-1920-letter-spacing);line-height:var(--button-1920-line-height);white-space:nowrap;width:-webkit-fit-content;width:fit-content}.dashboard-page{background-color:#fcfcfc;flex-direction:column;height:100vh;overflow-x:hidden;width:100%}.dashboard-page,.square__page-back.dashboard{align-items:center;display:flex;justify-content:center}.square__page-back.dashboard{margin:0 auto;top:128px}.square__page-next.dashboard{top:128px}@media screen and (max-width:767px){.dashboard-page{height:auto;min-height:100vh;padding:20px 0}.square__page-back.dashboard,.square__page-next.dashboard{margin:20px 0;position:relative;top:auto}}@media screen and (max-width:480px){.dashboard-page{padding:10px 0}}:root{--color-text-black:#1a1b1c;--color-text-white:#fcfcfc;--color-text-secondary:#9e9e9e;--color-bg-white:#fcfcfc;--color-bg-black:#1a1b1c;--color-bg-hover:#9e9e9e;--global-font-weight:600;--global-line-height:16px;--global-letter-spacing:-2%}*{box-sizing:border-box}#root,*,body,html{margin:0;padding:0}#root,body,html{height:100%}html{overflow-x:hidden;width:100%}body{background-color:#fcfcfc;background-color:var(--color-bg-white);font-family:Roobert Trial,sans-serif;font-size:16px;overflow-x:hidden;width:100%}body,h1,h2,h3,h4,h5,h6{color:#1a1b1c;color:var(--color-text-black);font-weight:600;font-weight:var(--global-font-weight);letter-spacing:-2%;letter-spacing:var(--global-letter-spacing);line-height:16px;line-height:var(--global-line-height)}h1,h2,h3,h4,h5,h6{margin-bottom:12px}p{font-weight:600;font-weight:var(--global-font-weight);letter-spacing:-2%;letter-spacing:var(--global-letter-spacing);line-height:16px;line-height:var(--global-line-height);margin-bottom:16px}a,p{color:#9e9e9e;color:var(--color-text-secondary)}a{text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;outline:none}input,select,textarea{border:1px solid #ccc;border-radius:4px;margin-bottom:16px;padding:8px;width:100%}button{background-color:#1a1b1c;background-color:var(--color-bg-black);border:none;color:#fcfcfc;color:var(--color-text-white);cursor:pointer;transition:all .3s ease}button:hover{background-color:#9e9e9e;background-color:var(--color-bg-hover)}.container{margin:0 auto;max-width:960px;padding:20px}img,video{height:auto;max-width:100%}@media screen and (max-width:767px){body{font-size:14px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}}@media screen and (max-width:480px){.container{padding:10px}}@media screen and (max-width:768px){body,html{height:100vh!important;overflow-y:auto!important}}:root{--small-mobile:400px;--mobile:480px;--tablet:768px;--laptop:1024px;--desktop:1280px}@media (max-width:var(--tablet )){.form__container{display:flex;flex-direction:column;gap:16px;padding:24px}.form__field,.form__submit{width:100%}.loading__container{padding:32px;text-align:center}.loading__text{font-size:1.25rem}.dashboard__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.analysis__section{display:flex;flex-direction:column;gap:24px}.score__block{font-size:1rem;width:100%}.score__title{text-align:center}}@media (max-width:var(--small-mobile )){.form__container{gap:8px;padding:12px}.loading__container{padding:16px}.loading__text{font-size:1rem}.dashboard__grid{gap:8px}.analysis__section{gap:12px}.score__block{font-size:.9rem}}@media (max-width:var(--tablet )){.app-container,.intro__wrapper,.main__wrapper,.page-container{min-height:100vh;overflow-x:hidden!important}.analysis__section{gap:16px;padding:16px}.diamond__button,.navigation__arrow{margin:8px 0;transform:scale(.8)}.image-options{align-items:center;display:block!important;flex-direction:column!important;gap:4px!important;justify-content:center}.demographics__container{padding:16px}.demographics__title{font-size:1.5rem;margin-bottom:12px}.progress__circle{margin:12px auto;transform:scale(.85)}.progress__percentage{font-size:1.8rem}.demographics__controls{gap:8px;padding:12px 0}}@media (max-width:var(--small-mobile )){.analysis__section{gap:8px;padding:12px}.diamond__button,.navigation__arrow{margin:4px 0;transform:scale(.7)}.demographics__title{font-size:1.25rem;margin-bottom:8px}.progress__circle{margin:8px auto;transform:scale(.75)}.progress__percentage{font-size:1.5rem}.demographics__controls{gap:4px;padding:8px 0}}@media (max-width:var(--tablet )){.camera__icon,.intro__circle,.main__circle,.shutter__icon{margin:16px auto;transform:scale(.7)}.modal__container,.permission__modal{margin:20px auto;max-width:90%;padding:16px}.modal__text{font-size:.9rem;line-height:1.4}.modal__buttons{flex-direction:column;gap:8px}.modal__button{font-size:.9rem;padding:12px;width:100%}.intro__content,.main__content{gap:16px;padding:16px}.intro__text{font-size:.9rem;margin:12px 0;text-align:center}}@media (max-width:var(--small-mobile )){.camera__icon,.intro__circle,.main__circle,.shutter__icon{margin:12px auto;transform:scale(.6)}.modal__container,.permission__modal{margin:16px auto;max-width:95%;padding:12px}.modal__button,.modal__text{font-size:.8rem}.modal__button{padding:10px}.intro__content,.main__content{gap:12px;padding:12px}.intro__text{font-size:.8rem;margin:8px 0}}@media (max-width:var(--tablet )){.demographics__circle,.progress__display{margin:16px auto;transform:scale(.8)}.demographics__percentage{font-size:1.6rem}.demographics__subtitle{font-size:.9rem;margin:8px 0}.demographics__nav{gap:8px;padding:12px}.demographics__button{font-size:.85rem;padding:8px 16px}}@media (max-width:var(--small-mobile )){.demographics__circle,.progress__display{margin:12px auto;transform:scale(.7)}.demographics__percentage{font-size:1.4rem}.demographics__subtitle{font-size:.8rem;margin:6px 0}.demographics__nav{gap:4px;padding:8px}.demographics__button{font-size:.75rem;padding:6px 12px}}@media (max-width:var(--tablet )){.intro__headline,.intro__title,.main__headline,.main__title,.skincare__text,.sophisticated__text,h1,h2,h3,h4,h5,h6{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.intro__headline,.main__headline,.sophisticated__text{font-size:clamp(1.5rem,8vw,3rem);line-height:1.2;text-align:center}.intro__subheadline,.main__subheadline,.skincare__text{font-size:clamp(1rem,6vw,2rem);line-height:1.3;text-align:center}}@media (max-width:var(--small-mobile )){.intro__headline,.main__headline,.sophisticated__text{font-size:clamp(1.2rem,6vw,2rem);line-height:1.1;padding:8px}.intro__subheadline,.main__subheadline,.skincare__text{font-size:clamp(.9rem,4vw,1.5rem);line-height:1.2;padding:4px}.diamond__button,.navigation__arrow{position:relative;z-index:1}.intro__content,.main__content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-evenly;min-height:100vh}}@media (max-width:1024px){.square{transform:scale(.7) rotate(45deg);transform-origin:will-change}.main__page--header-wrapper{transform:scale(.75)}.main__page--header{gap:1rem!important}.square__page-back,.square__page-next{top:50%;transform:scale(.7) translateY(-50%);transform-origin:will-change}.square__page-back.test,.square__page-next.test{top:114px;z-index:9999}.image-options{display:flex;flex-direction:row}.image-options__option{transform:scale(.75)}.image-options__permission-wrapper{transform:translateX(-75%)}.action-buttons{margin-bottom:12px}}@media (max-width:768px){.image-options__permission-wrapper{transform:translateX(35%)}.diamond-grid{top:212px}.square__page-back.analysis{display:none}.test-form,.test-form_-steps-wrapper{transform:scale(.75)}.test-form__input{font-size:28px;margin-bottom:0}.image-options{gap:.5rem;margin:0;padding:0}.image-options__camera-container{align-items:center!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;top:0!important;width:100vw!important}.image-options__camera-container canvas,.image-options__camera-container video{height:100vh!important;left:0!important;object-fit:cover!important;position:absolute!important;top:0!important;transform:scaleX(-1)!important;width:100vw!important}.image-options__setup-screen{z-index:1001!important}.image-options__camera-setup,.image-options__setup-screen{height:100vh!important;left:0!important;position:fixed!important;top:0!important;width:100vw!important}.image-options__camera-loading,.image-options__camera-setup{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.image-options__camera-loading{height:100vh!important;left:0!important;position:fixed!important;top:0!important;width:100vw!important}.loading-container canvas{height:100vh!important;object-fit:contain!important;width:100vw!important}.image-options__permission-wrapper{left:-112px;top:128px}.image-options__camera-screen{align-items:center!important;background-color:#000!important;display:flex!important;justify-content:center!important;margin:0!important;overflow:hidden!important;padding:0!important}.image-options__camera-screen,.setup__message--wrapper{height:100vh!important;left:0!important;position:fixed!important;top:0!important;width:100vw!important;z-index:100!important}canvas{max-height:100vh!important;max-width:100vw!important}}@media (max-width:480px){.square__page-back.test,.square__page-next.test{top:96px}.diamond-grid{top:212px}.image-options__permission-wrapper{left:-112px;top:128px}.test-form__input{font-size:20px;margin-bottom:0}}
/*# sourceMappingURL=main.1b162219.css.map*/