*,::after,::before{box-sizing:border-box;background-repeat:no-repeat}*{margin:0}html{-webkit-text-size-adjust:100%;height:100%}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;line-height:1.2;height:100%}img,picture,video{display:block;max-width:100%}img{border-style:none}a{background-color:transparent}p{overflow-wrap:break-word;margin:0}button{font:inherit;overflow:visible;text-transform:none;appearance:button;background:0 0;border:none;cursor:pointer}button::-moz-focus-inner{border-style:none;padding:0}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}@font-face{font-family:abchanel-corpo;src:url("assets/fonts/ABChanelCorpo2022-Light.woff2") format("woff2"),url("assets/fonts/ABChanelCorpo2022-Light.woff") format("woff");font-style:normal;font-weight:300}@font-face{font-family:abchanel-corpo;src:url("assets/fonts/ABChanelCorpo2022-Regular.woff2") format("woff2"),url("assets/fonts/ABChanelCorpo2022-Regular.woff") format("woff");font-style:normal;font-weight:400}@font-face{font-family:abchanel-corpo;src:url("assets/fonts/ABChanelCorpo2022-SemiBold.woff2") format("woff2"),url("assets/fonts/ABChanelCorpo2022-SemiBold.woff") format("woff");font-style:normal;font-weight:600}:root{--color-pink:#F8C8D0;--color-yellow:#F0C189;--color-violet:#A17DC5;--color-green:#CDDAA3;--color-orange:#F5B391;--animationOut:ease-in;--animationIn:ease-out;--animationInOut:ease-in-out}.wrapper{position:relative;width:100%;height:100%;z-index:1;overflow:hidden;background:#fff;color:#fff;text-align:center;font-family:abchanel-corpo;font-weight:400}.wrapper--initialized{opacity:1!important}.wrapper[data-showresult=true]{height:auto}section:not([data-section=bg]){opacity:0;visibility:hidden;transition:all .5s var(--animationOut)}section[data-section=waiting]{transition-duration:.2s}.section--visible:not([data-section=bg]){opacity:1;visibility:visible;transition:all .8s var(--animationIn) .4s}.section--visible[data-section=result]{transition:all .8s var(--animationIn) .1s}.section--fullheight{position:absolute;top:0;height:100%;left:0;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.bg{position:absolute;top:0;height:100%;left:0;width:100%;opacity:0;transition:all .3s var(--animationOut)}.wrapper[data-showresult=true] .bg{display:none}.wrapper[data-color=green] .bg[data-color=green],.wrapper[data-color=orange] .bg[data-color=orange],.wrapper[data-color=pink] .bg[data-color=pink],.wrapper[data-color=violet] .bg[data-color=violet],.wrapper[data-color=yellow] .bg[data-color=yellow]{opacity:1;transition:all .3s var(--animationIn)}.bg[data-color=pink]{background-color:var(--color-pink)}.bg[data-color=yellow]{background-color:var(--color-yellow)}.bg[data-color=violet]{background-color:var(--color-violet)}.bg[data-color=green]{background-color:var(--color-green)}.bg[data-color=orange]{background-color:var(--color-orange)}header{position:relative;padding:33px 25px 17px}.close__link{position:absolute;right:22px;top:32px;display:block;width:24px;height:24px}.close__icon{width:24px;height:24px}.pagination{font-size:12px;line-height:15.6px;margin-bottom:24px}.title{font-size:22px;font-weight:300;line-height:28.6px}.btn{border:1px solid #fff;text-transform:uppercase;font-size:20px;line-height:26px;border-radius:50px;padding:20px 25px;color:#fff;margin:0 8px;letter-spacing:1px}.btn--selected{background:rgba(255,255,255,.2)}.btn2{border:1px solid transparent;text-transform:uppercase;font-size:20px;line-height:26px;border-radius:50px;padding:20px 25px;color:#fff;margin:0 8px;letter-spacing:1px;transition:all .3s var(--animationIn)}.btn2--selected{border-color:#fff;background:rgba(255,255,255,.2);transition:all .3s var(--animationOut)}footer{padding:10px 0}.next__btn{display:block;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;background:0 0}.next__icon_container{width:50px;height:50px;background:#fff;border-radius:50px;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.next__icon{width:24px;height:24px}.next__txt{font-size:9px;line-height:11.7px;text-transform:uppercase;color:#fff}.wrapper[data-color=pink] .next__icon path{fill:var(--color-pink)}.wrapper[data-color=yellow] .next__icon path{fill:var(--color-yellow)}.wrapper[data-color=violet] .next__icon path{fill:var(--color-violet)}.wrapper[data-color=green] .next__icon path{fill:var(--color-green)}.wrapper[data-color=orange] .next__icon path{fill:var(--color-orange)}@media (orientation:landscape){header{width:87.5%;padding:40px 25px 42px}.close__link{top:40px}.pagination{margin-bottom:39px}.title{font-size:24px;line-height:31.2px}.btn{padding:25px 27px;font-size:30px;line-height:39px}.btn2{font-size:30px;line-height:39px;border-radius:50px;padding:25px 29px}footer{padding:21px 0}}.section--intro{background:#fff;padding:54px 0}.intro__logo_wrapper{position:relative;color:#000}.intro__logo{margin-bottom:19px}.intro__mentions{margin-bottom:19px}.intro__content,.intro__main{display:flex;align-items:center;justify-content:center;flex-direction:column}.intro__main{flex:1}.intro__headline{max-width:81vw;margin:0 auto -6px}.intro__description{color:#000;font-size:14px;padding:0 20px;line-height:18px;font-weight:300;margin-bottom:31px}.intro__btn{display:flex;padding:18px 31px 12px;border:1px solid #000;border-radius:25px;position:relative;z-index:2;transition:all .3s ease-out}.intro__btn:hover{border-color:#000;background:#000;transition:all .3s ease-in}.intro__btn .intro__icon>path{fill:#000}.intro__btn:hover .intro__icon>path{fill:#fff;transition:all .3s ease-in}.intro__btn_txt{color:#000;font-size:9px;line-height:12.6px;text-transform:uppercase;margin-right:19px;transition:all .3s ease-out}.intro__btn:hover .intro__btn_txt{color:#fff}.intro__img_container{flex:1;position:relative;width:100%}.intro__img{position:absolute;top:50%;left:50%;transform:translate(-51%,-38%);width:210vw;max-width:none}.intro__img_container--landscape .intro__img{height:100%;width:auto;transform:translate(-50%,-42%) scale(1.4)}@media (orientation:landscape){.section--intro{padding:37px 0}.intro__main{max-width:84%;width:100%;flex-direction:row-reverse;height:calc(100% - 57px - 19px);align-items:flex-start}.intro__headline{max-width:81vw;margin:0 auto}.intro__content{width:45%;padding-top:9%}.intro__description{max-width:85%}.intro__img_container{height:100%}.intro__img,.intro__img_container--landscape .intro__img{width:100%;height:auto;bottom:0;top:auto;transform:translate(-51%,calc(11% + 37px)) scale(1.37)}}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-100%))}}.step1__btns{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.step1__bg_container{display:none}.step1__line{width:100%;margin-bottom:13px;padding-bottom:1px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.step1__line::-webkit-scrollbar{display:none;width:0!important;height:0!important;-webkit-appearance:none;background:0 0}.step1__bloc_wrapper{display:flex;flex-wrap:nowrap;justify-content:center}.step1__bloc{display:flex;flex-wrap:nowrap;justify-content:center;animation-name:scroll;animation-timing-function:linear;animation-iteration-count:infinite}.step1__line:nth-of-type(2n) .step1__bloc{animation-direction:reverse}.step1__btns--animation-paused .step1__bloc{animation-play-state:paused}[data-section=step1] .next__btn{opacity:.5;transition:opacity .3s var(--animationInOut);cursor:default}[data-section=step1][data-choices="3"] .next__btn{opacity:1;cursor:pointer}@media (orientation:landscape){.step1__btns{max-height:calc(100% - 322px);mask-image:linear-gradient(to right,transparent,transparent 10%,black 33%,black 66%,transparent 90%,transparent)}}.step2__btns{height:295px;margin-top:-14px;position:relative}.step2__choice_wrapper{height:100%;scrollbar-width:none;mask-image:linear-gradient(transparent,black 33%,black 66%,transparent);overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.step2__choice_wrapper::-webkit-scrollbar{display:none;width:0!important;height:0!important;-webkit-appearance:none;background:0 0}.step2__btns::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:calc(26px + 2 * 20px);width:calc(140px + 2 * 25px);border:1px solid #fff;border-radius:50px;background:rgba(255,255,255,.2)}.step2__choice{display:flex;justify-content:center;align-items:center;height:33%}.step2__btns--init .step2__choice_wrapper{scroll-snap-type:y mandatory}.step2__btns--init .step2__choice{scroll-snap-align:center}@media (orientation:landscape){.step2__btns{height:363px;max-height:calc(100% - 322px)}.step2__btns::before{height:calc(39px + 2 * 25px);width:calc(204px + 2 * 29px)}}@keyframes ondulation1{0%{transform:scale(0);opacity:0}29.17%{transform:scale(.5);opacity:1}58.33%{transform:scale(1);opacity:0}100%{transform:scale(1);opacity:0}}@keyframes ondulation2{0%{transform:scale(0);opacity:0}26.04%{transform:scale(.5);opacity:1}52.08%{transform:scale(1);opacity:0}100%{transform:scale(1);opacity:0}}@keyframes ondulation3{0%{transform:scale(0);opacity:0}31.25%{transform:scale(.5);opacity:1}72.5%{transform:scale(1);opacity:0}100%{transform:scale(1);opacity:0}}.step3__main{width:100%;display:flex;flex-direction:column;flex:1;justify-content:space-between;padding:0}.waves__wraper{flex:1;display:flex;justify-content:center;align-items:center}.waves{position:relative;width:300px;height:300px;margin:0 auto 30px;margin-bottom:0}.wave{border:2px solid #fff;border-radius:50%;position:absolute;top:0;left:0;transform-origin:center;animation-iteration-count:1;animation-name:ondulation1;animation-timing-function:linear;width:100%;height:100%;opacity:0}.wave1{animation-duration:6s}.wave2{animation-duration:4.8s}.wave3{animation-duration:3.2s}.step3__btns{height:68px;width:100%;position:relative}.step3__btns::before{content:'';position:absolute;top:50%;left:50vw;transform:translate(-50%,-50%);height:calc(26px + 2 * 20px);width:calc(146px + 2 * 25px);border:1px solid #fff;border-radius:50px;background:rgba(255,255,255,.2)}.step3__choice_wrapper{display:flex;flex-wrap:nowrap;overflow-y:auto;width:100vw;align-items:center;justify-content:flex-start;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.step3__choice_wrapper::-webkit-scrollbar{display:none;width:0!important;height:0!important;-webkit-appearance:none;background:0 0}.step3__choice{scroll-snap-align:center}.step3__choice_wrapper .btn2{margin:0 20px}@media (orientation:landscape){[data-section=step3] header{padding-bottom:0}.step3__main{padding-bottom:5px;max-height:calc(100% - 281px);display:flex;flex-direction:column}.step3__btns{height:91px}.step3__btns::before{width:calc(195px + 2 * 29px);height:calc(39px + 2 * 25px)}.waves{margin-bottom:0}}@keyframes color{0%{fill:var(--color-pink)}18%{fill:var(--color-pink)}20%{fill:var(--color-yellow)}38%{fill:var(--color-yellow)}40%{fill:var(--color-violet)}58%{fill:var(--color-violet)}60%{fill:var(--color-green)}78%{fill:var(--color-green)}80%{fill:var(--color-orange)}98%{fill:var(--color-orange)}}:root{--waiting-duration-animation:1000ms}[data-section=waiting]{background-color:#fff;justify-content:center;padding-top:21px}.waiting__logo_wrapper{position:relative;color:#000;display:flex;flex-direction:column;justify-content:center}.waiting__icon--chance{margin-bottom:15px}.waiting__icon--chance path{animation:var(--waiting-duration-animation) ease-in-out color infinite}.waiting__icon--chanel{margin-bottom:15px}.waiting__txt{font-size:13px;font-weight:600;line-height:16px;text-transform:uppercase;max-width:250px;color:#000}@media (orientation:landscape){[data-section=waiting]{padding-top:0}.waiting__txt{max-width:none;padding:0 30px}}[data-section=result]{position:relative;background:#f9f9f9}.result__header{padding:37px 20px 200px;text-transform:uppercase;margin-bottom:-191px}.result__logo{margin:0 auto 35px}.result__title{font-size:12px;font-weight:600;line-height:15.6px;margin-bottom:9px}.result__mantra{font-size:24px;font-weight:600;line-height:31.2px;letter-spacing:2px;margin-bottom:15px}.result__description{font-size:14px;font-weight:400;line-height:18.2px}.product{color:#000}.product--main{padding-bottom:70px}.product__img--main{transform-origin:top center;margin:0 auto -123px;transform:scale(.78)}.product__title{font-size:12px;font-weight:600;line-height:15.6px;text-transform:uppercase;letter-spacing:1px;padding:0 20px;margin-bottom:10px}.product__description{font-size:14px;font-weight:300;line-height:18.2px;letter-spacing:.2px;padding:0 20px}.product__description--main{margin-bottom:36px}.product__cta{font-size:9px;font-weight:400;line-height:12.6px;text-transform:uppercase;color:#fff;padding:20px 20px;text-decoration:none;border-radius:30px}.related__title{background:#fff;padding:99px 43px 40px;font-size:20px;letter-spacing:1px;font-weight:400;line-height:26px;color:#000}.product--related{background:#fff}.product__card_container,.swiper--product{padding:0 31px 37px}.swiper-pagination-bullet{height:2px;width:43px;border-radius:1px;background:#d9d9d9}.swiper-pagination-bullet-active{background:#000}.product__card{border-radius:28px;background:#f9f9f9;padding-bottom:50px}.product__img--related{margin:0 auto -2px}.product__description--related{margin-bottom:47px}.restart{padding:39px 20px;background:#fff}.restart__btn{font-size:11px;font-weight:600;line-height:13.97px;letter-spacing:.8px;text-transform:uppercase;color:#000;border:1px solid #000;padding:15px 20px 17px}[data-product=chance_edp] [data-for]:not([data-for=chance_edp]),[data-product=chance_edt] [data-for]:not([data-for=chance_edt]),[data-product=fraiche_edp] [data-for]:not([data-for=fraiche_edp]),[data-product=fraiche_edt] [data-for]:not([data-for=fraiche_edt]),[data-product=splendide_edp] [data-for]:not([data-for=splendide_edp]),[data-product=tendre_edp] [data-for]:not([data-for=tendre_edp]),[data-product=tendre_edt] [data-for]:not([data-for=tendre_edt]),[data-product=vive_edt] [data-for]:not([data-for=vive_edt]){display:none}@media (orientation:landscape){.result__header{padding:50px calc(50vw - 330px) 256px;margin-bottom:-233px}.result__title{margin-bottom:5px}.result__mantra{font-size:32px;line-height:41.6px;margin-bottom:25px}.product__img--main{transform:none;width:413px;margin-bottom:8px}.related__title{padding:149px 43px 65px}.swiper-wrapper--product{justify-content:center}.swiper-slide--product{width:327px!important}.swiper-pagination{display:none}.product__card_container{display:flex;justify-content:center}.product__card{border-radius:20px;width:327px}}[data-product=fraiche_edp] .product__cta,[data-product=fraiche_edp] .result__header,[data-product=fraiche_edt] .product__cta,[data-product=fraiche_edt] .result__header{background:var(--color-green)}[data-product=tendre_edp] .product__cta,[data-product=tendre_edp] .result__header,[data-product=tendre_edt] .product__cta,[data-product=tendre_edt] .result__header{background:var(--color-pink)}[data-product=splendide_edp] .product__cta,[data-product=splendide_edp] .result__header{background:var(--color-violet)}[data-product=splendide_edp] .related__title{display:none}[data-product=vive_edt] .product__cta,[data-product=vive_edt] .result__header{background:var(--color-orange)}[data-product=chance_edp] .product__cta,[data-product=chance_edp] .result__header,[data-product=chance_edt] .product__cta,[data-product=chance_edt] .result__header{background:var(--color-yellow)}.product--related[data-for=fraiche_edp] .swiper-slide--product:last-of-type .product__img--related,.product--related[data-for=fraiche_edt] .swiper-slide--product:last-of-type .product__img--related,.product--related[data-for=tendre_edp] .swiper-slide--product:last-of-type .product__img--related,.product--related[data-for=tendre_edt] .swiper-slide--product:last-of-type .product__img--related{transform:scale(.8)}