*{padding:2px;margin:0;box-sizing:border-box}@font-face{font-family:Roobert;src:url(/assets/RoobertT-BiZvS1hC.woff2)}@font-face{font-family:RoobertSemiBold;src:url(/assets/RoobertSemiBold-BksUDeAg.otf)}@property --percentage{syntax: "<percentage>"; inherits: false; initial-value: 0%;}html,body{font-family:Roobert;box-sizing:border-box}span{color:#000;font-family:RoobertSemiBold}.nav__wrapper{display:flex;justify-content:space-between;align-items:center}.nav__left{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:10px}.nav__link{text-decoration:none;color:#000;display:flex;justify-content:center;align-items:center;gap:8px}.nav__btn{background-color:#000;color:#fff;border:none;padding:8px 16px;gap:8px;border-radius:10px}.nav__logo{width:40%}.home__section{position:relative;overflow:hidden}.home__wrapper{display:flex;justify-content:space-between;align-items:center;height:92vh;width:100%;padding:24px;box-sizing:border-box}.home__info--wrapper--left,.home__info--wrapper--right{display:flex;justify-content:center;align-items:center;gap:8px;transition:all .45s ease-in-out;z-index:1;visibility:visible;cursor:pointer;opacity:1}.home__info--icons{width:25%;height:10%;display:flex;justify-content:center;align-items:center}.home__left,.home__right{position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);border:3px dotted #a0a4ab;width:620px;height:620px;transition:all .45s ease-in-out}.home__left{left:-8%}.home__right{left:107%}.home__info--h1{font-weight:500;font-size:80px;letter-spacing:-6px;transition:all .45s ease-in-out}.home__info--span{display:flex;justify-content:center;align-items:center}.home__info--wrapper--left:hover+.home__info--h1{display:flex;flex-direction:column;justify-content:end;transform:translate(40%)}.home__info--message{position:absolute;top:90%;font-family:RoobertSemiBold}.testing__link{text-decoration:none;color:#000;display:flex;justify-content:center;align-items:center}.form__analysis{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:24px;font-family:Roobert}.anylasis__box{position:absolute;width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);border:3px dotted #a0a4ab}.form__label{font-weight:200;color:#a0a4ab;text-align:center}.form__input{border:none;border-bottom:2px solid gray;text-align:center;font-size:28px}.form__input:focus{outline:none;border-bottom:2px solid gray}.back__btn--link{position:absolute;top:90%;left:2%;text-decoration:none;color:#000;display:flex;justify-content:start;align-items:center;gap:8px}.error__message{color:red;font-family:RoobertSemiBold;font-weight:500;text-align:center}.proceed__btn--link{position:absolute;top:90%;right:2%;text-decoration:none;color:#000;display:flex;justify-content:start;align-items:center;gap:8px}.bottom__btn{position:relative;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;gap:16px}.loading__info,.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading__dots{width:50px;height:50px;display:flex;border-radius:50px;color:#000;border:3px dotted red;background-color:transparent}.loading__dots--divs{display:flex;justify-content:center;align-items:center;gap:24px}.spinner{font-size:24px;animation:spin 1s infinite linear}.submittion__message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.result__wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:90vh;position:relative}.camera__wrapper,.gallery__wrapper{position:relative;width:100%;max-width:50%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.camera__access--message{width:clamp(300px,50vw,500px);background-color:#000;color:#a0a4ab;padding:16px;text-align:center;opacity:0;visibility:hidden;transition:all .5s ease-in-out;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%)}.camera__access--message.visible{width:clamp(300px,50vw,500px);background-color:#000;color:#a0a4ab;padding:16px;text-align:center;opacity:1;visibility:visible;transition:all .5s ease-in-out}.camera__access--message p{padding-bottom:24px;border-bottom:2px solid #a0a4ab}.camera__access--message button{margin:8px;width:30%}.options__camera--img{cursor:pointer}.camera__view--container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#333;z-index:1000}.camera__video{width:100%;height:100%;object-fit:cover}.camera__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:40px;box-sizing:border-box;color:#fff;font-family:RoobertSemiBold}.camera__instructions{color:#fff;font-family:RoobertSemiBold;display:flex;gap:16px;font-size:16px;margin-bottom:16px;text-align:center}.camera__click--btn{position:relative;width:50px;height:50px;border-radius:50%;background-color:#e8eaee;cursor:pointer;margin-bottom:16px;margin-top:8px}.camera__icon{font-size:16px;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000}.camera__close--btn{display:flex;justify-content:center;align-items:center;font-size:16px;gap:8px;color:#fff;cursor:pointer;padding:8px 16px;border-radius:10px;background-color:#000;position:absolute;top:90%;left:5%}.design__wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:100%;height:75vh;z-index:-1}.magic__box{position:relative;width:clamp(280px,50vmin,500px);aspect-ratio:1 / 1;border:3px dotted #a0a4ab;animation:spin 50s infinite linear}.magic__box.no-animation{animation:none;transform:rotate(-45deg)}.magic__box.magic__box--hover{opacity:.3;transition:opacity .5s ease-in-out}.preview__wrapper{position:absolute;top:40px;right:40px;width:auto;z-index:10}.preview__image{width:clamp(100px,15vw,150px);aspect-ratio:1 / 1;overflow:hidden;border-radius:4px;border:1px dotted #a0a4ab}.preview__image--base64{width:100%;height:100%}.preview__message{font-family:Roobert}.analyzed__preview--img{padding:32px;margin:32px}.option__wrapper{position:absolute;top:50%;left:50%;width:clamp(320px,40vmin,500px);aspect-ratio:1 / 1;transform:translate(-50%,-50%);display:grid;grid-template-areas:".  demographic  ." "cosmetics  .  skin__type" ". weather .";gap:16px}.demographic{grid-area:demographic}.cosmetics{grid-area:cosmetics}.skin__type{grid-area:skin__type}.weather{grid-area:weather}.demographic{display:flex;justify-content:center;align-items:center;grid-column-start:2;grid-row-start:1;position:relative;z-index:10;color:#e8eaee;cursor:pointer}.demographic__border{position:absolute;width:clamp(100px,20vmin,200px);aspect-ratio:1 / 1;background-color:#000;filter:blur(5px) opacity(1);transform:rotate(-45deg);z-index:-5;cursor:pointer}.demographic:hover{transform:scale(.9);transition:all .75s ease-in-out}.cosmetics{display:flex;justify-content:center;align-items:center;grid-row-start:2;grid-column-start:1;z-index:10;cursor:no-drop}.weather{display:flex;justify-content:center;align-items:center;grid-column-start:2;grid-row-start:3;z-index:10;cursor:no-drop}.skin__type{display:flex;justify-content:center;align-items:center;grid-row-start:2;grid-column-start:3;z-index:10;cursor:no-drop}.summary__wrapper{width:100%;height:100%;padding:24px 32px;position:relative}.summary__heading--h4{font-family:RoobertSemiBold;font-size:32px}.summary__heading--h1{font-family:Roobert;font-size:54px}.summary__heading--para{font-family:RoobertSemiBold;letter-spacing:8px}.summary__detail--wrapper{display:flex;justify-content:space-between;gap:32px}.summary__first{width:calc(100% / 6);height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:1px dotted black}.summary__graphics{width:50%;height:60vh;display:flex;justify-content:start;align-items:center;flex-direction:column;background-color:#f3f3f4;border-top:1px dotted black}.summary__third{width:calc(100% / 3);height:60vh;border-top:1px dotted black;background-color:#f3f3f4}.race__box.active,.age__box.active,.gender__box.active,.list__summary--details.active{background-color:#000;color:#a0a4ab;transition:background-color .5s ease-in-out}.box{width:200px;height:150px;padding:24px 32px;margin:16px;background-color:#f3f3f4;cursor:pointer}.summary__graphics--h1{font-family:RoobertSemiBold;padding:24px 32px;font-size:32px;display:flex;justify-content:center;align-items:center}.graph{width:clamp(220px,40vmin,500px);aspect-ratio:1 / 1;border-radius:50%;position:relative;background:conic-gradient(black var(--percentage),#f0f0f0 var(--percentage));display:flex;justify-content:center;align-items:center;transition:--percentage .6s ease-in-out}.graph:before{content:"";position:absolute;width:90%;height:90%;background-color:#fff;border-radius:50%}.graph__percentage{position:absolute;z-index:30}.note__message{font-family:Roobert;font-weight:300;margin-top:10px;display:flex;justify-content:center;align-items:center;text-align:center}.summary__third--heading{display:flex;justify-content:space-between;align-items:center}.summary__third--h1{font-weight:300;letter-spacing:2px;padding:8px}.list__summary--details{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:.2px dotted black}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1150px){.home__left,.home__right{width:450px;height:450px}.summary__third--h1{font-size:20px;letter-spacing:1px;padding:2px}.list__summary--details{font-size:14px;padding:4px}.summary__graphics--h1{padding:8px 16px;font-size:24px}}@media (max-width: 950px){.home__left,.home__right{width:370px;height:370px}.home__info--h1{font-size:60px;letter-spacing:-4px}.summary__third--h1{font-size:14px;padding:2px}.list__summary--details{font-size:12px;padding:2px}}@media (max-width: 768px){.home__left,.home__right{width:350px;height:350px}.home__info--h1{font-size:48px}.home__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:92vh;width:100%;gap:8px}.home__info--message{font-size:12px}.home__info--wrapper--left:hover+.home__info--h1{transform:none}.home__section:has(.home__info--wrapper--right:hover) .home__info--h1{transform:scale(1.1)}.home__info--taketest{font-family:RoobertSemiBold;font-weight:500;font-size:12px;color:#000;text-decoration:none}.result__wrapper{flex-direction:column;justify-content:center;align-items:center}.summary__detail--wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;gap:16px;overflow:visible!important}.summary__first{width:100%;height:100%;border-top:1px dotted black}.summary__graphics{width:100%;height:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;background-color:#f3f3f4;border-top:1px dotted black}.summary__third{width:100%;height:100%;border-top:1px dotted black;background-color:#f3f3f4}.box{width:100%;height:100%}.options__camera--img{width:35%}.message p{font-size:12px;font-weight:500;text-align:center}.title__heading{font-size:16px}.form__input{font-size:20px}.loading__msg,.greeting__msg{font-size:16px}.camera__instructions{color:#fff;font-family:RoobertSemiBold;font-size:12px}.camera__overlay--para{font-size:16px;text-align:center;margin-bottom:16px}.summary__heading--h1,.summary__heading--h4{font-size:40px}}@media (max-width: 450px){.loading__msg,.greeting__msg{font-size:12px;text-align:center}.summary__heading--h1,.summary__heading--h4{font-size:24px}}