a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:geograph-bold;src:url(/static/media/geographwebbold.988ff04bdb91a75dd680.ttf)}@font-face{font-family:geograph-regular;src:url(/static/media/geographwebregular.1aff0291f7cc649d98fe.ttf)}@font-face{font-family:geograph-light;src:url(/static/media/geographweblight.12d435da891fab269255.ttf)}:root{--purple:#b31aff;--dark-purple:#550080;font-size:62.5%}body{font-family:geograph-regular,sans-serif;font-size:1.8rem;overflow-x:hidden}a{text-decoration:none}em{font-style:italic}.logo{align-items:center;display:flex;margin-left:auto;position:absolute}@media screen and (min-width:1024px){.logo{margin-left:2rem;position:relative}}.menu-icon{cursor:pointer;display:flex;flex-direction:column;margin-left:auto;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1000}.menu-icon *{background-color:#000;border-radius:1rem;cursor:pointer;display:block;height:.3rem;margin:.3rem;-webkit-transform-origin:right;transform-origin:right;transition:all .3s ease-in-out;width:2.5rem}.menu-icon--mid{margin-left:auto;width:50%}.menu-icon--active{position:fixed;right:1rem;top:1.1rem}.menu-icon--active .menu-icon--top{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.menu-icon--active .menu-icon--mid{opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.menu-icon--active .menu-icon--bot{-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (min-width:1024px){.menu-icon{display:none}}.menu-items{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;opacity:0;position:fixed;top:0;transition:all .3s linear;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:-1}.menu-items--active{opacity:1;z-index:3}.menu-items__item{margin-top:2rem}.menu-items__link{color:#4f4f4f;font-size:2rem;font-weight:900;letter-spacing:.08rem}@media screen and (min-width:1024px){.menu-items{align-items:center;flex-direction:row;height:100%;justify-content:space-evenly;margin:0;opacity:1;position:relative;z-index:1}.menu-items__item{align-items:center;display:flex;justify-content:center;margin:0}.menu-items__link{font-size:clamp(1.5rem,1vw,2rem);font-weight:900}}nav{box-shadow:0 3px 3px 0 rgba(0,0,0,.1);flex-direction:row;justify-content:center;min-height:2.8rem;padding:1rem}.hero,nav{align-items:center;display:flex}.hero{flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-start;max-width:100%;padding-bottom:4rem}.hero__image-container{align-items:center;background-color:#ffdce0;display:flex;justify-content:center;width:100%}.hero__image{content:url(/static/media/background-mobile.b2d6303f17ab41091ef9.avif)!important;max-height:50vh;max-width:100%;object-fit:cover;width:100%}.hero__call-to-action{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.hero__title{font-family:geograph-bold;font-size:2.5rem;margin:2rem}.hero__text{font-size:1.8rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:2.2rem;text-align:center;width:80%}.hero__button{background-color:var(--dark-purple);border:2px solid #fff;border-radius:4rem;color:#fff;font-family:geograph-bold;font-size:1.5rem;letter-spacing:.1rem;margin-top:2rem;padding:1.5rem 2rem;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hero__button:hover{background-color:#fff;border:2px solid var(--dark-purple);color:var(--dark-purple);cursor:pointer}@media screen and (min-width:768px){.hero__image{content:url(/static/media/background-desktop.faeab0d61e70b3f846c8.avif)!important;max-height:60vh}.hero__text{width:100%}}.chatbox-container{bottom:2rem;max-width:30rem;opacity:0;position:fixed;right:-200%;scrollbar-color:#000;transition:all .2s linear;width:30rem;z-index:1000}.chatbox-container--active{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:60rem;opacity:1;right:5rem}.rsc{font-family:sans-serif}.rsc-header{background-color:#faaab5}.rsc-header-title{font-weight:900;letter-spacing:.08rem;text-align:center;width:100%}.rsc-ts-bubble{background-color:#c6ecf8;box-shadow:1px 1px 3px rgba(0,0,0,.15);color:var(--almost-black);line-height:1.7rem}.rsc-os-option-element{background-color:#add8e6;border:1px solid gray;box-shadow:2px 2px 5px rgba(0,0,0,.15);color:var(--almost-black)}.rsc-os-option-element:hover{cursor:pointer}.rsc-ts-user .rsc-ts-bubble{background-color:rgba(79,198,235,.548);color:#000}.chatbox__close{color:#fff;cursor:pointer;position:absolute;right:1.8rem;top:1.8rem;z-index:1001}@media screen and (min-width:568px){.chatbox__close{right:-1rem}}.chat-icon-container{align-items:center;-webkit-animation:chat-icon-animation 2s infinite;animation:chat-icon-animation 2s infinite;background-color:var(--purple);border-radius:50%;bottom:2rem;box-shadow:2px 2px 10px rgba(0,0,0,.5);display:flex;height:5rem;justify-content:center;position:fixed;right:2rem;transition:all .2s linear;width:5rem;z-index:2}.chat-icon-container--active{display:none;visibility:hidden}.chat-icon-container:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.chat-icon{-webkit-transform:scale(1.2);transform:scale(1.2)}@-webkit-keyframes chat-icon-animation{0%{-webkit-transform:translateX(0);transform:translateX(0)}5%{-webkit-transform:translateX(2.5%);transform:translateX(2.5%)}10%{-webkit-transform:translateX(-2.5%);transform:translateX(-2.5%)}15%{-webkit-transform:translateX(2.5%);transform:translateX(2.5%)}20%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes chat-icon-animation{0%{-webkit-transform:translateX(0);transform:translateX(0)}5%{-webkit-transform:translateX(2.5%);transform:translateX(2.5%)}10%{-webkit-transform:translateX(-2.5%);transform:translateX(-2.5%)}15%{-webkit-transform:translateX(2.5%);transform:translateX(2.5%)}20%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.chat-popup{background-color:#fff;border:1px solid var(--purple);border-radius:2rem;border-bottom-right-radius:0;font-size:1.3rem;left:-16em;padding:1rem;position:absolute;top:-2rem;width:20rem}.chat-popup--hide{background-color:#000;display:none}.how-it-works{align-items:center;background-color:#fff46d;color:var(--almost-black);display:flex;flex-direction:column;justify-content:center;letter-spacing:.1rem;padding:4rem}.how-it-works__content{max-width:70rem}.how-it-works__title{font-size:3rem;font-weight:900;text-align:center}.how-it-works__subtitle{font-size:1.8rem;font-weight:600;margin:2rem 0}.how-it-works__text{font-size:1.5rem;letter-spacing:.08rem;line-height:2.2rem;opacity:.8}.carousel{margin-bottom:5rem;max-width:100%;overflow:hidden;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.carousel__viewport{transition:all .2s linear}.carousel .product-section{box-shadow:1px 1px 3px rgba(0,0,0,.2);margin-bottom:1rem;margin-top:1rem}.carousel__button{background-color:#fff;border:none;border-radius:50%;box-shadow:1px 1px 10px rgba(0,0,0,.2);cursor:pointer;height:5rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:5rem}.carousel__button:hover{border:1px solid rgba(0,0,0,.5)}.carousel__button--right{right:1rem}.carousel__button--left{left:1rem}.product-section{margin:8rem 1rem 0;width:100%}.product-section__link{color:#000}.product-section__collection{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-height:15rem;overflow:hidden}.product-section__image{margin:0 3rem;max-height:15rem;-webkit-transform:translateY(15%);transform:translateY(15%);z-index:-1}.product-section__text-container{box-shadow:0 -9px 11px -8px rgba(0,0,0,.3);margin:auto;padding:2rem;width:80%}.product-section__title{font-weight:800;opacity:.8}.product-selection__product-count{font-size:1.35rem;margin-top:.5rem;opacity:.5}@media screen and (min-width:768px){.product-section{max-width:60rem}}.categories{display:flex;flex-wrap:nowrap;justify-content:flex-start}.categories__image{margin-left:2rem}.categories__name{text-align:center}.categories .product-section{margin-top:clamp(2rem,5vw,10rem);min-width:clamp(20rem,90vw,30rem)}.categories .product-section:first-child{margin-left:1rem}.categories .product-section__text-container{text-align:center}.recommendations{align-items:center;color:#212a2f;display:flex;flex-direction:column;margin-top:5rem}.recommendations__title{font-family:geograph-bold;font-size:2.8rem}.recommendations__tabs{display:flex;font-size:1.6rem;justify-content:space-evenly;letter-spacing:.1rem;margin-top:4rem;text-transform:uppercase;width:clamp(25rem,100%,40rem)}.recommendations__tab{cursor:pointer;font-family:geograph-bold}.recommendations__tab:after{background-color:#000;content:"";display:block;height:.2rem;margin:1rem 0;transition:all .2s linear;width:0}.recommendations__tab--active:after{width:100%}.product-category{color:#4a4a4a;margin:3rem;min-width:20rem}.product-category__header:after{background-color:#f2f2f2;content:"";display:block;height:1px;margin-top:2rem;width:100%}.breadcrumb{display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}.breadcrumb__text{color:#4a4a4a;font-size:clamp(1.3rem,5vw,1.8rem);margin-left:1rem}.product-category__title{font-size:3.5rem;margin-top:4rem}.product-category__skin-type{font-size:1.5rem;margin-top:1rem}.product-category__skin-type em{display:block;margin-top:1rem}.products-grid{grid-gap:4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));justify-items:center;margin:4rem 2rem}.products-grid__card{align-items:center;border:1px solid #f7f7f7;box-shadow:1px 1px 5px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:center;min-width:100%;padding:1rem}.products-grid__product-name{border-top:1px solid #f7f7f7;color:#4a4a4a;font-size:1.4rem;margin-top:1rem;min-width:100%;padding:1rem 0;text-align:center}.products-grid__image{max-height:20rem;max-width:100%;min-height:20rem;padding:2rem}.answer__list{margin-top:2rem;width:100%}.answer__item{align-items:center;background-color:hsla(37,22%,81%,.2);border:1px solid rgba(0,0,0,.3);border-radius:.5rem;box-shadow:1px 1px 8px rgba(0,0,0,.3);display:flex;font-family:geograph-light;margin:1rem 0;max-width:90rem;padding:1rem}.answer__item:hover{background-color:rgba(0,0,0,.1);cursor:pointer}.answer__item--active{border-color:#000}.answer__item--active .answer__prefix{background-color:#000;color:#fff}.answer__prefix{align-items:center;background-color:#fff;border:1px solid #000;border-radius:2px;display:flex;font-family:geograph-regular;font-size:1.2rem;font-weight:900;justify-content:center;margin-right:1rem;min-height:2.2rem;min-width:2.2rem}.answer__text{width:80%}.answer__check-mark{margin-left:auto}.question{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0 clamp(2rem,10vw,10rem);-webkit-user-select:none;-ms-user-select:none;user-select:none}.question__header{font-size:2rem;font-weight:900;margin-bottom:3rem}.question__content{display:flex;flex-direction:column;font-size:clamp(1.5rem,2.5vw,2.2rem);position:relative}.question__number{left:-2.5ch;position:absolute}.question__number,.question__title{font-family:geograph-light;font-weight:900;line-height:2.2rem}.question__title{letter-spacing:.1rem}.question__submit{align-items:center;background-color:#0a0a0a;border:none;border-radius:5px;color:#fff;display:flex;font-size:1.5rem;justify-content:center;margin-top:2rem;padding:1rem 2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.question__submit:hover{background-color:#2f2f2f;cursor:pointer}.question__check-mark{margin-left:.5rem}.questionnaire{background-color:#f6ece2;overflow:hidden;position:relative}.questionnaire__progress-container{height:.5rem;position:fixed;width:100%;z-index:2}.questionnaire__progress{background-color:#000;height:100%;width:0}.questionnaire__questions-container{display:flex;flex-direction:column;flex-wrap:nowrap;max-height:100vh;transition:all .5s ease-in-out}.questionnaire__navigation{border-radius:2rem;bottom:2rem;overflow:hidden;position:absolute;right:2rem}.questionanaire__nav-btn{background-color:#0f0f0f;border:none;padding:.5rem 1rem}.questionanaire__nav-btn:hover{background-color:#202020;cursor:pointer}.result{-webkit-animation:show-result 1s forwards;animation:show-result 1s forwards}.result__overlay{background-color:rgba(138,2,138,.582);height:100vh;left:0;opacity:.1;position:absolute;top:0;width:100vw;z-index:-1}.result__content{align-items:center;background-color:#fff;border-radius:2rem;box-shadow:1px 1px 10px 2px rgba(0,0,0,.3);display:flex;flex-direction:column;font-size:1.5rem;justify-content:center;left:50%;letter-spacing:.08rem;padding:5rem;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:clamp(10rem,60%,50rem)}.result__title{font-size:3rem;font-weight:900;margin-bottom:2rem}.result__skin-type{display:block;font-size:1.5rem;font-style:italic;font-weight:900;margin:.8rem 0 2rem}.result__call-to-action{margin-top:2rem}.result__link{color:#c2637a;font-weight:900}@-webkit-keyframes show-result{0%{opacity:0}to{opacity:1}}@keyframes show-result{0%{opacity:0}to{opacity:1}}.skin-page{align-items:center;display:flex;flex-direction:column}.skin-page__image{margin:auto;max-height:60vh;max-width:100%;min-height:60vh;object-fit:cover;width:100%}.skin-page__title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;margin-top:3rem;opacity:.9}.skin-page__text,.skin-page__title{color:var(--almost-black);text-align:center}.skin-page__text{letter-spacing:.08rem;width:95%}.skin-page__text em{display:block;font-style:italic;margin-top:1rem}
/*# sourceMappingURL=main.d381437c.css.map*/