@import url(https://api.fontshare.com/v2/css?f[]=satoshi@400,700&display=swap);body,html{height:100%;margin:0;padding:0}.Test-container,body,html{overflow:hidden;width:100vw}.Test-container{background:#fff;font-family:Satoshi,Inter,Arial,sans-serif;height:100vh;position:relative}.header{left:0;padding:16px 16px 0;position:absolute;top:0;width:100vw;z-index:10}.skinstric-link{color:inherit;display:inline-block}.Test-subtitle{color:#000;font-size:13px;font-weight:600;letter-spacing:.02em;margin-left:8px;margin-top:15px}.testing-diamond-stack{align-items:center;display:flex;height:780px;justify-content:center;left:50%;position:absolute;top:53%;transform:translate(-50%,-53%);width:780px;z-index:1}.testing-diamond{background:none;box-sizing:border-box;left:50%;opacity:30%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.testing-diamond1{animation:spin1 60s linear infinite;border:3px dotted #cfcfcf;height:650px;width:650px}.testing-diamond2{animation:spin2 55s linear infinite;border:3px dotted #afafaf;height:600px;width:600px}.testing-diamond3{animation:spin3 50s linear infinite;border:3px dotted #a09f9f;height:550px;width:550px}@keyframes spin1{to{transform:translate(-50%,-50%) rotate(405deg)}}@keyframes spin2{to{transform:translate(-50%,-50%) rotate(405deg)}}@keyframes spin3{to{transform:translate(-50%,-50%) rotate(405deg)}}.Test-center{left:50%;max-width:90vw;position:absolute;text-align:center;top:50%;transform:translate(-50%,-53%);width:640px;z-index:2}.Test-small{color:#8794ad;font-size:14px;font-weight:500;letter-spacing:.03em;opacity:.8}.Test-headline{border-bottom:2.1px solid #bdbdbd;color:#979797;display:inline-block;font-size:56px;font-weight:400;letter-spacing:.01em;line-height:1.03;padding-bottom:6px;position:relative}.Test-input{background:#0000;border:none;color:#000;font-family:inherit;font-size:clamp(1.1rem,7vw,56px);font-weight:400;max-width:70vw;min-width:100px;outline:none;padding:0 8px;text-align:center;width:460px}.processing-block{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:36px;min-height:68px;text-align:center}.processing-text{color:#686767;font-size:22px;font-weight:600;letter-spacing:.01em;margin-bottom:4px}.dot-loader{color:#787878;display:flex;font-size:40px;font-weight:700;gap:4px;justify-content:center;letter-spacing:2px;margin-top:4px}.dot-loader span{animation:dotBounce 1.2s infinite;opacity:.7}.dot-loader span:nth-child(2){animation-delay:.15s}.dot-loader span:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-9px)}}.thank-you-block{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:36px;min-height:68px;text-align:center}.thank-you-text{color:#3b3b3b;font-size:34px;font-weight:600;letter-spacing:.01em;margin-bottom:4px;margin-top:8px}.thank-you-next{color:#7c7c7c;font-size:18px;font-weight:500;letter-spacing:.01em;margin-top:10px}.test-proceed-btn{align-items:center;animation:fadeInLeftBounce 1.2s cubic-bezier(.22,.72,.28,.98) forwards;background:none;border:none;bottom:32px;color:#232323;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:600;gap:14px;opacity:0;padding:0;position:absolute;right:24px;text-decoration:none;transition:opacity .18s;will-change:transform,opacity;z-index:10}.test-proceed-btn .Back-btn-wrapper{align-items:center;display:inline-flex;justify-content:center;transition:transform .4s cubic-bezier(.22,1,.36,1)}.test-proceed-btn:focus-visible .Back-btn-wrapper,.test-proceed-btn:hover .Back-btn-wrapper{transform:scale(1.25)}.proceed-text{color:#232323;font-size:15px;font-weight:600;letter-spacing:.01em}@keyframes fadeInLeftBounce{0%{opacity:0;transform:translateX(-80px) scale(1)}65%{opacity:1;transform:translateX(0) scale(1)}80%{transform:translateY(-13px) scale(1.06)}to{opacity:1;transform:translateY(0) scale(1)}}.back-btn{align-items:center;background:none;border:none;bottom:32px;color:#232323;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:600;gap:14px;left:24px;padding:0;position:absolute;text-decoration:none;z-index:10}.Back-btn-wrapper{align-items:center;display:inline-flex;justify-content:center;transition:transform .4s cubic-bezier(.22,1,.36,1)}.back-btn:focus-visible .Back-btn-wrapper,.back-btn:hover .Back-btn-wrapper{transform:scale(1.25)}@media (max-width:700px){.testing-diamond-stack,.testing-diamond1{height:320px;width:320px}.testing-diamond2{height:240px;width:240px}.testing-diamond3{height:170px;width:170px}.test-proceed-btn{bottom:6px}}*{text-decoration:none}body,html{font-family:Satoshi,Inter,Arial,sans-serif}.landing-container,body,html{overflow-x:hidden}.side-chevron{height:100vh;position:absolute;top:0;width:18vw;z-index:1}.left-chevron{left:0}.right-chevron{right:0}.chevron-content,.side-chevron{width:38vw}.chevron-content{display:flex;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:18vw;z-index:2}.chevron-content .side-btn{pointer-events:auto}.left-chevron-content{left:0;padding-right:50px}.right-chevron-content{padding-left:50px;right:0}.side-btn{align-items:center;background:none;border:none;display:flex;font-size:15px;font-weight:600;gap:12px;opacity:1;padding:0;transition:opacity .35s cubic-bezier(.23,1.03,.49,.98)}.side-btn .diamond-wrap{align-items:center;display:flex;justify-content:center;transition:transform 1.5s cubic-bezier(.22,1,.36,1);will-change:transform}.side-btn:focus-visible .diamond-wrap,.side-btn:hover .diamond-wrap{transform:scale(1.2)}.side-btn:active .diamond-wrap{transform:scale(1.13)}.diamond-icon{transition:inherit}.side-btn-hidden,.side-chevron-hidden{opacity:0;transition:opacity .25 cubic-bezier(.23,1.03,.49,.98)}.landing-logo{align-items:center;display:flex;font-size:15px;font-weight:600;gap:10px}.skinstric-bold{font-size:14px;font-weight:600;padding:2px 8px}.landing-intro{color:#888;font-size:14px;font-weight:600;opacity:60%}.landing-code-btn{background:#000;border:1px solid #181818;color:#fff;font-size:10px;font-weight:700;margin-right:5px;min-height:25px;min-width:35px;padding:5px 8px}.landing-main{align-items:center;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:absolute;top:0;transform:translateY(40px);transition:opacity 1.7s cubic-bezier(.4,1,.54,1),transform 1.7s cubic-bezier(.4,1,.54,1);width:100vw}.landing-main.landing-main-visable{opacity:1;transform:translateY(0)}.landing-main h1{color:#181818;font-size:128px;font-weight:300;letter-spacing:-7%;line-height:125px;margin:0;position:relative;text-align:center;transition:transform .8s cubic-bezier(.23,1.03,.49,.98),opacity .6s cubic-bezier(.23,1.03,.49,.98);will-change:transform,opacity}.headline-skincare{display:inline-block;transition:transform .8s cubic-bezier(.23,1.03,.49,.98),text-align .6s cubic-bezier(.23,1.03,.49,.98)}.skincare-move-left{transform:translateX(120px)}.skincare-move-right{transform:translateX(-120px)}.move-right{opacity:1;transform:translateX(15vw)}.move-left{opacity:1;transform:translateX(-15vw)}.landing-side-text{size:14px;color:#181818;display:inline-block;font-weight:600;letter-spacing:-2%;line-height:16px;opacity:.8;opacity:70%;transition:transform .5s cubic-bezier(.23,1.03,.49,.98),opacity .4s cubic-bezier(.23,1.03,.49,.98)}.landing-desc{bottom:34px;color:#161616;font-size:14px;font-weight:400;left:34px;letter-spacing:0;line-height:18px;max-width:400px;opacity:.9;position:absolute;text-align:left;z-index:5}.landing-hero-mobile{display:none}@media (max-width:700px){.landing-hero-mobile{align-items:center;background:#fff;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.diamond-outer{box-sizing:border-box;height:min(70vw,95vh);overflow:visible;transform:rotate(45deg);width:min(70vw,95vh)}.diamond-inner,.diamond-outer{align-items:center;background:#fff;border:2.5px dotted #d3d3d3;display:flex;justify-content:center}.diamond-inner{height:80%;position:relative;transform:rotate(0deg);width:80%}.hero-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;position:relative;text-align:center;transform:rotate(-45deg);width:95%;z-index:2}.hero-headline{color:#181818;font-size:clamp(2rem,7vw,2.5rem);font-weight:400;letter-spacing:-.5px;line-height:1.12;margin-bottom:16px}.hero-subtext{color:#555;font-size:1rem;font-weight:400;line-height:1.4;margin-bottom:22px;max-width:92vw}.diamond-hero-btn{align-items:center;color:#000;display:flex;font-size:12px;font-weight:700;gap:5px;justify-content:center;margin-top:5px;min-width:180px}.diamond-hero-btn-icon img{display:inline-block}.diamond-hero-btn-text{display:inline-block;font-weight:700;letter-spacing:.01em;vertical-align:middle}.chevron-content,.header,.landing-desc,.landing-main,.side-chevron{display:none}}#root,body,html{background:#fff;font-family:Inter,Arial,sans-serif;height:100%;margin:0}.Results-container{background:#fff;font-family:inherit;min-height:100vh;overflow:hidden;position:relative;width:100vw}.header{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:space-between;padding:24px 44px 0 28px;width:100%}.skinstric-link{text-decoration:none}.skinstric-bold{color:#181818;font-size:13px;font-weight:700;letter-spacing:1.2px}.landing-intro{color:#919090;font-size:12px;margin-left:6px}.Test-subtitle{color:#232323;font-size:15px;font-weight:700;letter-spacing:.3px;margin-top:16px}.results-preview-block{align-items:flex-start;display:flex;flex-direction:column;padding-top:30px;position:absolute;right:50px;top:80px}.results-preview-label{color:#222;font-size:13px;margin-bottom:3px}.results-preview-box{background:#fff;border:1px solid #ccc;height:150px;width:150px}.center-row{gap:480px;margin-top:80px;min-height:calc(100vh - 160px)}.center-row,.results-diamond-card{align-items:center;display:flex;justify-content:center}.results-diamond-card{height:380px;position:relative;width:380px}.diamond-stack-results{height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1}.diamond-results{background:none;border:2px dotted #bdbdbd;height:282px;left:50%;opacity:.38;position:absolute;top:50%;width:282px}.results-diamond1{animation:diamond-rotate 45s linear infinite;transform:translate(-50%,-50%) rotate(9deg)}.results-diamond2{animation:diamond-rotate 40s linear infinite;transform:translate(-50%,-50%) rotate(-7deg)}.results-diamond3{animation:diamond-rotate 35s linear infinite;transform:translate(-50%,-50%) rotate(0deg)}.icon-circle{z-index:12}.icon-circle img{height:130px;object-fit:contain;transition:transform .22s ease-in-out;transition:width .4s ease-in-out,height .4s ease-in-out;width:130px}.icon-circle img:hover{transform:scale(1.05)}.dimmed{opacity:.5;pointer-events:none;transition:opacity .25s cubic-bezier(.23,1.03,.49,.98)}.card-label{color:#000;font-size:13px;font-weight:600;letter-spacing:.12em;line-height:2;position:absolute;text-transform:uppercase;width:150%;z-index:10}.icon-and-arrow{align-items:center;display:flex;flex-direction:column;position:relative}.card-label.gallery{left:-35%;position:absolute;top:125%;transform:translate(-50%)}.card-arrow.gallery{margin-left:-126px;margin-top:-125px}.card-label.camera{left:215%;top:-30%;transform:translate(-50%)}.card-arrow.camera{margin-left:-130px;margin-top:-130px;position:static}.card-arrow line{stroke:#000;stroke-width:1.5}.card-arrow circle{fill:#000;stroke:none}.custom-alert-overlay{align-items:flex-start;background:#0000002e;display:flex;inset:0;justify-content:center;padding-top:36px;position:fixed;z-index:99999}.custom-alert-box{align-items:flex-start;background:#232323;box-shadow:0 4px 18px 0 #0004;color:#fff;display:flex;flex-direction:column;font-family:inherit;min-width:500px;padding:28px 36px 24px;position:relative}.custom-alert-title{color:#b2e2f5;font-family:inherit;font-size:15px;font-weight:600;margin-bottom:14px}.custom-alert-message{color:#fff;font-family:inherit;font-size:15px;margin-bottom:20px;margin-top:20px}.custom-alert-btn{background:#d6e5ff;border:2px solid #b2cff5;color:#232323;cursor:pointer;font-size:16px;font-weight:500;margin-left:auto;margin-right:0;padding:7px 23px;transition:background .18s,border .18s}.custom-alert-btn:hover{background:#c5dfff;border-color:#7fc9f8}@media (max-width:700px){.header{padding:18px 3vw 0 4vw}.Results-container{padding:0 1vw 16px}.results-preview-box{height:96px;width:96px}.center-row{align-items:center;flex-direction:column;gap:30px;margin-top:150px}.results-diamond-card{height:270px;width:270px}.diamond-results,.results-diamond-stack{height:150px;width:150px}.icon-circle,.icon-circle img{height:110px;width:110px}.back-btn{bottom:7px;left:3vw}.card-arrow{display:none}.card-label.camera{margin-left:-180px;margin-top:150px}.card-label.gallery{margin-left:180px;margin-top:-20px}}.loading-overlay{align-items:center;background:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:2000}.loading-diamond-stack{height:350px;margin-bottom:0;position:relative;width:350px}.loading-diamond{background:none;border:2px dotted #bdbdbd;height:260px;left:50%;opacity:.38;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(0deg);width:260px}.loading-diamond1{animation:diamond-rotate 45s linear infinite;transform:translate(-50%,-50%) rotate(9deg)}.loading-diamond2{animation:diamond-rotate 40s linear infinite;transform:translate(-50%,-50%) rotate(-7deg)}.loading-diamond3{animation:diamond-rotate 35s linear infinite;transform:translate(-50%,-50%) rotate(0deg)}@keyframes diamond-rotate{0%{transform:translate(-50%,-50%) rotate(9deg)}to{transform:translate(-50%,-50%) rotate(369deg)}}.loading-message{color:#686767;font-size:15px;font-weight:600;left:50%;letter-spacing:.02em;position:absolute;text-align:center;top:52%;transform:translate(-50%,-50%)}.loading-dots span{animation:loading-dot-bounce 1.2s infinite;background-color:#787878;border-radius:50%;display:inline-block;height:8px;margin:20px 5px;width:8px}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes loading-dot-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-9px)}}.camera-loading-overlay{background:#fff;flex-direction:column;inset:0}.camera-fullscreen-preview,.camera-loading-overlay{align-items:center;display:flex;height:100vh;justify-content:center;position:fixed;width:100vw}.camera-fullscreen-preview{background:#000;bottom:0;left:0;right:0;top:0}.camera-loading-center-content{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.camera-loading-center-img{position:absolute}.camera-fade{animation:fadeInOut 1.5s cubic-bezier(.77,0,.18,1) infinite}@keyframes fadeInOut{0%{opacity:.18}18%{opacity:.45}38%{opacity:1}62%{opacity:1}82%{opacity:.45}to{opacity:.18}}.camera-loading-center-text{color:#232323;font-size:15px;font-weight:600;letter-spacing:.08em;margin-top:150px;padding:3px 12px}.camera-loading-hints{color:#232323;font-size:.95rem;line-height:2;margin-top:10px;max-width:520px;text-align:center}.camera-loading-points span{margin-right:10px}.camera-loading-bar-outer{background:#ece9f6;border-radius:7px;bottom:150px;box-shadow:0 1px 8px 0 #483a7717;height:13px;left:50%;max-width:90vw;overflow:hidden;position:absolute;transform:translateX(-50%);width:350px}.camera-loading-bar-inner.camera-loading-bar-step{background:linear-gradient(90deg,#c4c3c5,#6e6e6e 50%,#000);border-radius:7px 0 0 7px;height:100%;transition:width .17s step-end}@media (max-width:600px){.camera-loading-bar-outer{bottom:18px;max-width:100vw;min-width:110px;width:97vw}}.camera-loading-error{background:#fff6f6;border:1.5px solid #eb3c3c;box-shadow:0 2px 12px #c52a2a12;color:#c52a2a;font-family:inherit;font-size:1.15rem;margin-left:auto;margin-right:auto;margin-top:32px;max-width:450px;padding:18px 24px;text-align:center;transition:background .2s,color .2s,border .2s}.camera-fullscreen-video{height:100vh;object-fit:cover;width:100vw}.camera-modal-overlay{align-items:center;display:flex;height:105vh;justify-content:center;left:450px;position:fixed;top:0;width:40vw;z-index:9999}.camera-modal-box{background:#181818;box-shadow:0 4px 32px #00000026;font-family:inherit;overflow:hidden;width:375px}.camera-modal-title{border-bottom:1px solid #dfdddd;color:#fff;font-size:15px;font-weight:700;letter-spacing:.7px;padding:32px 28px 28px}.camera-modal-actions{display:flex;justify-content:flex-end}.camera-modal-btn{background:none;border:none;cursor:pointer;font-size:16px;letter-spacing:1.1px;padding:18px 32px 18px 0;transition:color .18s}.camera-modal-btn.deny{color:#bababa;font-weight:500;padding-right:15}.camera-modal-btn.allow{color:#fff;font-weight:700;padding-left:4px;padding-right:36px}.camera-modal-btn.allow:hover,.camera-modal-btn.deny:hover{text-decoration:underline}.card-arrow.dimmed circle,.card-arrow.dimmed line,.card-label.dimmed,.diamond-card.dimmed{opacity:.4;pointer-events:none;transition:opacity .18s}@media (max-width:700px){.camera-modal-overlay{height:100%;left:0;top:-10%;width:100%}.camera-modal-actions{justify-content:flex-start;margin-left:35px}}.select-page{background:#fff;font-family:Inter,Arial,sans-serif;min-height:100vh;position:relative;width:100vw}.select-subtext{color:#232323;font-size:14px;line-height:1.38;margin-bottom:0;margin-left:9px;margin-top:10px}.diamond-center{align-items:center;display:flex;justify-content:center;min-height:100vh}.diamond-grid-fixed{height:395px;position:relative;width:395px}.diamond-fixed{align-items:center;background:oklch(.967 .003 264.542);box-sizing:border-box;color:#000;display:flex;font-size:17px;font-weight:600;height:160px;justify-content:center;position:absolute;text-align:center;transition:box-shadow .2s;-webkit-user-select:none;user-select:none;width:160px}.diamond-fixed br,.diamond-fixed span{display:inline-block;transform:rotate(-45deg)}.diamond-top{background-color:oklch(.928 .006 264.531);cursor:pointer;left:50%;top:0;transform:translate(-50%) rotate(45deg);transform-origin:center center;transition:transform .25s cubic-bezier(.45,1.66,.41,.84),box-shadow .25s;will-change:transform}.diamond-top:hover{box-shadow:0 8px 24px 0 #bdbdbd33;transform:translate(-50%) rotate(45deg) scale(1.05);z-index:4}.diamond-bottom{bottom:0;left:50%;transform:translate(-50%) rotate(45deg)}.diamond-left{left:0}.diamond-left,.diamond-right{top:50%;transform:translateY(-50%) rotate(45deg)}.diamond-right{right:0}.diamond-bottom,.diamond-left,.diamond-right{cursor:not-allowed}.diamond-border-outline{border:2px dotted #bdbdbd;height:450px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg) scale(.6);transition:opacity .3s cubic-bezier(.57,1.36,.65,1.04),transform .45s cubic-bezier(.57,1.36,.65,1.04);width:450px;z-index:2}.diamond-top:hover~.diamond-border-outline{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1)}.diamond-left:hover~.diamond-border-outline,.diamond-right:hover~.diamond-border-outline{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1.15)}.diamond-bottom:hover~.diamond-border-outline{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1.25)}.select-next-btn{align-items:center;bottom:28px;display:flex;position:fixed;right:24px;text-decoration:none;z-index:20}.next-text,.select-next-btn{color:#181818;font-size:15px;font-weight:700}.next-text{letter-spacing:.04em;padding-right:10px}.back-btn:focus-visible .Back-btn-wrapper,.select-next-btn:hover .Back-btn-wrapper{transform:scale(1.25)}@media (max-width:900px){.diamond-grid{transform:scale(.8)}}@media (max-width:700px){.diamond-grid{transform:scale(.6)}.select-next-btn{bottom:8px;position:absolute;right:5px}}*{box-sizing:border-box}.summary-page,body{background:#fff;font-family:Inter,Arial,sans-serif;min-height:100vh;overflow-y:auto}.summary-subtitle{font-size:18px;font-weight:700;letter-spacing:.12em;margin-bottom:2px;margin-top:40px}.summary-demo{font-size:68px;font-weight:400;letter-spacing:-1px;line-height:.95;margin:5px 0 2px}.summary-subtext{color:#232323;font-size:14px;letter-spacing:.09em;margin-top:0}.summary-main-grid{grid-gap:20px;align-items:start;background:#fff;display:grid;gap:20px;grid-template-columns:minmax(100px,220px) 1fr minmax(140px,448px);margin-top:280px;min-width:0;width:100vw}.summary-side-panel{background:#fff;gap:12px;min-height:544px;padding-left:20px;width:100%}.summary-side-block,.summary-side-panel{display:flex;flex-direction:column;min-width:0}.summary-side-block{background:#f6f7f8;border-top:1px solid #000;box-sizing:border-box;color:#232323;font-size:clamp(1rem,2.5vw,19px);justify-content:flex-start;min-height:105px;overflow-wrap:break-word;padding:20px 16px 10px 18px;transition:background .15s,color .15s;word-break:break-word}.summary-side-block:hover{background-color:#b6b5b5;color:#fff;cursor:pointer;transition:background .16s,color .16s}.summary-side-block:hover:not(.selected){background:#b6b5b5;color:#000}.summary-side-block.active{background:#232323;color:#fff}.summary-main-label{font-size:18px;font-weight:600;margin-bottom:10px;text-transform:capitalize}.summary-side-type{font-size:16px;font-weight:600;letter-spacing:.01em;margin-top:auto}.summary-center-content{background:#f6f7f8;border-top:2px solid #000;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:544px;min-height:480px;position:relative;width:100%}.summary-center-title{align-self:start;font-size:48px;font-weight:400;grid-column:1/2;grid-row:1/2;justify-self:start;margin:15px 0 0 30px}.summary-donut-wrapper{align-self:end;grid-column:2/3;grid-row:2/3;justify-self:end;margin:0 30px 30px 0}.center-title-uppercase,.uppercase-gender-label{text-transform:uppercase!important}.center-bottom-text{bottom:40px;color:#bdbbbb;font-size:22px;font-weight:500;left:50%;letter-spacing:.05em;position:absolute;text-align:center;top:120%;transform:translateX(-50%);z-index:10}.summary-donut{height:400px;max-height:90vw;max-width:90vw;width:400px}.summary-donut-text{fill:#232323;dominant-baseline:middle;font-size:46px;font-weight:400}.donut-bg{stroke:#dbdbdb}.donut-fg{stroke:#232323;transition:stroke-dashoffset 1s cubic-bezier(.23,1,.32,1)}.summary-table-panel{background:#f7f8f9;border-top:2px solid #000;display:flex;flex-direction:column;height:544px;margin-right:20px}.summary-table-head{background:#fff;border-bottom:1px solid #e4e4e4;color:#232323;display:flex;font-size:17px;font-weight:600;justify-content:space-between;padding:17px 30px 17px 22px}.summary-table-body{display:flex;flex-direction:column;width:100%}.summary-table-row{align-items:center;background:#f7f8f9;border-bottom:1px solid #ececec;color:#232323;cursor:pointer;display:flex;font-size:16px;font-weight:400;justify-content:space-between;padding:14px 30px 14px 22px;transition:background .12s,color .12s}.summary-table-row:hover{background:#b6b5b5;color:#fff;transition:background .16s,color .16s}.summary-table-row.selected{background:#232323;color:#fff;font-weight:600}.summary-table-row:hover:not(.selected){background:#b6b5b5;color:#000}.summary-table-row.selected .summary-bullet{color:#fff}.bullet{color:#232323;font-size:13px;margin-right:6px}.summary-label{text-transform:capitalize}.summary-confidence{font-size:15px;font-weight:600;margin-left:10px}.diamond-indaction{background:#f7f8f9;border:2px solid #232323;box-sizing:border-box;display:inline-block;height:12px;margin-right:6px;position:relative;transform:rotate(45deg);width:12px}.diamond-indaction.selected{background:#232323;border-color:#fff}.inner-diamond-gap{background:#232323;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);z-index:1}.diamond-indaction.selected .inner-diamond-gap{background:#232323}.inner-indaction-diamond{background:#fff;height:5px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:5px;z-index:2}@media (max-width:600px){#root,body,html{max-width:100vw;min-height:100vh;min-width:100vw;overflow-x:hidden;width:100vw}.summary-content{box-sizing:border-box;margin:0 auto;max-width:100vw;min-width:0;padding:0 5vw 32px;width:100%}.header{background:#fff;box-sizing:border-box;margin:0;padding:25px;position:-webkit-sticky;position:sticky;width:100vw}.summary-subtitle{font-size:16px;font-weight:700;letter-spacing:.12em;margin-bottom:2px}.summary-demo{font-size:36px;font-weight:500;line-height:1.1;margin:15px 0 2px}.summary-subtext{color:#232323;font-size:13px;letter-spacing:.09em;margin-top:15px}.summary-main-grid{gap:30px;margin-top:50px;max-width:100vw;padding:0 25px}.summary-main-grid,.summary-side-panel{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;width:100%}.summary-side-panel{background:#0000;gap:10px;min-height:0;min-height:auto;padding:0}.summary-side-block{background:#f6f7f8;border-top:1px solid #000;color:#232323;cursor:pointer;font-size:1.03rem;padding:12px 5px 8px 10px;transition:background .16s,color .16s}.summary-side-block.active,.summary-side-block:active{background:#232323;color:#fff}.summary-center-content{background:#f6f7f8;border-top:2px solid #000;box-sizing:border-box;display:flex;height:auto;justify-content:center;min-width:0;padding:16px 16px 40px 70px;width:100%}.summary-center-title{display:none}.summary-donut-wrapper{display:flex;justify-content:center;margin:0 auto}.summary-donut{width:70vw}.summary-table-panel{background:#f7f8f9;border-top:2px solid #000;display:flex;flex-direction:column;margin:0;padding:8px 0 0;width:100%}.summary-table-head{background:#fff;color:#232323;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:13px 18px 13px 16px}.summary-table-body{width:100%}.summary-table-row{align-items:center;background:#f7f8f9;border-bottom:1px solid #ececec;color:#232323;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 18px 12px 16px;transition:background .16s,color .16s}.summary-table-row.selected{background:#232323;color:#fff;font-weight:600}.center-bottom-text{font-size:15px;left:15px;margin-top:18px;padding-bottom:14px;text-align:center;top:92%;transform:none;width:100%;z-index:1}}.cameraPage{background:#ddd;height:100vh;inset:0;overflow:hidden;padding-top:54px;position:fixed;width:100vw;z-index:0}.cameraPage:after{background:#e7e7e7;bottom:0;content:"";height:20px;left:0;position:fixed;right:0;z-index:200}.camera-error-overlay{display:flex;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.camera-error-message{background:#c00;border-radius:1rem;box-shadow:0 0 20px #000;color:#fff;font-size:1.5rem;padding:2rem 3rem;text-align:center}.sharpVideoWrapper{align-items:center;display:flex;height:100vh;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100vw;z-index:2}.sharpVideo{height:100vh;object-fit:cover;width:100vw}.spotlight-cam-topbar{background:#fff;border-bottom:2px solid #e7e7e7;box-shadow:0 1px 8px 0 #00000008;height:54px;justify-content:space-between;left:0;padding:0 34px;right:0;top:0;width:100vw;z-index:100}.spotlight-cam-topbar,.takePictureButton{align-items:center;display:flex;position:absolute}.takePictureButton{background:none;border:none;cursor:pointer;gap:10px;right:60px;top:55%;transform:translateY(-50%);z-index:10}.cameraImgIcon{align-items:center;display:inline-flex;height:54px;justify-content:center;transition:transform .22s cubic-bezier(.22,1,.36,1);width:54px;will-change:transform}.cameraImgIcon:hover{transform:scale(1.08)}.cameraImgIcon img{height:100%;object-fit:contain;width:100%}.takePicText{color:#fff;font-family:Montserrat,sans-serif;font-size:1rem;letter-spacing:.03em}.tipsBottom{bottom:32px;color:#fff;left:0;position:absolute;text-align:center;width:100vw;z-index:10}.tipsMainText{font-size:.98rem;letter-spacing:.03em;margin-bottom:7px;opacity:.88}.tipsList,.tipsMainText{text-shadow:0 1px 6px #2228}.tipsList{display:flex;flex-direction:row;font-size:.92rem;gap:18px;justify-content:center;opacity:.87}.tipsList span{margin:0 4px}.back-text-camera{color:#fff}.previewPanel{align-items:center;bottom:48px;display:flex;flex-direction:column;left:0;position:absolute;width:100vw;z-index:30}.previewTitle{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:20px;text-shadow:0 1px 8px #222c}.previewButtonGroup{display:flex;gap:16px}.retakeBtn{background:#fff;border:none;box-shadow:0 2px 8px 0 #0002;color:#222;cursor:pointer;font-size:1.05rem;font-weight:600;padding:13px 25px;transition:background .18s,color .18s,box-shadow .18s}.retakeBtn:focus,.retakeBtn:hover{background:#f2f2f2;color:#000}.retakeBtn:disabled{cursor:not-allowed;opacity:.65}.usePhotoBtn{background:#181818;border:none;box-shadow:0 2px 8px 0 #0004;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;padding:13px 25px;transition:background .18s,color .18s,box-shadow .18s}.usePhotoBtn:focus,.usePhotoBtn:hover{background:#333;color:#fff}.usePhotoBtn:disabled{cursor:not-allowed;opacity:.65}.greatShotBanner{color:#fff;font-size:22px;font-weight:700;left:50%;letter-spacing:.03em;position:absolute;text-align:center;top:20%;transform:translateX(-50%);z-index:40}.analyzing-overlay{align-items:center;background:#00000045;display:flex;inset:0;justify-content:center;opacity:.8;position:fixed;z-index:9999}.analyzing-box{align-items:center;background:#acacac;border-radius:8px;box-shadow:0 2px 26px #0003;display:flex;flex-direction:column;padding:48px 46px 36px}.analyzing-text{color:#e9e9e9;font-size:1.45rem;font-weight:700;letter-spacing:.03em;margin-bottom:22px}@media (max-width:400px){.spotlight-cam-topbar{font-size:.92rem;height:44px;padding:0 5vw}.greatShotBanner{font-size:.9rem;padding:5px 6vw;top:10px}.previewPanel{bottom:8px;padding:0 2vw}.retakeBtn,.usePhotoBtn{font-size:.94rem;padding:9px 0}.previewTitle{font-size:.92rem;margin-bottom:9px}.analyzing-box{padding:20px 2vw 15px}.analyzing-text{font-size:.97rem}}@media (max-width:700px) and (orientation:landscape){.spotlight-cam-topbar{font-size:.9rem;height:40px;padding:0 4vw}.greatShotBanner{font-size:.9rem;padding:6px 9vw;top:7px}.blurryVideo,.sharpVideo,.takenPhoto{max-height:100vh;max-width:100vw}.blurryVideo,.sharpVideo,.sharpVideoWrapper,.takenPhoto{height:100vh;min-height:100vh;min-width:100vw;width:100vw}}@media (max-width:600px){.Back-btn-wrapper,.back-btn{bottom:7px;font-size:.93rem;left:7px}.tipsList{font-size:12px;margin-bottom:50px}.cameraPage:after,.hide-on-mobile,.takePicText{display:none}.retakeBtn,.usePhotoBtn{margin-bottom:60px}}
/*# sourceMappingURL=main.e04137c5.css.map*/