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:TT Norms Pro Bold;src:url(/fonts/TTNormsPro-Bold.woff2) format("woff2"),url(/fonts/TTNormsPro-Bold.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:TT Norms Pro;src:url(/fonts/TTNormsPro-Medium.woff2) format("woff2"),url(/fonts/TTNormsPro-Medium.woff) format("woff");font-style:normal;font-display:swap}body,html{background:linear-gradient(180deg,#f5c4c5 0,#d59985 40%,#d1727b);min-height:100vh;overflow-x:hidden}body{font-family:TT Norms Pro;font-weight:400;font-size:16px;color:#82373b;position:relative}body:before{top:0;right:0;background-image:url(/images/petal-page-1.png);max-width:220px;aspect-ratio:419/395}body:after,body:before{position:absolute;background-repeat:no-repeat;background-size:contain;content:"";width:40%;min-width:120px;z-index:-1}body:after{bottom:0;left:0;background-image:url(/images/petal-page-2.png);max-width:230px;aspect-ratio:483/379}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:#ddd}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#888}#root{min-height:100vh}.small,small{display:block;line-height:19px}a{cursor:pointer;text-decoration:none}.container,.in-iframe{min-height:100vh}.container{max-width:unset!important;padding-top:2vh;min-width:265px;margin:0 auto}.landing-container{max-width:unset!important;position:relative}.container-loading-result,.landing-container{overflow:hidden;height:100vh}.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){font-size:19px;padding:9px 24px}.btn:not(.btn-outline){border:0!important}.btn{border-radius:30px;-webkit-border-radius:30px;max-width:260px;overflow:hidden;font-family:TT Norms Pro Bold;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}.btn-primary.btn-outline{background-color:#fff!important;color:#82373b!important;border:none!important}.btn-primary{background-color:#82373b;color:#fff}.btn-primary:not(.btn-outline):active,.btn-primary:not(.btn-outline):focus,.btn-primary:not(.btn-outline):hover{background-color:#893034!important}.btn.disabled{background-color:silver;opacity:.8}.full-height{min-height:calc(100vh - 48px);padding-bottom:12px}.intro-landing{height:calc(100% - 120px - 3rem);flex-direction:column;display:flex;justify-content:space-between;padding:14vh 0 0;text-align:center;align-items:center;position:relative;z-index:3}.logo-landing{width:76%;max-width:138px;margin-bottom:5.5vh}.landing-title{margin-bottom:6vh}.landing-title h1{font-size:28px;color:#82373b;margin-bottom:5.5vh;font-family:TT Norms Pro Bold}.landing-title h3{font-weight:400;font-size:15px}.landing-button{max-width:250px;margin:0 auto}.landing-button .btn{padding-top:3px;padding-bottom:3px}.landing-button .btn>span{display:block;font-size:11px;margin-top:-2px;margin-bottom:4px;font-style:italic;font-family:TT Norms Pro}.page-wrapper{min-height:100vh;padding:4vh 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:100px}#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:#82373b;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);max-width:600px}.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 #82373b}.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:#82373b}.camera-wrapper{background-color:#000}.camera-wrapper .video{position:absolute;width:130%;top:50%;left:50%;transform:scaleX(-1) translate(-50%,50%)!important;-webkit-transform:scaleX(-1) 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}.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;background-color:hsla(0,0%,100%,.7000000000000001)}.navigation>.back>svg{transform:scaleX(.85) translateX(-8%);-webkit-transform:scaleX(.85) translateX(-8%);font-size:20px}.capture-button{width:43px;aspect-ratio:1;border-radius:50%;-webkit-border-radius:50%;background-color:#f5c5c6;bottom:8.5%;cursor:pointer;z-index:3}.capture-button,.face-bg,.face-outline{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}.face-bg,.face-outline{top:0;height:100%;z-index:2}.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}.logo-form>img{width:80%;max-width:220px}.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:20px;font-family:TT Norms Pro Bold}.loading-result-title>h3{font-size:15px}.form-control::-webkit-input-placeholder{color:#d2d2d2}.form-control::placeholder{color:#d2d2d2}.form-control{background-color:#f0efef;color:#82373b;box-shadow:inset 0 4px 4px 0 rgba(0,0,0,.25);border:0}.error-validation{color:#d80f0f;font-size:13px;line-height:13px;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%)}#circularG{position:relative;width:98px;height:98px;transform:scale(.6);-webkit-transform:scale(.6)}.circularG{position:absolute;background-color:#82373b;width:23px;height:23px;transform:scale(.3);-webkit-transform:scale(.3);border-radius:15px;-o-border-radius:15px;-ms-border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;animation-name:bounce_circularG;-o-animation-name:bounce_circularG;-ms-animation-name:bounce_circularG;-webkit-animation-name:bounce_circularG;-moz-animation-name:bounce_circularG;animation-duration:1.1s;-o-animation-duration:1.1s;-ms-animation-duration:1.1s;-webkit-animation-duration:1.1s;-moz-animation-duration:1.1s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal}#circularG_1{left:0;top:39px;animation-delay:.41s;-o-animation-delay:.41s;-ms-animation-delay:.41s;-webkit-animation-delay:.41s;-moz-animation-delay:.41s}#circularG_2{left:10px;top:10px;animation-delay:.55s;-o-animation-delay:.55s;-ms-animation-delay:.55s;-webkit-animation-delay:.55s;-moz-animation-delay:.55s}#circularG_3{top:0;left:39px;animation-delay:.69s;-o-animation-delay:.69s;-ms-animation-delay:.69s;-webkit-animation-delay:.69s;-moz-animation-delay:.69s}#circularG_4{right:10px;top:10px;animation-delay:.83s;-o-animation-delay:.83s;-ms-animation-delay:.83s;-webkit-animation-delay:.83s;-moz-animation-delay:.83s}#circularG_5{right:0;top:39px;animation-delay:.97s;-o-animation-delay:.97s;-ms-animation-delay:.97s;-webkit-animation-delay:.97s;-moz-animation-delay:.97s}#circularG_6{right:10px;bottom:10px;animation-delay:1.1s;-o-animation-delay:1.1s;-ms-animation-delay:1.1s;-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s}#circularG_7{left:39px;bottom:0;animation-delay:1.24s;-o-animation-delay:1.24s;-ms-animation-delay:1.24s;-webkit-animation-delay:1.24s;-moz-animation-delay:1.24s}#circularG_8{left:10px;bottom:10px;animation-delay:1.38s;-o-animation-delay:1.38s;-ms-animation-delay:1.38s;-webkit-animation-delay:1.38s;-moz-animation-delay:1.38s}@keyframes bounce_circularG{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.3);transform:scale(.3)}}@-webkit-keyframes bounce_circularG{0%{-webkit-transform:scale(1)}to{-webkit-transform:scale(.3)}}.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:#82373b}.radio-group input[type=radio]:checked+.radio-custom+span.gap-1:after{background-color:#82373b}.section-color{position:relative;display:flex;flex-direction:column;padding:5px;border-radius:4px;-webkit-border-radius:4px;width:33.3%;border:1px solid #82373b}.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%;max-height:74vh}.hint-title{margin-bottom:20px;margin-top:26px;text-align:center;width:100%;color:#fff;font-size:15px;font-family:TT Norms Pro Bold}.hint-inner-wrapper{position:relative;background-color:#82373b;color:#fff;padding:6px 15px 0;min-height:60vh;margin:0 auto 3vh;overflow:hidden;width:100%;max-width:486px;border-radius:5px;-webkit-border-radius:5px;height:-webkit-fill-available}.hint-box-wrapper{width:100%;display:flex;justify-content:center;align-items:center;grid-gap:9px;gap:9px}.hint-image{margin:12px auto 0;height:31vh;display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}.hint-box{border:1px solid;text-align:center;border-radius:5px;-webkit-border-radius:5px;padding:8px 12px}.hint-box>p{margin-bottom:4px;font-size:9px}.hint-box>span{font-size:13px;font-family:TT Norms Pro Bold}.title-sidebox{font-size:16px;padding:16px 0;background-color:#82373b;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;background-color:#f5c5c6;border-radius:10px;-webkit-border-radius:10px}.step-progress>span.active{background-color:#82373b}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);align-items:center;z-index:9999}.popup-content{background:linear-gradient(182deg,#fcdee3 7.41%,#fdebee 12.17%,#fff 28.33%,#fce5e8 65.86%);padding:20px;max-width:320px;width:90%;border-radius:5px;-webkit-border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.3);position:relative}label.checkbox{text-align:left;line-height:19px;font-size:14px;align-items:start;display:flex}label.checkbox a{color:#82373b;border-bottom:1px solid}input[type=checkbox]{margin-right:8px;width:20px;height:20px}@supports (-webkit-hyphens:none){input[type=checkbox]{width:25px;height:25px}}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:30px;text-decoration:none;color:#bf585d;width:32px;height:32px;border-radius:50%;-webkit-border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.7000000000000001)}.term-condition{text-align:center}.term-condition h2{font-size:20px;margin-bottom:2.5vh}.term-condition h2>span{font-family:TT Norms Pro Bold}.logo-form{margin-bottom:5vh;position:relative;z-index:2}.form-result{max-width:340px}.form-result .form-control{margin-bottom:5px}.form-result .checkbox{margin-bottom:4vh}.petal-result-bg{width:50%;position:absolute;max-width:250px;bottom:0;left:0}@media(max-width:576px) and (orientation:portrait){body:before{display:none}.container{width:85%!important;max-width:380px!important}.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}}@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;max-width:90%;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}.camera-wrapper{width:unset;height:90%}.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){body:before{width:15%}body:after{width:18%}.bg-landing:before{width:19%!important}.bg-landing:after{width:25%!important}.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{margin-bottom:.5vh;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}.captured-wrapper-inner{flex:unset!important;width:unset!important;height:80%!important;margin:0 16px!important}.captured-action{margin-right:16px}}@media (min-width:576px) and (max-width:1024px) and (orientation:portrait){.container{max-width:520px!important;height:unset}.camera-palette-wrapper{aspect-ratio:1/1.9;width:100%}}@media(min-width:1366px){.container{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(min-width:1205px) and (max-width:1366px) and (orientation:portrait){.hint-image{position:static;transform:unset;-webkit-transform:unset}}@media(max-width:480px) and (orientation:landscape){.navigation>a.back:after{display:none}}@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(min-width:845px){.navigation>a.back:after{content:"BACK";font-size:16px;color:#82373b;position:absolute;left:46px}}@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}}@media(max-height:420px){.hint-title{height:0;overflow:hidden;margin:0!important}}@media(min-width:720px) and (orientation:portrait){.face-outline{top:16%;left:50%;height:562px;z-index:2}.image-captured-wrapper{aspect-ratio:1/1.2}.image-captured{top:41%}#header .logo-header{max-width:180px}.container{max-width:644px!important}.camera-wrapper,.captured-wrapper-inner{aspect-ratio:1/1.2}.camera-wrapper .video{width:auto;height:100%}.capture-button{width:50%;max-width:160px;top:53%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;padding:8px 20px;font-size:18px;z-index:4;bottom:unset;transition:opacity .3s;color:#fff!important;border-radius:60px;display:flex;background-color:hsla(0,0%,100%,.25);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff;aspect-ratio:unset}.capture-button,.intro-landing{justify-content:center;align-items:center}.intro-landing{margin-top:-6vh;padding:0;text-align:center;position:relative;z-index:3;-webkit-transform:scale(1.5);transform:scale(1.5)}.hint-wrapper{-webkit-transform:scale(1.3) translateY(10vh);transform:scale(1.3) translateY(10vh)}.hint-inner-wrapper{min-height:48vh}.button-captured-next{position:absolute;left:50%;bottom:7%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:5}.camera-wrapper{-webkit-transform:translateY(-12vh);transform:translateY(-12vh)}.camera-palette-wrapper{-webkit-transform:scale(.85);transform:scale(.85)}.face-bg{top:0;left:50%;height:100%;z-index:2}.top-increased{bottom:12%}.timer{top:53%}.captured-wrappe{flex-direction:row}.captured-wrapper{grid-gap:20px;gap:20px}.captured-action{grid-gap:15px;gap:15px;flex:1 1;max-width:382px}.camera-wrapper,.captured-wrapper-inner{border-radius:16px}}.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%;aspect-ratio:430/190;background-size:100% auto;background-repeat:no-repeat;padding:15px 30px 25px;max-width:642px;margin-right:auto}.personal{width:38%;align-self:flex-start;margin-top:7%}.logo-container{height:90px;margin-top:7%}.logo-container>img{width:58%;max-width:150px}.header-your-name{margin-top:2.2vw;color:#fff;font-size:15px;font-weight:500;line-height:13px;letter-spacing:0;text-align:center}.complexion-container{padding:0 14px;margin-top:20px}.complexion-products-slider{max-width:116px}.complexion-products-slider .image-product{overflow:hidden;border-radius:4px;flex-wrap:wrap;grid-gap:4px;gap:4px}.complexion-products-slider .image-product img{z-index:1;position:relative}.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;display:none!important}.palette-container{margin-top:20px;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:TT Norms Pro Bold;color:#521623;font-size:12px;width:30%}.get-yours-image{width:22%;max-width:120px}.wardah-box-md{border-top-left-radius:22px;border-bottom-right-radius:22px;box-shadow:0 4px 4px 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:TT Norms Pro Bold;display:block;font-size:13px;margin:5px 0 2px}.palette-grid-wrapper{width:100%}.palette-grid{width:100%;margin:12px auto 18px}.palette-grid .slick-list{overflow:visible}.palette-grid-item{border-radius:50px;background:#c271c5;aspect-ratio:1;margin:0 auto;max-width:32px;min-width:32px;background-color:#000}.lips-title{border:1px solid #fff;background:linear-gradient(270deg,#f7a59d -4%,#7fb5e2 47.02%,#ecedd2 103.64%);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:TT Norms Pro 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%}.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;align-items:end;margin-bottom:6px}.image-product{width:100%;overflow:hidden;border-radius:4px}.image-product>img{width:100%}.category-product-section .bg-dark{height:100%;width:88%;min-height:38px;margin:0 auto;display:flex;color:#000;text-align:center;border-radius:6px;font-size:12px;background-color:#ebebeb!important;justify-content:center;align-items:center}.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}.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:42%;right:17%;z-index:9}#shop-btn{white-space:nowrap;padding:12px 30px;border-radius:10px;border:1px solid #fff;font-size:14px;font-family:TT Norms Pro 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:40%}.eyes-section .slick-slide a img{width:50%;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%;padding-left:6px}.title-category-image img{width:80%;margin:0 auto}.complexion-products-slider .slick-track{min-width:62px}@media(min-width:767px){.blushon-section .product-slider .slick-arrow{top:28%}.blushon-section .product-slide img{width:83%;margin:0 auto}}@media(max-width:767px){.header-container{max-width:100%;padding:0 20px;position:fixed;top:0;left:0;z-index:3}.header-your-name{margin-top:6.4vw}.category-product-section{width:100%;flex-wrap:wrap;justify-content:center!important}.lips-section .list-product{width:100%}.section-title{font-size:11px}.result-container{max-width:768px}.palette-grid-wrapper{width:100%;margin-top:20px;overflow:auto;padding:0 12px}.palette-grid-wrapper::-webkit-scrollbar{display:none}.palette-grid{width:90%;margin:0 auto}.palette-grid-item{min-width:calc(20% - 26px);float:left;margin:13px 13px 0}.section-palette-container{flex:1 1;padding-left:10px}.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{background:none!important;border:0;-webkit-backdrop-filter:unset;backdrop-filter:unset;box-shadow:none}.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:90%;margin:0 auto}.lips-section .list-product{border-radius:15px}.eyes-section a img{width:53%}}@media(max-width:767px){.result-container{padding-top:42%}.list-product-lips .product-slider .slick-slide{padding:0 6px}.list-product-lips .title-category-image img{max-width:65%;margin-bottom:16px}.list-product-lips .title-category-image img[src*="lip-glasting-title.png"]{max-width:57.6%}.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:768px){.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:56%;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 .title-category-image>img{max-width:92%}.list-product-lips .title-category-image>img[src*="lip-glasting-title.png"]{max-width:71%;margin-top:5px}.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:768px) 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,.palette-container{margin-top:10px}.skintone-name{font-size:9px}.palette-grid-item{margin:0 6px;max-width:25px;min-width:25px}}@media(max-width:480px){.complexion-container{padding:0 12px}.complexion-container .wardah-text{font-size:10px;flex:1 1}}@media(min-width:480px) and (max-width:768px) 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{padding:8px 0}.palette-grid-wrapper .slick-slide>div{display:flex}.palette-grid-item{width:30px;height:30px;float:left;min-width:unset}}@media(min-width:768px) and (max-width:768px){.ecommerce-container{padding-top:0;width:97vw!important;-webkit-transform:translateX(-60vw);transform:translateX(-60vw);margin-top:36px}}@media(min-width:1204px) and (orientation:landscape){.header-your-name{font-size:18px;line-height:18px}}@media(min-width:768px) 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%}.list-product-lips .title-category-image>img{max-width:72%}.list-product-lips .title-category-image>img[src*="lip-glasting-title.png"]{max-width:71.9%;margin-top:10px}.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:767px) and (orientation:portrait){.lips-section .list-product{margin-left:auto;margin-right:auto}}@media (min-width:576px) and (max-width:768px) 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:720px){.section-title{min-width:214px!important;font-size:16px}}
/*# sourceMappingURL=main.a4ecc693.chunk.css.map */