@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;max-width:1970px}body{font-family:Roboto,sans-serif;min-height:100vh}.header__container{max-height:64px;max-width:1920px}.header__row{justify-content:space-between;margin:0 0 12px;padding:12px 0}.header__logo,.header__row{align-items:center;display:flex}.header__logo{font-size:14px;padding:4px 0 0}.logo{color:#1a1b1c;margin:0 8px 0 0;padding:8px 16px;text-decoration:none;white-space:nowrap}.intro,.logo{font-weight:600}.intro{color:#1a1b1c83;margin:0 6px;opacity:.7}.enter__code-btn{background-color:#1a1b1c;color:#fcfcfc;font-size:10px;margin:0 16px;padding:8px 16px}.enter__code-btn:hover{background-color:#1a1b1c83;cursor:pointer}.title__container{margin:0 auto;max-width:900px;padding:2rem 1rem;transition:max-width .3s,padding .3s}.title__row{color:#1a1b1c;font-size:60px;font-weight:300;height:240px;letter-spacing:-.7px;text-align:center;transition:transform .5s cubic-bezier(.4,0,.2,1);width:680px}.title__row .main__heading,.title__row .sub__heading{font-size:clamp(2rem,6vw,5rem);transition:font-size .3s}.diamond{align-items:center;background:#0000;border:1px dotted #1a1b1c;display:flex;height:602px;justify-content:center;pointer-events:none;position:fixed;top:50%;transform:translateY(-50%) rotate(45deg);width:602px;z-index:1}.diamond--left{left:-301px}.diamond--right{right:-301px}.diamond-btn{background:#fff;border:none;border-radius:24px;cursor:pointer;font-size:1.2rem;font-weight:600;padding:16px 32px;transform:rotate(-45deg)}.btn--left{left:80px}.btn--left,.btn--right{position:fixed;top:50%;transform:translateY(-50%);z-index:2}.btn--right{right:80px}.diamond-btn:hover{background:#fff}.main-center{align-items:center;flex-direction:column;min-height:80vh}.home-btns-row,.main-center{display:flex;justify-content:center}.home-btns-row{flex-direction:row;gap:2rem;margin-top:2rem}.left__container,.right__container{transition:opacity .4s}.fade-out{opacity:0;pointer-events:none}.move-right{transform:translateX(300px)}.move-left{transform:translateX(-300px)}.rombuses-wrapper{align-items:center;display:flex;height:762px;justify-content:center;max-height:90vw;max-width:90vw;position:relative;width:762px}.rombuses{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.input-content{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:2}.type__text{margin-bottom:1rem;text-align:center}.input__name{font-size:60px;margin:.5rem 0;max-width:450px;width:100%}.sub__title{size:16px;font-weight:600;height:100%;letter-spacing:-2%;line-height:24px;max-height:24px;max-width:350px;padding-left:8px;width:100%}.rombuses{align-items:center;border:2px;display:flex;height:762px;width:762px}.type__text{size:14px;height:24px;line-height:24px;opacity:40%;width:120px}.input__name,.type__text{color:#1a1b1c;font-weight:400}.input__name{background:#0000;border:none;border-bottom:2px solid #1a1b1c;font-size:52px;height:65px;letter-spacing:-7%;line-height:64px;outline:none;text-align:center;width:420px}.back__btn{background:none;border:none;bottom:5rem;box-shadow:none;cursor:pointer;gap:16px;height:44px;left:5rem;margin:0;outline:none;position:fixed;width:97px;z-index:10}.Analysis__input--container{align-items:center;background:#fcfcfc;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative;width:100vw}.proceed__btn{bottom:5rem;margin:0;position:fixed;right:5rem;z-index:10}.choice__btns-container{flex-wrap:nowrap;gap:2rem;margin-top:3rem;overflow-x:auto}.camera__btn,.choice__btns-container,.gallery__btn{align-items:center;display:flex;justify-content:center}.camera__btn,.gallery__btn{background:none;border:none;cursor:pointer;height:100%;min-height:482px;min-width:520px;transition:transform .2s;width:100%}.camera__btn:active,.gallery__btn:active{transform:scale(.97)}.loading__container{align-items:center;background:#fcfcfc;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100vh;position:fixed;top:0;width:100vw;z-index:1000}.loading__choice{color:#d9d9d9;display:block;height:739px;max-height:90vw;max-width:90vw;position:relative;width:739px}.loading__text{color:#1a1b1c;font-size:16px;font-weight:600;left:50%;letter-spacing:-2%;line-height:24px;max-width:90vw;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.analysis__center--container{align-items:center;display:flex;justify-content:center;min-height:80vh;width:100vw}.analysis__rombuses-wrapper{align-items:center;display:flex;height:762px;justify-content:center;max-height:90vw;max-width:90vw;position:relative;width:762px}.analysis__rombuses{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.analysis__choice--container{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:313px;left:50%;padding:2px;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:313px;z-index:2}.analysis__btn{background:#f0f0f0;border:none;cursor:pointer;font-size:1.2rem;height:100%;transition:background .2s;width:100%}.analysis__btn:hover{background:#e0e0e0}.analysis__btn--txt{display:block;font-size:16px;text-align:center;transform:rotate(-45deg)}.analysis__btn--txt,.analysis__subheader{font-weight:600;letter-spacing:-2%;line-height:24px}.analysis__subheader{size:16px;color:#1a1b1c;height:24px;left:32px;position:absolute;top:86px;width:227px}.analysis__para--CONTAINER{size:14px;font-weight:400;height:48px;left:32px;letter-spacing:0;line-height:24px;position:absolute;top:118px;width:336px}.summary__btn{background-color:#fcfcfc;border:none;bottom:5rem;cursor:pointer;margin:0;position:fixed;right:5rem;z-index:10}.demo__title{size:72px;height:100%;left:29px;letter-spacing:-6%;line-height:64px;max-height:64px;max-width:505px;top:115px;width:100%}.demo__sub--title,.demo__title{font-weight:400;position:absolute}.demo__sub--title{size:14px;height:24px;left:32px;letter-spacing:0;line-height:24px;top:190px;width:227px}.demographics__content{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:2rem;justify-content:center;margin:2rem auto;max-width:1920px;padding-left:24px;padding-right:24px;padding-top:200px;width:100%}.btn__selection--container{display:flex;flex-direction:column;gap:1rem}.btn__selection--age,.btn__selection--race,.btn__selection--sex{background-color:#d9d9d9;border:none;border-top:2px solid #1a1b1c;cursor:pointer;gap:16px;height:104px;left:32px;text-align:left;width:208px}.btn__selection--age:hover,.btn__selection--race:hover,.btn__selection--sex:hover{background-color:#bfbfbf;border-top:2px solid #d9d9d9}.age__text,.race__text,.sex__text{left:16px;margin:0;position:relative;top:32px}.age__value,.race__value,.sex__value{bottom:32px;left:16px;position:relative;text-transform:uppercase}.btn__selection--age.selected,.btn__selection--race.selected,.btn__selection--sex.selected{background-color:#1a1b1c;border-top:2px solid #fff;color:#fff}.btn__selection--age.selected .age__text,.btn__selection--age.selected .age__value,.btn__selection--race.selected .race__text,.btn__selection--race.selected .race__value,.btn__selection--sex.selected .sex__text,.btn__selection--sex.selected .sex__value{color:#fff}.list__container{background:#d9d9d9;flex-direction:column;gap:1rem;height:544px;max-height:544px;max-width:448px;overflow-y:auto;padding:2rem 1.5rem}.list__container,.list__item{border:none;box-sizing:border-box;display:flex;width:100%}.list__item{align-items:center;background:#0000;border-radius:0;cursor:pointer;font-size:1rem;justify-content:space-between;padding:.75rem 1rem;text-transform:uppercase;transition:background .2s,color .2s}.list__item:hover{background-color:#bfbfbf}.race-key{text-align:left}.race-value{text-align:right}.percentage__display--container{background-color:#d9d9d9;border:none;border-top:2px solid #1a1b1c;display:flex;height:544px;width:1168px}.list__item.selected{background-color:#1a1b1c;color:#fff}.list__item.selected .race-key,.list__item.selected .race-value{color:#fff}.display__text{font-size:30px;font-weight:400;height:40px;left:20px;letter-spacing:-5%;line-height:40px;position:relative;text-transform:uppercase;top:20px;width:200px}.display__bottom-row{align-items:flex-end;bottom:2rem;display:flex;gap:1.5rem;justify-content:flex-end;right:2rem;width:100%;z-index:2}.circle__bg-wrapper{align-items:center;bottom:16px;display:flex;height:384px;justify-content:center;position:relative;right:16px;width:384px}.display__value{color:#1a1b1c;font-size:3rem;font-weight:700;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.circle__bg{display:block;height:100%;width:100%;z-index:1}.list__row{display:flex;padding:16px 0}.list__selection{left:10px;width:41px}.list__confidence,.list__selection{size:16px;color:#1a1b1c;font-weight:500;height:24px;letter-spacing:-2%;line-height:24px;position:relative;text-transform:uppercase;top:10px}.list__confidence{left:270px;width:126px}.warning__text{background:none;color:#a0a4ab;font-size:16px;font-weight:400;height:24px;justify-content:center;left:50%;letter-spacing:-2%;line-height:24px;transform:translateX(-50%);width:340px;z-index:-20}.next__btn--container,.warning__text{align-items:center;bottom:5rem;display:flex;position:fixed}.next__btn--container{gap:1rem;padding-right:8px;right:1rem}.reset__btn{background-color:#fcfcfc;color:#1a1b1c;display:flex;gap:8px;width:73px}.confirm__btn,.reset__btn{border:1px solid #1a1b1c;cursor:pointer;font-weight:600;height:35px;padding:9px 16px 10px}.confirm__btn{background-color:#1a1b1c;color:#fcfcfc;width:95px}@media (max-width:1200px){.title__container{max-width:600px;padding:1.5rem .5rem}}@media (max-width:800px){.title__container{max-width:95vw;padding:1rem .25rem}.title__row .main__heading,.title__row .sub__heading{font-size:clamp(1.5rem,8vw,3rem)}}@media (max-width:700px){.main-center{justify-content:flex-start;min-height:60vh}.title__container{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.home-btns-row{gap:1.5rem}.home-btns-row,.left__container,.right__container{align-items:center;flex-direction:column;width:100%}.left__container,.right__container{display:flex}.diamond-btn{height:60px;margin:0 auto;max-width:300px;width:80vw}.diamond{display:none}}@media (max-width:1350px){.diamond--left,.diamond--right{display:none!important}}@media (max-width:800px){.rombuses-wrapper{height:98vw;max-height:98vw;max-width:98vw;width:98vw}.input-content{width:95%}.input__name{font-size:1.2rem;max-width:95vw}}@media (max-width:700px){.rombuses{display:none!important;height:0!important;visibility:hidden!important;width:0!important}}@media (max-width:800px){.proceed__btn{bottom:1rem;max-width:300px;right:1rem;width:90vw}.back__btn{bottom:1rem;height:40px;left:1rem;width:70px}}@media (max-width:1080px){.choice__btns-container{gap:1rem;margin-top:2rem}.camera__btn,.gallery__btn{height:140px;width:140px}}@media (max-width:800px){.choice__btns-container{flex-direction:column;gap:1.5rem;margin-top:1.5rem}.camera__btn,.gallery__btn{height:90vw;max-height:300px;max-width:300px;width:90vw}}@media (max-width:430px){.analysis__choice--container{grid-gap:2px;display:grid;gap:2px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:60vw;max-height:160px;max-width:160px;min-height:80px;min-width:80px;padding:1px;width:60vw}.analysis__btn{font-size:.8rem;height:100%;min-height:0;min-width:0;padding:0;width:100%}.analysis__btn--txt{font-size:.7rem;line-height:1rem}}@media (max-width:1400px){.demographics__content{gap:1rem}.percentage__display--container{height:400px;max-height:400px;max-width:700px;min-width:260px;padding:1.5rem}.list__container{height:400px;max-height:400px;max-width:350px;padding:1.2rem .8rem}.circle__bg{height:200px;width:200px}}@media (max-width:1000px){.demographics__content{align-items:stretch;flex-direction:column;gap:2rem;padding-bottom:240px}.btn__selection--container,.list__container,.percentage__display--container{max-width:100vw;min-width:0;width:100%}.list__container,.percentage__display--container{height:auto;min-height:220px}.circle__bg-wrapper{height:120px;width:120px}}@media (max-width:700px){.list__container,.percentage__display--container{padding:1rem}.btn__selection--container{gap:.5rem}.next__btn--container{background:none;bottom:1rem;display:flex;gap:1rem;position:fixed;right:3rem;z-index:100}}@media (max-width:1400px){.circle__bg-wrapper{height:200px;width:200px}}@media (max-width:1000px){.circle__bg-wrapper{height:120px;width:120px}.display__bottom-row{bottom:1rem;right:1rem}}@media (max-width:800px){.loading__choice{height:90vw;max-height:400px;max-width:400px;width:90vw}.loading__text{font-size:1.2rem;line-height:1.5rem;max-width:90vw}}
/*# sourceMappingURL=main.0cb3ff73.css.map*/