@import url(https://fonts.cdnfonts.com/css/inter);@import url(https://fonts.cdnfonts.com/css/recoleta);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.camera{color:#828282;display:grid;height:100vh;place-items:center;text-align:center;width:100%}.camera h3{color:#0e0e0e;margin-bottom:1rem}.camera img{cursor:pointer;margin:4rem 0 1rem;transition:all .5s ease-in-out}.camera img:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.OpenCamera .modal .box .result{background:#31ca31;border-radius:.5rem;color:#fefefe;margin:3em 0 0;padding:.3rem 1.2rem;text-decoration:none}footer{align-items:center;background:#e0b386;color:#fefefe;display:flex;flex-direction:column;font-family:Inter,sans-serif;justify-content:center;position:relative;width:100%}footer h1{font-family:Recoleta,sans-serif;font-weight:400;padding:2rem 0}footer .foot,footer .socials{padding:1rem 0}footer .foot a,footer .socials a{color:#fefefe;padding:0 .5rem;text-decoration:none;transition:all .3s ease-in-out}footer .foot a:hover,footer .socials a:hover{color:#a85c3a}footer .foot{align-items:center;border-top:.001rem solid #fefefe;display:flex;justify-content:center;text-align:center;width:100%}@media screen and (max-width:768px){footer{width:100%}footer .foot img{display:none}}main{align-items:center;background:url(/static/media/bg.cfaa32e85614be0db0f1.svg) 50% no-repeat;background-size:cover;color:#fefefe;display:flex;flex-direction:column;height:100vh;justify-content:center;top:0;width:100%}main h1{font-family:Recoleta,sans-serif;font-size:4.2rem;font-weight:200}main h1 span{color:#5e3423}main p{font-size:1.2rem;font-weight:500;margin-left:35%}@media screen and (max-width:768px){main{width:100%}}header{background:none;border-bottom:.02rem solid #fefefe;justify-content:space-around;padding:1rem;position:fixed;top:0;z-index:999}header,header menu{align-items:center;display:flex;width:100%}header menu aside,header menu nav{display:flex;justify-content:space-evenly;width:50%}header menu aside .link,header menu aside button,header menu nav .link,header menu nav button{background:none;border:none;color:#fefefe;cursor:pointer;font-size:1.2rem;font-weight:300;outline:none;text-decoration:none;transition:all .5s ease-in}header menu aside .link:hover,header menu aside button:hover,header menu nav .link:hover,header menu nav button:hover{color:#5e3423}header menu aside #login,header menu aside #voice,header menu nav #login,header menu nav #voice{background:#a85c3a;border-radius:2rem;color:#fefefe;font-size:1.2rem;margin:.2rem 0;padding:1rem 2.5rem;text-decoration:none;transition:all .5s ease-in}header menu aside #login:hover,header menu aside #voice:hover,header menu nav #login:hover,header menu nav #voice:hover{background:#5e3423;color:#fefefe}header menu aside .voice,header menu nav .voice{text-align:center}header menu aside .voice p,header menu nav .voice p{color:#fefefe}.navbar-scrolled{background:#a85c3a;border:none;transition:all .5s ease-in-out}.navbar-scrolled aside #login,.navbar-scrolled aside #voice{border:.01rem solid #fefefe}#mobile{background:transparent;border:none;color:#fefefe;cursor:pointer;display:none;outline:none;padding:1rem;z-index:99}.mobile-menu{background:#e0b386;bottom:0;left:0;max-width:100%;position:fixed;right:0;top:0}.mobile-menu,.mobile-menu aside,.mobile-menu nav{display:flex;flex-direction:column;justify-content:flex-start;width:100%}.mobile-menu aside,.mobile-menu nav{margin:3rem 0 1rem;padding:1rem;text-align:left}.mobile-menu aside .link,.mobile-menu aside button,.mobile-menu nav .link,.mobile-menu nav button{font-size:2.4rem;padding:.3rem 0}.mobile-menu aside button,.mobile-menu nav button{font-size:1.2rem;margin:.3rem 0;padding:0 1rem;text-align:left}.mobile-menu aside .voice,.mobile-menu nav .voice{align-items:center;background:#a85c3a;border-radius:2rem;display:flex;font-size:1.2rem;margin:.3rem;padding:.5rem 1rem}.mobile-menu aside .voice label,.mobile-menu nav .voice label{margin:0 1rem;width:25%}@media screen and (max-width:768px){header .menu{display:none}header #mobile{display:block}}.switch{display:inline-block;height:5vh;position:relative;width:50%}.switch input{height:0;opacity:0;width:0}.slider{background-color:#e0b386;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fefefe;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#5e3423}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:2rem}.slider.round:before{border-radius:50%}.newsletter{align-items:center;display:flex;justify-content:space-around;margin:2rem 0 14rem;position:relative;width:100%}.newsletter aside{font-family:Inter,sans-serif;position:relative}.newsletter aside img{border-radius:.5rem}.newsletter aside #five{left:-4%;position:absolute;top:13vh}.newsletter aside #six{margin:0 0 0 70%}.newsletter aside h1{font-family:Recoleta,sans-serif;font-size:2.4rem;font-weight:400}.newsletter aside p{color:#828282;margin:0 0 2rem}.newsletter aside form{display:flex;flex-direction:column;position:relative}.newsletter aside form label{margin:.5rem 0;width:60%}.newsletter aside form label #email{border:.02rem solid #828282;border-radius:.5rem;font-size:1.2rem;outline:none;padding:.7rem 1rem;width:160%}.newsletter aside form #signup{background:#a85c3a;border-radius:2rem;color:#fefefe;font-size:1.2rem;padding:1rem 0;text-align:center;text-decoration:none;transition:all .5s ease-in;width:35%}.newsletter aside form #signup:hover{background:#5e3423;color:#fefefe}@media screen and (max-width:768px){.newsletter{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.newsletter aside{padding:0 1rem;position:relative}.newsletter aside #five{left:3%}.newsletter aside #six{margin-left:3rem}.newsletter aside h1{margin:10rem 0 0}}.SkinCare{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));padding:4rem 0;place-items:center;position:relative;width:100%}.SkinCare img{aspect-ratio:1/1;border-radius:.5rem;height:30vh;object-fit:cover;width:70%}.SkinCare #four,.SkinCare #two{margin:5rem 0 0}.tips{grid-gap:2rem;color:#fefefe;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:300;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(40rem,1fr));place-items:center;align-items:flex-start;padding:4rem 0;position:relative}.tips,.tips .slide{display:grid;width:100%}.tips .slide{place-items:center}.tips .slide aside{background:#e0b386;border-radius:.5rem;padding:1rem;width:80%}.tips .link{bottom:0;color:#e0b386;position:absolute;right:5%;text-decoration:none}@media screen and (max-width:768px){.tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));width:100%}.tips aside{width:90%}}.login{background:url(/static/media/signup.c7367827c0f931ebd3a4.svg) 50% no-repeat;background-size:cover;display:grid;height:100vh;place-items:center;position:relative;width:100%}.login form{align-items:center;background:#fefefe;border-radius:.5rem;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:65vh;justify-content:center;position:relative;width:50%}.login form h1{align-self:flex-start;font-weight:500;padding:1rem 0 1rem 9rem}.login form label.floating-label{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .5s ease-in-out;width:60%}.login form label.floating-label img{left:2%;position:absolute;top:3.6vh}.login form label.floating-label input{border:.01rem solid #828282;border-radius:.5rem;font-size:1.2rem;margin:1rem 0;outline:none;padding:.7rem 2rem;transition:all .2s ease-in;width:100%}.login form label.floating-label input:active~span,.login form label.floating-label input:focus~span,.login form label.floating-label input:visited~span{background:#fefefe;color:#5e3423;font-size:.8rem;padding:.2rem;top:1vh}.login form label.floating-label span{align-items:center;color:#828282;display:flex;font-size:1.2rem;left:9%;pointer-events:none;position:absolute;top:4vh;transition:all .2s ease-out}.login form label.floating-label span.active{left:9%;top:4vh}.login form label.floating-label i{color:#828282;cursor:pointer;position:absolute;right:10%;top:4.5vh}.login form section{align-items:center;display:flex;width:100%}.login form section label{align-items:center;color:#828282;cursor:pointer;display:flex;flex-direction:row;justify-content:center;padding:1rem 0;width:60%}.login form section label input{width:5%}.login form section #forgot{color:#828282}.login form button{align-items:center;background:#a85c3a;border:none;border-radius:2rem;color:#fefefe;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;outline:none;padding:1rem 0;transition:all .5s ease-in-out;width:60%}.login form button i{padding-left:1rem}.login form button:hover{background:#5e3423}.login form p{color:#828282;margin:2rem 0}.login form p #sign{color:#0e0e0e}@media screen and (max-width:768px){.login{background:none}.login,.login form{height:100vh;width:100%}.login form{display:flex;flex-direction:column}.login form h1{width:100%}.login form label.floating-label{width:90%}.login form label.floating-label input{padding:1rem;width:100%}.login form button{width:90%}}.results{background:#fefefe;font-family:Inter,sans-serif!important;padding:0 0 5rem;position:relative;width:100%}.results .r_container{padding-top:20vh;position:relative;width:100%}.results .r_container .r_page{position:relative}.results .r_container .r_page .skin{display:flex;flex-direction:column;width:100%}.results .r_container .r_page .skin h3{font-family:Inter,sans-serif;font-size:2.4rem;text-align:center}.results .r_container .r_page .skin .profile{align-items:center;background:hsla(30,59%,70%,.6);border-radius:.5rem;display:flex;margin:0 2rem;padding:1rem}.results .r_container .r_page .skin .profile .image .color{background:#a85c3a;border-radius:.5rem;color:#fefefe;padding:.3rem 0;text-align:center}.results .r_container .r_page .skin .profile .attr{border:.02rem solid #e0b386;border-radius:.5rem;color:#a85c3a;display:flex;flex-direction:column;font-size:1.2rem;height:30vh;justify-content:space-between;margin-left:20%;padding:.5rem;width:25%}.results .r_container .r_page .skin .profile .attr p{padding:.5rem 0}.results .r_container .r_page .skin .profile .attr p span{background:#a85c3a;border-radius:2rem;color:#fefefe;padding:.3rem .7rem}.results .r_container .r_page .recommend{margin-top:10vh;position:relative;width:100%}.results .r_container .r_page .recommend h3{font-size:2.4rem;text-align:center}.results .r_container .r_page .recommend .products{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));margin:2rem;position:relative;width:50%}.results .r_container .r_page .recommend .products #path{text-decoration:none}.results .r_container .r_page .recommend .products .product{border:.02rem solid #a85c3a;border-radius:.5rem;padding:1rem;transition:all .3s ease-in-out;width:100%}.results .r_container .r_page .recommend .products .product:hover{background:hsla(30,59%,70%,.8);color:#fefefe!important;-webkit-transform:scale(1.02);transform:scale(1.02)}.results .r_container .r_page .recommend .products .product .r_image{position:relative}.results .r_container .r_page .recommend .products .product .r_image img,.results .r_container .r_page .recommend .products .product .r_image span{width:100%}.results .r_container .r_page .recommend .products .product .r_image span{background:#0e0e0e;border-radius:2rem;color:#fefefe;padding:.3rem .7rem}.results .r_container .r_page .recommend .products .product .detail{font-family:Inter,sans-serif;font-size:1.2rem;position:relative}.results .r_container .r_page .recommend .products .product .detail h3,.results .r_container .r_page .recommend .products .product .detail p{text-decoration:none}.results .r_container .r_page .recommend .products .product .detail .brand{background:#5e3423;color:#fefefe;padding:.3rem 1rem}.results .r_container .r_page .recommend .products .product .detail h3{color:#a85c3a;font-size:1.2rem}@media screen and (max-width:768px){.results,.results .r_container{position:relative}.results .r_container .r_page{position:relative;width:100%}.results .r_container .r_page .skin,.results .r_container .r_page .skin .profile{align-items:center;display:flex;justify-content:center}.results .r_container .r_page .skin .profile{flex-direction:column;width:100%}.results .r_container .r_page .skin .profile .image{margin-bottom:2vh;width:100%}.results .r_container .r_page .skin .profile .image img{width:100%}.results .r_container .r_page .skin .profile .attr{margin:0;width:100%}.results .r_container .r_page .recommend{position:relative;width:100%}.results .r_container .r_page .recommend .products{position:relative}.results .r_container .r_page .recommend .products .product{display:grid;place-items:center;position:relative;width:100%;width:93%}}.SignUp{background:url(/static/media/signup.c7367827c0f931ebd3a4.svg);background-repeat:no-repeat;background-size:cover;display:grid;height:100vh;place-items:center;transition:all .3s ease-in-out;width:100%}.SignUp a{color:#0e0e0e}.SignUp i,.SignUp p{color:#828282}.SignUp form{background-color:#fefefe;border-radius:.5rem;display:grid;min-height:75vh;place-items:center;width:50%}.SignUp form label{align-items:center;border:1px solid #828282;border-radius:.5rem;display:flex;gap:.5rem;padding:.5rem}.SignUp form .bottom-part div,.SignUp form .bottom-part input,.SignUp form .bottom-part label,.SignUp form .upper-part div,.SignUp form .upper-part input,.SignUp form .upper-part label{height:100%;width:100%}.SignUp form .bottom-part label,.SignUp form .upper-part label{background-color:transparent;border:1px solid #828282;outline:none}.SignUp form .bottom-part,.SignUp form .upper-part{grid-gap:1.5rem;border:none;display:grid;grid-template-columns:1fr;width:40%}.SignUp form .upper-part{margin-top:3rem}.SignUp form .upper-part>:first-child{align-items:start;flex-direction:column;gap:0}.SignUp form .upper-part div{display:flex;position:relative}.SignUp form .upper-part div span{color:#828282;font-size:.96rem;left:.5rem;position:absolute;top:.5rem;transition:all .3s ease-in-out}.SignUp form .upper-part div input{background-color:transparent;border:none;font-size:1.2rem;outline:none;padding:.5rem}.SignUp form .upper-part div input:focus~span{left:-1rem;top:-1.7rem}.SignUp form .upper-part i{cursor:pointer}.SignUp form .upper-part>:first-child,.SignUp form .upper-part>:nth-child(2){border:none;padding:0}.SignUp form .bottom-part{display:none;text-align:center}.SignUp form .bottom-part>:first-child{border:none;gap:1rem;justify-content:center}.SignUp form .bottom-part>:first-child span{background-color:#828282;height:1px;width:100%}.SignUp form button{align-items:center;background-color:#a85c3a;border:none;border-radius:2rem;color:#fefefe;cursor:pointer;display:flex;font-size:1.2rem;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease-in-out;width:30%}.SignUp form button:hover{background:#5e3423}@media screen and (max-width:768px){.SignUp{background:none}.SignUp,.SignUp form{height:100vh;width:100%}.SignUp form .upper-part{padding:0 1rem;width:100%}.SignUp form .upper-part label h3{font-family:Recoleta,sans-serif;font-size:2.4rem;font-weight:300}.SignUp form .upper-part .social-links{align-items:center;display:flex;justify-content:center;width:100%}.SignUp form .upper-part .social-links a{padding:0 .3rem}.SignUp form p{padding:0 1rem;text-align:center}.SignUp form .bottom-part{width:100%}.SignUp form .bottom-part .social-links{display:block}.SignUp form button{margin:0 2rem;width:100%}}.container{padding-top:15%}.grid{grid-column-gap:100px;-webkit-column-gap:100px;column-gap:100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:150px;max-width:90%;width:1440px}.cover_image{border:1px solid #000;border-radius:10px;height:400px;margin-bottom:20px;object-fit:contain;width:100%}.images{align-items:center;display:flex;gap:10px}.alt_image{border:1px solid #000;border-radius:10px;height:100px;object-fit:contain;width:100px}.product_link{align-items:center;background-color:#5e3423;border-radius:30px;color:#fff;display:block;display:flex;gap:20px;height:60px;justify-content:center;margin-top:50px;text-decoration:none;width:240px}.brand{font-size:14px;margin-bottom:10px;text-decoration:underline}.name{font-size:40px}.name,.price{margin-bottom:20px}.price{color:#5e3423;font-size:16px;font-weight:600}.category{background-color:#5e3423;border-radius:20px;color:#fff;font-size:14px;padding:3px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.category,.desc{margin-bottom:20px}.desc{font-size:20px}.color_name,.how_to_use_name{font-size:20px;font-weight:600;margin-bottom:10px}.colors{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));max-height:200px;overflow-y:auto}.colors p{background:#ccc;border:1px solid #4e4e4e;border-radius:4px;display:block;font-size:12px;padding:3px;width:140px}.OpenCamera{background-color:#0e0e0e;color:#fefefe;display:grid;height:100vh;place-items:center;text-align:center;width:100%}.OpenCamera .back-btn{left:3rem;position:absolute;top:3rem}.OpenCamera img{cursor:pointer}.OpenCamera .OpenCamera-container{position:relative}.OpenCamera .display-camera{aspect-ratio:3/4;background-color:#828282;border-radius:2rem;display:grid;height:60vh;overflow:hidden;place-items:center;position:relative;width:100%}.OpenCamera .display-camera .frame{z-index:1}.OpenCamera .display-camera video{height:100%;position:absolute;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.OpenCamera .display-camera p{background-color:#fefefe;border-radius:9999px;color:#0e0e0e;padding:.5rem;z-index:1}.OpenCamera .capture-btn{position:relative;top:-2rem;transition:all .2s ease-in-out}.OpenCamera .capture-btn:active{-webkit-transform:scale(.9);transform:scale(.9)}.OpenCamera .Effect{align-items:center;display:flex;gap:2rem;justify-content:center}.OpenCamera .Effect button{background-color:#ca3131;border:none;border-radius:2rem;color:#fefefe;cursor:pointer;font-size:1.2rem;outline:none;padding:1rem}.OpenCamera canvas{aspect-ratio:3/4;height:60%;width:100%}.OpenCamera .modal{background:hsla(0,0%,5%,.5);display:grid;height:100vh;left:0;place-items:center;position:fixed;top:0;width:100%;z-index:11}.OpenCamera .modal .box{align-items:center;background:#fefefe;border-radius:.5rem;color:#a85c3a;display:flex;flex-direction:column;height:30vh;justify-content:center;position:relative;width:20%;z-index:100}.OpenCamera .modal .box img{width:30%}.OpenCamera .modal .box .results{background:#31ca31;border-radius:.5rem;color:#fefefe;margin:3em 0 0;padding:.3rem 1.2rem;text-decoration:none}@media screen and (max-width:767px){.OpenCamera .modal .box{height:30vh;width:70%}}.text{font-size:24px;text-align:center}.t_container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:150px 50px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.App{font-family:Inter,sans-serif}::-webkit-scrollbar{width:0}.container{flex-direction:column;height:100vh;min-height:500px}.container,.input{align-items:center;display:flex;justify-content:center}.input{background:#a85c3a;border-radius:20px;-webkit-column-gap:10px;column-gap:10px;height:300px;margin-top:10px;max-width:90%;width:400px}.title{font-size:24px}.voice-to-text{align-items:center;display:flex;flex-direction:column;text-align:center}.button{background:#5e3423;border:10px solid #e0b386;border-radius:200px;box-shadow:0 0 4px #ccc;color:#27272a;cursor:pointer;font-size:40px;height:100px;padding:5px 15px;width:100px}.button i{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.speaking{-webkit-animation:speaking .8s ease-out infinite;animation:speaking .8s ease-out infinite}@-webkit-keyframes speaking{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes speaking{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.voice-to-text .close{align-items:center;background:#27272a;border-radius:20px;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:absolute;right:40px;top:40px;width:60px}.sample{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:hsla(0,43%,93%,.747);border-radius:10px;color:#27272a;font-size:12px;margin-top:10px;max-width:100%;padding:3px 6px;width:300px}
/*# sourceMappingURL=main.389284bf.css.map*/