body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat.woff2) format("woff2"),url(/fonts/Montserrat.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:Montserrat Bold;src:url(/fonts/Montserrat-Bold.woff2) format("woff2"),url(/fonts/Montserrat-Bold.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:Montserrat ExtraBold;src:url(/fonts/Montserrat-ExtraBold.woff2) format("woff2"),url(/fonts/Montserrat-ExtraBold.woff) format("woff");font-style:normal;font-display:swap}::-webkit-scrollbar{height:3px;width:3px}::-webkit-scrollbar-track{background:transparent;background-color:initial}::-webkit-scrollbar-thumb{background:#a76b74;border-radius:2em}::-webkit-scrollbar-thumb:hover{background:#a76b74}::-webkit-scrollbar-thumb:horizontal{background:#000;border-radius:2em}body,html{height:100%;overflow-x:hidden;overscroll-behavior:none}body{background-image:url(/images/bg.png);background-repeat:no-repeat;background-position:top;background-size:cover;font-family:Montserrat;font-weight:400;font-size:16px;color:#007393;position:relative}#root{height:100%}.small,small{display:block;line-height:19px}a{cursor:pointer;text-decoration:none}.in-iframe{min-height:100vh}.container:not(.container-fluid){max-width:unset!important;min-height:100%;padding-top:2vh;min-width:265px;margin:0 auto}.landing-container{background-image:url(/images/bg-page.png);background-position:top;max-width:unset!important;position:relative;height:100%;display:flex;justify-content:center;align-items:center}.container-loading-result,.landing-container{background-repeat:no-repeat;background-size:cover;overflow:hidden}.container-loading-result{background-position:50%;height:100vh;max-width:unset;width:100vw;min-height:unset;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:fixed;z-index:2}.container-hint .navigation>a:not(.back){display:none}.bg-landing-slider{width:100%;position:absolute!important;top:0;left:0;z-index:1!important;background-color:#dfdfdf}.bg-landing{min-height:100vh}.bg-landing0{background:linear-gradient(135deg,#f5c4c5,#d59985 72%,#ed939b)}.bg-landing1{background:linear-gradient(339deg,#ffc7c1 -.22%,#93ceff 20.78%,#c0d6d8 57.42%,#feffe2 82.48%)}.bg-landing2{background:linear-gradient(337deg,#fcf29f 21.32%,#de8e9d 65.87%,#9b4568 97.57%)}.bg-landing3{background:linear-gradient(180deg,#7291ca -15%,#ff94af 30.09%,#ad516b 101.01%)}.bg-landing4{background:linear-gradient(343deg,#b5e8ff 25.96%,#ffb8c5 74.36%,#d6caf6 127.35%)}.bg-landing:before{background-image:url(/images/petal1.png);width:30%;min-width:100px;max-width:180px;aspect-ratio:494/522}.bg-landing:after,.bg-landing:before{content:"";background-repeat:no-repeat;background-size:contain;position:absolute;z-index:1}.bg-landing:after{background-image:url(/images/petal2.png);width:50%;min-width:110px;max-width:235px;aspect-ratio:785/588}.bg-landing0:before{top:0;right:0}.bg-landing0:after{bottom:0;left:0}.bg-landing1:before{top:0;left:0}.bg-landing1:after,.bg-landing1:before{transform:scaleX(-1);-webkit-transform:scaleX(-1)}.bg-landing1:after{bottom:0;right:-20px}.bg-landing2:before{top:0;right:0}.bg-landing2:after{bottom:5px;left:0}.bg-landing3:before{top:0;left:0}.bg-landing3:after,.bg-landing3:before{transform:scaleX(-1);-webkit-transform:scaleX(-1)}.bg-landing3:after{bottom:0;right:0}.bg-landing4:before{top:0;right:-20px}.bg-landing4:after{bottom:0;left:0}.btn:not(.btn-lg){padding:7px 26px}.btn{border-radius:30px;-webkit-border-radius:30px;max-width:226px;overflow:hidden;font-style:italic;font-family:Montserrat ExtraBold;font-size:20px;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.btn-primary{background:linear-gradient(256.62deg,#80b3c1 15.91%,#eea7cb 56.67%,#f2caa4 92.42%);border:none!important}.btn-primary.btn-outline{border:1px solid rgba(0,115,147,.47843137254901963)!important;color:#fff!important;background-color:initial!important;background:hsla(0,0%,100%,.25)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#007393!important}.btn-primary:not(.btn-outline):active,.btn-primary:not(.btn-outline):focus,.btn-primary:not(.btn-outline):hover{-webkit-filter:brightness(90%);filter:brightness(90%)}.btn.disabled{background:#fff;opacity:.2;color:#007393}.full-height{min-height:100%}.intro-video{position:absolute;left:0;left:50%;z-index:1;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.intro-video,.intro-video>video{width:100%;height:100%;transition:opacity .4s}.intro-video>video{object-fit:cover}.intro-video>p{position:absolute;color:#fff;font-family:Montserrat;left:50%;top:57%;font-size:13px;z-index:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap;transition:opacity .4s}.intro-video.hide{opacity:0;pointer-events:none}.intro-step{width:100%;height:100%;display:flex;position:absolute;align-items:center;justify-content:center;flex-direction:column;left:0;padding:10px 25px;transition:opacity .4s}.intro-step-inner{width:90%;max-width:312px}.intro-step.hide{opacity:0;pointer-events:none}.intro-step h2{font-style:italic;font-size:28px;font-family:Montserrat ExtraBold;text-align:center}.intro-step h2,.step-list{margin-bottom:30px}.step-list h3{font-size:17px;font-style:italic;margin-bottom:14px;background-color:#80b3c1;font-family:Montserrat ExtraBold;color:#fff;border-radius:7px;text-align:center;padding:6px 15px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25098039215686274)}.step-list span{color:#fff;font-size:13px;text-align:center;display:block}.intro-landing{position:absolute;left:0;width:100%;padding-bottom:40px;flex-direction:column;display:flex;justify-content:center;text-align:center;align-items:center;position:relative;z-index:3;transition:opacity .4s}.intro-landing.hide{opacity:0;pointer-events:none}.logo-landing{width:94%;max-width:194px;margin-bottom:5.5vh}.landing-title{margin-bottom:5vh}.landing-title h1{font-size:24px;margin-bottom:5.5vh;font-family:Montserrat;line-height:1.1}.landing-title h1 span{font-weight:600;font-style:italic}.landing-title h3{font-weight:400;font-size:15px}.landing-button .btn{padding-top:9px;padding-bottom:9px;font-style:normal;font-size:13px;font-family:Montserrat;max-width:220px}.landing-button .btn>span{display:block;font-size:11px;margin-top:-2px;margin-bottom:4px;font-style:italic;font-family:Montserrat}.page-wrapper{min-height:calc(100vh - 38px);padding:12px 0}.page-wrapper .petal-result-bg{z-index:-1}#header{padding-bottom:2vh;width:100%}#header.d-desktop-flex{position:absolute;left:50%;bottom:0;padding:1vh 14px 2vh;transform:translateX(-50%);-webkit-transform:translateX(-50%)}#header .logo-header{width:100%;max-width:120px}#header.d-desktop-flex .logo-header{max-width:112px;width:100%}#header.d-desktop-flex>a{margin-left:auto}#header>span{font-size:16px;display:flex;line-height:12px}#header>a{display:flex;justify-content:end}.camera-oppened{height:100%}.camera-blocked{font-size:15px;position:absolute;left:50%;top:50%;width:86%;z-index:4;padding:12px 20px;text-align:center;border-radius:4px;-webkit-border-radius:4px;background-color:#b8d8e1;color:#fff;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.camera-blocked>span{font-size:28px;display:block;line-height:0;text-align:center;margin-bottom:8px}.timer{font-size:13px;color:#fff;position:absolute;top:50%;left:50%;text-align:center;z-index:3;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.timer>span{font-size:60px;line-height:60px;margin-top:16px;display:block}.section-step{bottom:54px;margin-bottom:0;padding:3px 0;text-shadow:1px 1px 1px #333;font-size:13px}.camera-hint,.section-step{position:absolute;width:100%;text-align:center;color:#fff;z-index:3}.camera-hint{background-color:#bf585d;font-size:11px;padding:6px 0;line-height:14px;left:0;bottom:0}.camera-palette-wrapper{position:relative;margin:0 auto;z-index:4;height:calc(100% - 4vh - 46px)}.camera-colorpalette-wrapper{background-color:initial;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:15px;position:relative;margin-bottom:1.8vh;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}.camera-color-wrapper{width:100%;display:flex;align-items:center;justify-content:center;grid-gap:14px;gap:14px}.camera-palette{width:18%;aspect-ratio:1;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px;border:1px solid #fff;cursor:pointer;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}.camera-palette.active{border:2px solid #b8d8e1}.undertone-palette{width:40%;aspect-ratio:1;cursor:pointer;border:2px solid #fff;border-radius:37%;-webkit-border-radius:37%;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}.undertone-palette.active{border-color:#b8d8e1}.camera-wrapper{background-color:#000;position:relative;display:flex;justify-content:center;align-items:center}.camera-wrapper.scanning:before{content:"";height:1px;position:absolute;z-index:2;background-color:#fff;top:0;width:100%;left:0;-webkit-animation:topBottom 5s infinite;animation:topBottom 5s infinite}@keyframes topBottom{0%{top:0}50%{top:100%}to{top:0}}@-webkit-keyframes topBottom{0%{top:0}50%{top:100%}to{top:0}}.camera-wrapper .video{position:absolute;height:84vh;object-fit:cover;top:50%;left:50%;transform:translate(-50%,-50%) scaleX(-1)!important;-webkit-transform:translate(-50%,-50%) scaleX(-1)!important}.camera-wrapper>canvas{opacity:0}.camera-wrapper .video.env-mode{transform:translate(-50%,-50%)!important;-webkit-transform:translate(-50%,-50%)!important}.camera-wrapper,.captured-wrapper-inner{position:relative;aspect-ratio:1/1.3;width:100%;overflow:hidden;margin:0 auto}.image-captured{position:absolute;left:50%;top:50%;height:100%;transform:translate(-50%,-50%)!important;-webkit-transform:translate(-50%,-50%)!important}.header-bar-wrapper{background-size:100% 100%;aspect-ratio:5.51282;top:0;left:0;z-index:5}.footer-bar-wrapper,.header-bar-wrapper{background-image:url(/images/header-bar.png);background-repeat:no-repeat;background-position:50%;width:100%;position:fixed}.footer-bar-wrapper{background-size:110% 110%;aspect-ratio:4.96154;bottom:0;left:50%;border-radius:30px 30px 0 0;z-index:6;-webkit-transform:translateX(-50%) scaleX(-1);transform:translateX(-50%) scaleX(-1)}.camera-bottom-text{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.navigation{position:absolute;left:0;top:8px;width:100%;padding:0 8px;z-index:3;line-height:0;justify-content:space-between}.navigation,.navigation>a{align-items:center;display:flex}.navigation>a{font-size:30px;text-decoration:none;color:#bf585d;width:32px;height:32px;border-radius:50%;-webkit-border-radius:50%;justify-content:center}.camera-bottom-text{border-radius:30px;padding:4px 16px;font-size:12px;font-style:italic;text-align:center;background-color:#fff;margin-top:-40px;z-index:5}.capture-button{width:43px;min-width:43px;height:43px;aspect-ratio:1;border-radius:50%;-webkit-border-radius:50%;position:absolute;left:50%;top:50%;cursor:pointer;z-index:3;transform:translateX(-50%);-webkit-transform:translate(-50%,-50%);padding:3px}.capture-button.capture-button-bordered:after{content:"";background-color:rgba(0,115,147,.2784313725490196);width:100%;height:100%;border-radius:50%}.capture-button.capture-button-bordered{border:2px solid rgba(0,115,147,.6392156862745098)}.face-bg,.face-outline{position:absolute;top:50%;left:50%;width:164%;z-index:2;transform:translateX(-50%);-webkit-transform:translate(-50%,-50%);max-height:580px;object-fit:contain}.face-outline-scanning{opacity:0;transition:opacity .4s}.camera-wrapper.scanning .face-outline{opacity:0}.camera-wrapper.scanning .face-outline-scanning{opacity:1}.captured-wrapper{height:100%;width:100%;flex-wrap:wrap;display:flex;justify-content:center;align-items:center;position:relative;align-content:center}.image-captured-wrapper{overflow:hidden;position:relative;border-radius:12px 12px 0 0;-webkit-border-radius:12px 12px 0 0;flex:none}.image-captured-wrapper2{overflow:hidden}.image-captured-wrapper{aspect-ratio:1/1.3}.captured-action{flex:1 1;max-width:210px;padding:32px 0}.logo-form>img{width:80%;max-width:240px}.blur-bg-res{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:left top}.result-form-wrapper{z-index:1}.loading-result-intro{position:relative;z-index:2}.loading-result-title>h2{font-size:15px;font-family:Montserrat;font-style:italic}.loading-result-title>h3{font-size:14px}.form-control::-webkit-input-placeholder{color:rgba(81,97,116,.19215686274509805)}.form-control::placeholder{color:rgba(81,97,116,.19215686274509805)}.form-control{color:#007393!important;padding:8px 20px;font-size:14px;border-color:transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(203.12deg,hsla(0,0%,76.1%,.59) 8.19%,#fff 65.94%,hsla(0,0%,76.1%,.59) 85.04%) border-box;border-radius:50em;box-shadow:unset!important;border:2px solid transparent;font-style:italic}.error-validation{color:#d80f0f;font-size:13px;line-height:13px;display:block;margin-top:7px;margin-bottom:1.6vh}.face-fuschia{-webkit-filter:invert(52%) sepia(100%) saturate(7379%) hue-rotate(295deg) brightness(113%) contrast(132%);filter:invert(52%) sepia(100%) saturate(7379%) hue-rotate(295deg) brightness(113%) contrast(132%)}.face-orange{-webkit-filter:invert(52%) sepia(70%) saturate(350%) hue-rotate(323deg) brightness(98%) contrast(86%);filter:invert(52%) sepia(70%) saturate(350%) hue-rotate(323deg) brightness(98%) contrast(86%)}.face-gold{-webkit-filter:invert(84%) sepia(42%) saturate(247%) hue-rotate(327deg) brightness(411%) contrast(258%);filter:invert(84%) sepia(42%) saturate(247%) hue-rotate(327deg) brightness(411%) contrast(258%)}.face-silver{-webkit-filter:invert(75%) sepia(28%) saturate(0) hue-rotate(274deg) brightness(315%) contrast(90%);filter:invert(75%) sepia(28%) saturate(0) hue-rotate(274deg) brightness(315%) contrast(90%)}.face-brown{-webkit-filter:invert(22%) sepia(14%) saturate(2711%) hue-rotate(1747deg) brightness(50%) contrast(162%);filter:invert(22%) sepia(14%) saturate(2711%) hue-rotate(1747deg) brightness(50%) contrast(162%)}.face-black{-webkit-filter:invert(100%) sepia(6%) saturate(7500%) hue-rotate(288deg) brightness(101%) contrast(107%);filter:invert(100%) sepia(6%) saturate(7500%) hue-rotate(288deg) brightness(101%) contrast(107%)}.loader-image{width:40px;margin:0 auto 17px;animation:rotation 1.5s linear infinite;-webkit-animation:rotation 1.5s linear infinite}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}.badge-outline{border-radius:30px;padding:3px 20px;font-style:italic;border:1px solid #007393}.radio-group input[type=radio]{display:none}.radio-group label{display:flex;align-items:center;cursor:pointer}.radio-group .radio-custom{width:16px;height:16px;border-radius:50%;-webkit-border-radius:50%;margin-right:8px;background-color:#d7d7d7}.radio-group span.gap-1:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}.radio-group input[type=radio]:checked+.radio-custom{border:5px solid #fff;background-color:#b8d8e1}.radio-group input[type=radio]:checked+.radio-custom+span.gap-1:after{background-color:#b8d8e1}.section-color{position:relative;display:flex;flex-direction:column;padding:5px;border-radius:4px;-webkit-border-radius:4px;width:33.3%;border:1px solid #b8d8e1}.section-color.disabled{-webkit-filter:grayscale(100%) brightness(0) contrast(80%) invert(1);filter:grayscale(100%) brightness(0) contrast(80%) invert(1);border:0;pointer-events:none}.section-color .radio-custom{width:20px;height:20px;margin:0 auto 7px}.seasonal-palette{width:100%;height:0;padding-bottom:55%;border-radius:30px;-webkit-border-radius:30px;cursor:pointer}.radio-group input[type=radio]:checked+.radio-custom+span .seasonal-palette.active{box-shadow:inset 0 0 0 1.5px hsla(0,0%,39.2%,.9)}.side-info{flex:1 1;color:#fff;margin-left:30px;max-width:290px}.side-info h2{font-size:16px}.side-info p{font-size:14px;margin-bottom:0}.seasonal-slider{transition:opacity .6s;position:relative;z-index:2}.box-captured,.box-captured .slick-list,.box-captured .slick-slide>div,.box-captured .slick-track{height:100%}.slick-slider{z-index:2}.box-captured .slick-slide{position:relative;width:100%;height:100%}.box-captured .slick-arrow{color:hsla(0,0%,80.4%,.5)!important;font-size:34px;width:34px;height:34px;z-index:9999;display:flex;justify-content:center;align-items:center}.box-captured .slick-prev{left:0!important}.box-captured .slick-next{right:0!important}.slick-next:before,.slick-prev:before{display:none}.hint-wrapper{justify-content:center;position:relative;height:90%}.hint-title{margin-bottom:20px;margin-top:26px;text-align:center;width:100%;font-size:18px;font-family:Montserrat}.hint-title span{font-family:Montserrat Bold;font-style:italic;font-size:22px;display:block;margin-top:-8px}.hint-inner-wrapper{position:relative;padding:6px 15px 0;margin:0 auto 10px;overflow:hidden;flex-direction:column;max-width:486px;border-radius:5px;-webkit-border-radius:5px;height:-webkit-fill-available}.hint-box-wrapper,.hint-inner-wrapper{display:flex;justify-content:center;width:100%}.hint-box-wrapper{align-items:center;grid-gap:16px;gap:16px}.hint-image-wrapper{display:flex;align-items:end;justify-content:center;background-image:url(/images/frame-square.png);background-repeat:no-repeat;background-position:center bottom 8px;background-size:contain;width:90%;margin:0 auto}.hint-image{margin:16px auto 0;bottom:0;width:84.5%;padding-bottom:10px}.hint-box{text-align:center}.hint-box:not(:last-child){border-right:1px dashed;padding-right:16px}.hint-box>p{margin-bottom:8px;white-space:nowrap;font-size:8px}.hint-box>span{border:1px solid;border-radius:5px;-webkit-border-radius:30px;padding:4px 10px;font-size:14px;font-family:Montserrat Bold;font-style:italic}.title-sidebox{font-size:16px;padding:16px 0;background-color:#b8d8e1;color:#fff;text-align:center;top:0;left:0;position:absolute;width:100%}.step-progress{display:flex;grid-gap:8px;gap:8px;margin-bottom:6px}.step-progress>span{flex:1 1;height:4px;border-radius:10px;-webkit-border-radius:10px}.step-progress>span,.step-progress>span.active{background-color:#fff}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.35);display:flex;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;z-index:9999}.popup-content{background-image:url(/images/frame-6x4.png);background-repeat:no-repeat;background-position:50%;background-size:100% 100%;padding:20px;max-width:320px;width:90%;position:relative}label.checkbox{text-align:left;line-height:19px;font-size:14px;align-items:start;display:flex}label.checkbox a{color:#00607a;border-bottom:1px solid}input[type=checkbox]{margin-right:8px;width:18px;height:18px}@supports (-webkit-hyphens:none){input[type=checkbox]{width:23px;height:23px}}.page-back{position:absolute;top:14px;left:14px}.icon-back{width:20px}.close-button{position:absolute;top:14px;right:14px;background:none;border:none;font-size:30px;text-decoration:none;color:#bf585d;display:flex;justify-content:center;align-items:center}.close-button img{width:20px;height:auto}.header-icon-white .logo-header,.icon-white{-webkit-filter:grayscale(1) brightness(0) invert(1);filter:grayscale(1) brightness(0) invert(1)}.term-condition{text-align:center}.term-condition h2{font-size:20px;margin-bottom:2.5vh}.term-condition h2>span{font-family:Montserrat Bold}.logo-form{margin-bottom:28px;position:relative;z-index:2}.form-result{max-width:350px}.form-result-inner{width:100%;padding:50px 33px;border-radius:32px;margin-bottom:28px;background-image:url(/images/frame-form.png);background-repeat:no-repeat;background-size:100% 100%;background-color:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.form-result .form-control{margin-bottom:5px}.petal-result-bg{width:50%;position:absolute;max-width:250px;bottom:0;left:0}.gimmick-scanner{width:70%;max-width:270px;margin:0 auto;text-align:center;position:absolute;bottom:18%;z-index:2}.scanner-text{font-size:15px;color:#fff;text-shadow:1px 1px 1px #333}.fade-text{margin-bottom:11px;-webkit-animation:fadeInOut 1s infinite;animation:fadeInOut 1s infinite;line-height:20px}.progress-bar{width:100%;height:8px;background-color:initial;border:1px solid #fff;border-radius:10px;overflow:hidden}.progress{height:100%;background-color:#fff;border-radius:10px;width:0;transition:width .1s ease}.lighting-detect{position:absolute;top:45%;left:50%;text-align:center;color:#fff;font-size:16px;text-shadow:1px 1px 1px #333;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:4}@-webkit-keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media(max-width:576px) and (orientation:portrait){.step-progress{margin-bottom:3px}#header>span{font-size:15px}.camera-hint{font-size:9px}.section-step{bottom:43px;font-size:12px}.hint-title{margin-top:17px;margin-bottom:10px}.scanner-text{font-size:13px;color:#fff}.fade-text{margin-bottom:10px;-webkit-animation:fadeInOut 1s infinite;animation:fadeInOut 1s infinite}}@media(max-width:1024px){.header-bar-wrapper+.page-headerbar{width:100vw;height:100%;position:fixed;overflow:hidden;top:0;left:0;padding:0}.hint-inner-wrapper{aspect-ratio:.67}.camera-wrapper{margin-bottom:0!important}.camera-palette-wrapper{width:100vw;height:100%!important;position:relative}.camera-wrapper{margin-bottom:0;aspect-ratio:unset;width:100%;height:100%}.image-captured{position:fixed;height:76%;top:46%}.face-bg,.face-outline{position:absolute;top:50%;left:50%;width:164%;z-index:2;transform:translateX(-50%);-webkit-transform:translate(-50%,-50%)}.captured-action{max-width:unset;background-image:url(/images/captured-button-wrapper.png);background-repeat:no-repeat;background-size:cover;background-position:top;width:100%;position:absolute;bottom:0;left:0;justify-content:center;z-index:5;background-color:#d2a0a3;border-radius:32px 32px 0 0}}@media (min-width:718px) and (min-height:1190px) and (max-width:724px) and (max-height:1194px){.face-bg,.face-outline{top:32%}.lighting-detect{top:55%}}@media(max-width:658px) and (orientation:landscape){.intro-landing{padding-top:2.2vh!important}.landing-title h1{font-size:20px}.hint-box{padding:4px 12px}.side-info h2{font-size:14px}.side-info p{font-size:12px}.navigation{top:0}}@media (min-width:1366px) and (orientation:landscape){.image-captured-wrapper{flex:0.25 1!important}}@media (min-width:640px) and (max-width:915px) and (orientation:landscape){.image-captured-wrapper{flex:1 1!important}}@media(min-width:576px) and (min-height:520px) and (orientation:landscape){.camera-palette-wrapper{position:absolute;top:50%;left:50%;padding-top:0!important;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@media(min-width:510px) and (orientation:landscape){#header{margin-bottom:3vh}#header>span{color:#fff;font-size:20px}.bg-landing:before{background-image:url(/images/petal_1_desktop.png);width:42%;min-width:120px;max-width:270px;aspect-ratio:490/605}.bg-landing:after{background-image:url(/images/petal_2_desktop.png);width:48%;min-width:120px;max-width:290px;aspect-ratio:538/528}.hint-inner-wrapper{padding-top:20px;margin-left:auto;margin-right:auto}.hint-title{margin-top:0;margin-bottom:15px}.section-step{display:none}.camera-palette-wrapper{align-items:center;justify-content:center;flex-direction:row-reverse!important;width:100%;padding-top:31px;margin-left:auto;margin-right:auto}.image-captured-wrapper{border-radius:12px 12px 6px 6px;-webkit-border-radius:12px 12px 6px 6px;flex:1 1}.captured-wrapper-inner{flex:unset!important;width:unset!important;height:80%!important;margin:0 16px!important}.captured-action{margin-right:16px}.camera-wrapper{width:100%;height:83%;max-width:538px}.footer-bar-wrapper{max-width:538px}.captured-wrapper-inner{flex:1 1}.captured-action{width:100%;justify-content:center;padding-right:10px}.camera-colorpalette-wrapper{padding-top:80px;flex:1 1;margin-right:20px;max-width:340px}}@media(min-width:576px) and (max-width:915px) and (orientation:landscape){.logo-landing{width:30vh}.landing-title h1{font-size:20px}.btn:not(.btn-lg){font-size:15px}.intro-landing{padding-top:6vh}.logo-form{margin-bottom:4vh}.error-validation{font-size:12px}.form-result .checkbox{margin-bottom:2vh}.camera-wrapper{height:100%}.step-progress{margin-bottom:2.2vh}.captured-wrapper-inner,.image-captured-wrapper{flex:1 1}.camera-colorpalette-wrapper{padding:60px 5px 12px}.camera-color-wrapper{grid-gap:6px;gap:6px}.title-sidebox{font-size:12px;padding:9px 0}.side-info{flex:0.7 1;margin-left:18px}.d-desktop-flex{display:flex!important}.d-desktop-block{display:block!important}}.d-desktop-block,.d-desktop-flex{display:none}@media (min-width:510px) and (orientation:landscape){.d-desktop-flex{display:flex!important}.d-desktop-block{display:block!important}.d-desktop-table{display:table!important}.d-desktop-none{display:none!important}}@media (min-width:576px) and (max-width:1024px) and (orientation:portrait){.container:not(.container-fluid){max-width:520px!important}.camera-palette-wrapper{aspect-ratio:1/1.9;width:100%}}@media(min-width:1366px){.container:not(.container-fluid){max-width:1280px!important}.camera-colorpalette-wrapper{margin-bottom:0}.navigation{top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}.hint-inner-wrapper{max-width:556px}}@media (max-width:576px) and (max-height:290px){.camera-hint{font-size:10px;height:0;padding:0;overflow:hidden}.camera-hint,.d-desktop-block,.d-desktop-flex{display:none!important}.d-table{display:table!important}.d-block{display:block!important}.d-flex{display:flex!important}}@media (min-width:320px) and (max-width:480px) and (min-height:320px) and (max-height:480px){.container:not(.container-hint){max-width:250px!important}.camera-hint{padding:0;height:0;overflow:hidden}.camera-hint,.d-desktop-block,.d-desktop-flex{display:none!important}.d-table{display:table!important}.d-block{display:block!important}.d-flex{display:flex!important}}@media(orientation:landscape){.captured-wrapper{display:flex;align-items:center;flex-direction:row-reverse}}@media(max-width:576px) and (min-height:482px) and (orientation:portrait){.camera-wrapper{margin-bottom:16.5vh}}@media(min-width:1200px) and (max-width:1366px) and (orientation:landscape){.captured-wrapper-inner,.image-captured-wrapper{flex:0.3 1}}@media(min-width:320px) and (max-width:915px) and (orientation:landscape){.hint-inner-wrapper{max-width:364px}}@media(max-width:1200px){body::-webkit-scrollbar{display:none}body,html{scrollbar-width:none}}@media(max-width:1024px) and (orientation:landscape){.hint-title{font-size:13px;margin-bottom:0;font-size:12px}}@media (min-width:480px) and (max-width:767px) and (orientation:landscape){.in-iframe .captured-wrapper-inner,.in-iframe .image-captured-wrapper{flex:1 1!important}}@media (max-width:576px) and (orientation:portrait){.in-iframe #header>span{font-size:12px}.in-iframe #header .logo-header{width:100%;max-width:86px}.in-iframe .section-step{bottom:35px;font-size:11px}.in-iframe .camera-hint{font-size:8px;line-height:10px}.in-iframe .camera-colorpalette-wrapper{padding:5px}.in-iframe .btn:not(.btn-lg){font-size:14px;padding:7px 24px}.lighting-detect{font-size:15px}}@media(max-height:420px){.hint-title{height:0;overflow:hidden;margin:0!important}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){body{font-size:17px}input[type=checkbox]{width:28px;height:22px}#header .logo-header{max-width:170px}.page-back{left:30px}.form-result{max-width:352px}.face-bg,.face-outline{max-height:645px}.gimmick-scanner{bottom:24%}.camera-bottom-text{margin-top:-60px}.hint-box>p{font-size:12px}.icon-back{width:23px}.intro-step-inner{max-width:370px}.intro-step h2{font-size:38px}.intro-step h2,.step-list{margin-bottom:40px}.step-list h3{font-size:25px}.step-list span{font-size:18px}.intro-video>p{font-size:17px}.capture-button{width:48px;height:48px}.btn{font-size:24px}.btn:not(.btn-lg){padding:8px 26px}.logo-landing{max-width:250px}.form-control{padding:9px 20px;font-size:18px}.landing-title h1{font-size:32px}.landing-title h3{font-size:18px}.landing-button .btn{font-size:18px;max-width:285px;padding-top:12px;padding-bottom:12px}label.checkbox{font-size:17px;line-height:22px}.popup-content{max-width:352px}}.input-autocomplete{background-color:#fff;color:#00607a;padding:10px 20px;text-align:right;font-size:15px;margin-bottom:13px;border-radius:20px;display:none}.input-autocomplete.open{display:block}.input-autocomplete p{margin:4px 0;cursor:pointer}@media(min-width:720px) and (orientation:portrait){.face-bg,.face-outline{max-height:688px;top:38%}.intro-landing,.intro-step{-webkit-transform:scale(1.4);transform:scale(1.4)}.capture-button{width:70px;height:70px;width:30%;max-width:200px;top:34%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;z-index:4;transition:opacity .3s;color:#fff!important;border-radius:60px;display:flex;padding:4px 20px!important;height:57px;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.25);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff}.keypad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;padding:20px;background-color:#fff;border:1px solid #ccc;border-radius:28px;width:100%}.keypad button{padding:10px;font-size:19px;background-color:#f1f1f1;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.keypad button:nth-child(11){order:9}.keypad button:nth-child(10){order:10}.keypad button:nth-child(12){order:11}.keypad button:hover{background-color:#ddd}input{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:8px}}.result-container{background:linear-gradient(160deg,#fcdee3 18.13%,#fdebee 22.65%,#fff 38.03%,#fce5e8 73.75%);background-position:50%;background-size:cover;padding:0;min-height:100vh;overflow-x:hidden;overflow-y:auto}.header-container{width:100%;max-width:1024px;margin-right:auto}.header-inner{width:100%;background-size:100% auto;background-repeat:no-repeat;aspect-ratio:2.51095;padding:15px 30px 25px;border-bottom-right-radius:52px;position:relative}.header-percentage{width:100%;display:flex;justify-content:space-evenly;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:4px 0;aspect-ratio:9.52381}.header-percentage .percentage-value{display:flex;justify-content:center;align-items:center;grid-gap:10px;gap:10px;color:#fff;line-height:1.15;font-family:Montserrat Bold;font-style:italic}.percentage-number{background-image:url(/images/frame-percentage.png);background-repeat:no-repeat;background-position:50%;background-size:100% 100%;aspect-ratio:1.40594;font-size:16px;padding:4px 6px;height:100%;display:flex;justify-content:center;align-items:center}.percentage-name{font-size:13px;max-width:-webkit-min-content;max-width:min-content;display:flex;flex-direction:column}.powered-logo{width:100px;display:table;margin:0 auto 38px}.personal{width:38%;align-self:flex-start;margin-top:7%}.logo-container{height:90px;margin-top:7%}.logo-container>img{width:30%;max-width:94px}.header-your-name{margin-top:4vw;color:#fff;font-size:15px;font-weight:500;line-height:13px;letter-spacing:0;text-align:center}.text-tryon-notif{font-size:14px}.complexion-container{padding:0 14px;margin-top:20px}.complexion-products-slider{max-width:94px}.palette-container{border-top-right-radius:22px;box-shadow:none}.palette{border-radius:50%;min-width:37px;aspect-ratio:1;max-width:37px;background-color:#ebcfbf}.complexion-container .wardah-text{text-align:start;font-family:Montserrat Bold;color:#521623;font-size:14px;width:30%}.get-yours-image{width:22%;max-width:120px}.wardah-box-md{border-radius:22px;box-shadow:0 3px 11px 0 rgba(0,0,0,.25098039215686274);min-height:125px}.section-title{background:linear-gradient(255.13deg,#f3af8e -33.95%,#f492ab 95.03%);color:#fff;border-radius:22px;text-align:center;padding:8px;font-size:11px}.section-title-container{position:relative;width:20%}.section-title-container>img{max-width:276px;width:100%}.section-title-img{width:51px;position:absolute;left:0;top:-17px}.section-title-container .section-title{width:100%;max-width:230px;min-width:106px;padding-left:42px}.blushon-section .section-title-container .section-title{width:100%;max-width:230px;min-width:136px;padding-left:36px}.wardah-box-lg{border-radius:0 0 22px 22px;border:1px solid rgba(245,197,198,.21);background:linear-gradient(236deg,#f5c5c6 9.99%,#fff 51.61%,rgba(245,197,198,.51) 89.11%);box-shadow:0 4px 4px 0 rgba(0,0,0,.25);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.wardah-box-lg.wardah-bg-light{background:#fef6f7}.right-side-board{border-radius:50px 0 0 50px;border:2px solid #fff;background:hsla(0,0%,98.8%,.2);padding:11px 15px;margin-bottom:14px;box-shadow:0 4px 4px 0 rgba(0,0,0,.13)}.skintone-name{text-align:center;font-size:13px;color:#521623;line-height:18px}.skintone-code{background-color:#fff;padding:1px;border-radius:50px 50px 18px 18px;display:table;border:2px solid #fff;margin:0 auto 8px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}.skintone-code>span{font-family:Montserrat Bold;display:block;font-size:13px;margin:5px 0 2px}.palette-grid-wrapper{width:100%}.palette-grid{display:flex;width:100%}.palette-grid .slick-list{overflow:visible}.palette-grid-item{display:flex;aspect-ratio:.86957;flex:1 1}.lips-title{border-top:1px solid #fff;border-bottom:1px solid #fff;background-image:url(/images/gradient-title.png);background-repeat:no-repeat;background-size:cover;background-position:50%;padding:15px 10px;font-size:15px;left:0;width:100%;z-index:1}.lip-grid{margin:10px auto;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:repeat(5,1fr)}.lip-grid-item{display:flex;align-items:center;justify-content:center;width:100%;padding:8px;height:53px;aspect-ratio:1}.eyes-container .section-title-img{width:56px;left:-10%}.eyes-grid{border:1px solid rgba(245,197,198,.21);background:hsla(0,0%,100%,.02);box-shadow:0 4px 4px 0 rgba(0,0,0,.25);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);margin:10px auto;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:repeat(2,1fr)}.eyes-grid-item{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 10px}.face-container{background:hsla(0,0%,100%,.02);box-shadow:0 4px 4px 0 rgba(0,0,0,.25);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.title-category{border:1px solid;color:#82373b;border-radius:50px;font-family:Montserrat Bold;font-size:12px;line-height:14px;white-space:nowrap;padding:8px 20px;text-overflow:ellipsis}.blush-section .section-title-img{width:60px;left:-12%;top:-23px}.blush-container{border-radius:22px 22px 0 0;border:1px solid rgba(245,197,198,.21);background:hsla(0,0%,100%,.38);box-shadow:0 4px 4px 0 rgba(0,0,0,.25);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);margin:0 auto;grid-gap:24px;gap:24px;width:90%;padding:23px 23px 32px}.blush-item{display:flex;flex-direction:column;justify-content:center;align-items:center;width:24%;grid-gap:10px;gap:10px;text-align:center}.blush-color{aspect-ratio:1;width:46px;background-color:#000;border-radius:50px}.blush-name{line-height:1;font-size:12px;color:#000}.lips-section{position:relative;z-index:1}.ecommerce-container{position:relative;width:100%}.ecommerce-container-desktop a img{max-width:55px}.ecommerce-title{border:1px solid #fff;background:linear-gradient(270deg,#b53853 -4%,#de8e9d 47.02%,#b53853 103.64%);padding:15px 10px;font-size:15px;text-align:center;left:0;width:100%;z-index:1}.ecommerce-button-container{display:flex;justify-content:center;align-items:center;grid-gap:10px;gap:10px;padding:15px;border-radius:0 0 22px 22px;width:95%;background-color:hsla(0,0%,100%,.6)}.product-slider .slick-slide{padding:0 4px;display:block}.product-slider .slick-list{transition:height .5s}.product-slider .slick-arrow{z-index:2;font-size:20px!important;color:#f4a09d!important;top:16%;-webkit-transform:scaleX(.75);transform:scaleX(.75)}.complexion-products-slider .slick-arrow{top:50%}.product-slider .slick-prev{left:-10px!important}.product-slider .slick-next{right:-10px!important}.eyes-slider-wrapper .slick-prev{left:-8px!important}.eyes-slider-wrapper .slick-next{right:-8px!important}.list-product-lips .product-slider .slick-prev{left:-18px!important}.list-product-lips .product-slider .slick-next{right:-18px!important}.palette-grid .slick-prev{left:2px!important}.palette-grid .slick-next{right:2px!important}.product-slide p{font-size:11px;margin:4px 0 0;line-height:12px;text-align:center}.complexion-products-slider .image-product{justify-content:center;margin-bottom:20px}.complexion-products-slider .image-product img{z-index:1;position:relative}.click-tips{width:103%;position:absolute!important;z-index:4!important;bottom:-15%;right:-18%;opacity:0;transition:opacity .5s}.item-big{position:relative;width:46%!important;overflow:visible!important;z-index:3}.item-big+.item-big{position:static;z-index:unset}.item-big+.item-big .click-tips{display:none}@media(max-width:1200px){.header-container+div:after{content:"";position:absolute;pointer-events:none;opacity:0;top:0;left:0;width:100%;min-height:153%;transition:opacity .5s;background-color:#000;z-index:2}.header-container.open-hint+div:after{opacity:.2}.header-container.open-hint+div .click-tips{opacity:1}}.item-big .desc{width:100%;padding:22% 10px 16px;background-color:#b07d83;font-size:8px;color:#fff;border-radius:0 0 30px 30px;text-align:center;margin-top:-18%;margin-bottom:0}.result-container a,.result-container p{color:#82373b}.image-product{width:100%;overflow:hidden;border-radius:4px;flex-wrap:wrap;grid-gap:4px;gap:4px}.image-product .palette-grid-item{max-width:calc(12.5% - 4px)!important;min-width:calc(12.5% - 4px)!important;height:0;padding-bottom:11.9%;margin-left:0;margin-right:0;border-radius:50%}.image-product>img{width:100%}.image-product>.bg-dark{height:100%;min-height:38px;display:flex;width:90%;margin:0 auto;border:7px}.btn.result-action{border-radius:50px;width:40%;border:none;background-image:linear-gradient(271deg,#f3af8e -135.29%,#f492ab 108.23%);color:#fff;margin:25px 0;padding:8px 14px;font-style:normal;font-family:Montserrat}.share-template-username{position:absolute;top:19%;right:8.5%;line-height:32px;font-size:13px;color:#fff;border-bottom:1px solid}.share-complexion-product{position:absolute;width:21%;top:40%;right:17%;z-index:9}.list-product-lips .title-category-image>img{height:30px;width:94%;object-fit:contain}#shop-btn{white-space:nowrap;padding:12px 30px;border-radius:10px;border:1px solid #fff;font-size:14px;font-family:Montserrat Bold;color:#fff;background:linear-gradient(270deg,#b53853 -4%,#de8e9d 47.02%,#b53853 103.64%)}#download-btn-desktop{color:#521623;align-items:center;line-height:0;font-size:16px}#download-btn-desktop>span{background-color:rgba(208,207,207,.5019607843137255);width:24px;height:24px;font-size:20px;border-radius:50%;color:#521623;display:flex;margin-left:5px;justify-content:center;align-items:center}.eyes-section .slick-arrow{top:7%}.eyes-section .slick-slide img{width:86%;margin:0 auto}.lips-section .list-product{background:hsla(0,0%,100%,.14);box-shadow:0 4px 4px 0 rgba(0,0,0,.25);border-radius:20px}.blushon-slider-wrapper,.eyes-slider-wrapper{width:71.5%;padding-left:6px}.title-category-image img{width:80%;margin:0 auto}.wrapper-eyeshadow-glitter{display:flex;align-items:center;grid-gap:4px;gap:4px;width:100%;flex-wrap:wrap}.wrapper-eyeshadow-glitter>img{width:calc(64% - 16px)!important;margin:0!important}.image-product .wrapper-eyeshadow-glitter .palette-grid-item{max-width:9%!important;min-width:9%!important;padding-bottom:9%;height:0;margin:0}.wrapper-eyeshadow-glitter a[data-eyeshadow-type=glitter-dawn1]{background-image:url(/images/glitter-dawn1.png);background-repeat:no-repeat;background-size:cover}.wrapper-eyeshadow-glitter a[data-eyeshadow-type=glitter-dawn2]{background-image:url(/images/glitter-dawn2.png);background-repeat:no-repeat;background-size:cover}.wrapper-eyeshadow-glitter a[data-eyeshadow-type=glitter-blaze1]{background-image:url(/images/glitter-blaze1.png);background-repeat:no-repeat;background-size:cover}@media(min-width:1024px){.blushon-section .product-slider .slick-arrow{top:28%}.blushon-section .product-slide img{width:83%;margin:0 auto}}@media(max-width:1024px){.header-container{max-width:100%;position:fixed;top:0;left:0;z-index:4}.header-inner{padding:0 20px;border-radius:0;aspect-ratio:2.51095}.header-your-name{margin-top:9vw}.category-product-section{width:100%;flex-wrap:wrap;justify-content:center!important}.complexion-container{background-image:url(/images/bg-complexion.png);background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;margin-top:0;padding-top:38px!important}.lips-section .list-product{width:100%}.section-title{font-size:11px}.result-container{max-width:1024px}.product-eye .image-product{width:84%;margin-left:auto;margin-right:auto}.palette-grid-wrapper::-webkit-scrollbar{display:none}.section-palette-container{flex:1 1;padding-left:10px}.eyes-section{margin-top:-33px;z-index:1;position:relative;background:#efd1d5;background:linear-gradient(180deg,#efd1d5 7%,#fff 41%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#efd1d5",endColorstr="#ffffff",GradientType=1)}.blushon-section .product-slide{margin-bottom:16px}.blushon-section .slick-track{display:flex;justify-content:center;flex-wrap:wrap}.product-slider .slick-list{width:100%}.palette-container .section-title{margin-left:14px}.blushon-section .image-product>img{width:80%;margin:0 auto}.lips-section .list-product .title-category{width:unset!important;min-width:120px;display:table;margin:0 auto}.blushon-slider-wrapper,.eyes-slider-wrapper{width:100%;padding-left:0}.list-product-lips .product-slider .slick-arrow{display:block!important;top:35%;font-size:16px!important}.list-product-lips .product-slider .slick-prev{left:2px!important}.list-product-lips .product-slider .slick-next{right:2px!important}.list-product-lips .product-slider .slick-list{width:100%;margin-left:16px}.lips-section .list-product{box-shadow:none;border-radius:0;background-color:hsla(0,0%,100%,.3);background-image:url(/images/frame-lips.png);background-repeat:no-repeat;background-size:100% 100%;background-position:50%;margin-left:14px;margin-bottom:48px;padding:0 14px 28px 12px;border-radius:12px}.lips-section .list-product .title-category-image{-webkit-transform:translateY(-14px);transform:translateY(-14px);display:table}}@media(max-width:1024px){.result-container{padding-top:40%}.product-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.product-content .side-image{width:17%}.product-content .side-image img{width:105%;margin-top:-87%;aspect-ratio:.51111}.product-content .side-image img[src*="moist-dew.png"]{-webkit-transform:translateX(-6px);transform:translateX(-6px)}.product-content .product-slider{width:83%;max-width:83%}.lips-section{background:#d4a2ab;background:linear-gradient(31deg,#d4a2ab 47%,#f8eae7 86%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4a2ab",endColorstr="#f8eae7",GradientType=1)}.list-product-lips .product-slider .slick-slide{padding:0 6px}.list-product-lips .title-category-image img{margin-bottom:0;background-color:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(23px);border-radius:23px;height:28px;width:unset;max-width:unset}.product-eye .title-category-image img{max-width:90%;display:table;margin:0 auto!important}.product-slider .slick-arrow{display:none!important}}@media(min-width:1024px){.blush-container,.eyes-grid,.wardah-bg-light,.wardah-box-lg{background:none!important;border:0;-webkit-backdrop-filter:unset;backdrop-filter:unset;box-shadow:none}.palette-grid{margin:unset}.complexion-container{padding-bottom:8px;grid-gap:8px;gap:8px;flex:0.7 1}.section-title-desktop{min-width:112px;flex:0.7 1}.section-title-desktop>img{width:67%;min-width:20px}.lips-section{justify-content:space-evenly}.column-palette-wrapper{width:45%}.list-product-lips .list-product:first-child .title-category-image{margin-bottom:6px!important}.ecommerce-container{width:20%}.section-result-left{width:calc(60% - 10px);margin-right:10px}.section-result-right{width:calc(40% - 10px);margin-left:10px}.product-slider .slick-list{overflow:hidden}.list-product-lips .title-category-image{margin-bottom:12px}.lips-section .list-product{width:45%}.list-product-lips{display:flex;max-width:68%}.list-product-lips,.wrapper-section-lips{grid-gap:18px 30px;gap:18px 30px;width:100%;flex-wrap:wrap;justify-content:space-around}.wrapper-section-lips{display:flex!important;padding-bottom:7px}.slider-lips-section .slick-slide:last-child .wrapper-section-lips{margin-left:30px;justify-content:start}.slider-lips-section>.slick-arrow{top:50%}.list-product-lips .title-category{background:linear-gradient(175deg,#fcdee3 8.04%,#fdebee 13.67%,#fff 32.77%,#fce5e8 77.17%);background:var(--Gradient_Wardah,linear-gradient(175deg,#fcdee3 8.04%,#fdebee 13.67%,#fff 32.77%,#fce5e8 77.17%))}.list-product-lips .slick-slider{padding:0 8px;width:100%}.lips-section .list-product{width:calc(47% - 20px)}.palette-grid{margin:0 auto}.palette-grid .slick-list{width:86%;margin:0 auto}}@media(min-width:1024px) and (max-width:1024px){.section-result-left{width:calc(55% - 10px)}.section-result-right{width:calc(45% - 10px)}.list-product-lips .product-slider .slick-slide{padding:0 1px}.list-product-lips{max-width:72%}.complexion-container{margin-top:10px}.skintone-name{font-size:9px}}@media(min-width:320px) and (max-width:720px){.complexion-container{padding:0}.complexion-container .wardah-text{flex:1 1}}@media(min-width:480px) and (max-width:1024px) and (orientation:portrait){.list-product-lips{grid-gap:26px;gap:26px}.list-product-lips .product-slider .slick-slide{padding:0 1px}.section-result-left{width:calc(60% - 10px)}.section-result-right{width:calc(40% - 10px)}.category-product-section{border-radius:60px 0 0 60px!important}.palette-grid{width:100%}.palette-grid-wrapper .slick-slide>div{display:flex}.palette-grid-item{float:left;min-width:unset}}@media(min-width:1024px) and (max-width:1024px){.ecommerce-container{padding-top:0;width:97vw!important;-webkit-transform:translateX(-60vw);transform:translateX(-60vw);margin-top:76px}}@media(min-width:1204px) and (orientation:landscape){.header-your-name{font-size:18px;line-height:18px}}@media(min-width:1024px) and (max-width:1024px) and (orientation:portrait){.complexion-products-slider{max-width:62px}.title-category{padding-left:4px;padding-right:4px}.header-your-name{margin-top:2vw;font-size:13px}.product-slider .slick-slide{padding:0 1px}.btn.result-action{padding:6px 12px;font-size:13px;max-width:100px}}@media(min-width:576px) and (max-width:1024px) and (orientation:landscape){.complexion-products-slider{max-width:62px}.header-your-name{font-size:14px;line-height:14px}.product-slide p{font-size:10px;line-height:11px}#download-btn-desktop{font-size:14px}}@media(min-width:1336px){.list-product-lips{max-width:81%}.right-side-board{margin-bottom:3.5vh}}@media(max-width:991px) and (orientation:landscape){.ecommerce-button-container{padding:8px}}@media(min-width:480px) and (max-width:991px) and (orientation:landscape){.section-title{padding:4px;min-width:108px;font-size:7px}}@media(min-width:1024px) and (max-width:1200px){.right-side-board{margin-bottom:12px}.list-product-lips .list-product:first-child .title-category-image{margin-bottom:2px!important}}@media (min-width:480px) and (max-width:1024px) and (orientation:portrait){.lips-section .list-product{margin-left:auto;margin-right:auto}.complexion-products-slider .product-slider{width:100%}}@media (min-width:576px) and (max-width:1024px) and (orientation:portrait){.product-slide .palette-grid-item{width:21px!important;height:21px!important}.list-product-lips .product-slider .slick-slide{padding:0 4px}}@media(min-width:1025px) and (orientation:landscape){.result-container-mobile{max-width:520px}}.flex-break:last-of-type{flex-basis:100%;height:0}.product-overflow{display:block;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;overflow-x:scroll;overflow-y:hidden;height:auto}.product-overflow-item{display:inline-block}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.percentage-name{font-size:13px;font-size:20px}.percentage-number{font-size:30px}.header-percentage{padding:9px 0}.complexion-products-slider .image-product{justify-content:center;margin-bottom:20px}.complexion-products-slider .image-product:not(.item-big){width:100%!important;max-width:240px}.header-your-name{font-size:26px}.complexion-container .wardah-text{font-size:28px}.item-big .desc{font-size:14px}.palette{min-width:60px}.complexion-container{padding-top:64px!important}.list-product-lips .title-category-image img{height:52px}.lips-section .list-product .title-category-image{-webkit-transform:translateY(-23px);transform:translateY(-23px)}.lips-section .list-product{margin-bottom:60px}.section-title-container>img{max-width:347px}.title-category-image img{width:124%;max-width:unset!important}.lips-section .list-product{margin-left:24px;border-radius:1em}.ecommerce-container>img{width:30%}}
/*# sourceMappingURL=main.c9662157.chunk.css.map */