@font-face{font-display:swap;font-family:Gilroy;font-style:normal;font-weight:300;src:url(../fonts/gilroy/gilroy-light.b078.woff2) format("woff2"),url(../fonts/gilroy/gilroy-light.151f.woff) format("woff")}@font-face{font-display:swap;font-family:Gilroy;font-style:normal;font-weight:800;src:url(../fonts/gilroy/gilroy-extrabold.c1e6.woff2) format("woff2"),url(../fonts/gilroy/gilroy-extrabold.2ad0.woff) format("woff")}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;font-size:1rem;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}main{display:block}body{position:relative;display:flex;width:100%;min-height:100vh;margin:0;font-family:Gilroy,sans-serif;font-weight:300;line-height:normal;color:#000;text-align:left;text-rendering:optimizeSpeed;background-color:#bbb0f2;scroll-behavior:smooth}@supports (-webkit-touch-callout: none){body{min-height:-webkit-fill-available}}[tabindex="-1"]:focus:not(.focus-visible),[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin:0 0 .67em}p{margin:0 0 1rem}p:last-child{margin-bottom:0}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:800}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:underline;background-color:transparent;transition:color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out}a:focus,a:hover{color:#28a745;text-decoration:none}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0}img{display:block;min-width:1px;max-width:100%;min-height:1px;border-style:none}svg{overflow:hidden;vertical-align:middle;fill:currentColor}table{width:100%;border-collapse:collapse}th{text-align:inherit}label{display:inline-block}button{cursor:pointer;border-radius:0;transition:color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out}button:focus{outline:0}button,input,optgroup,select,textarea{padding:0;margin:0;font-family:inherit;font-size:inherit;font-style:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;-moz-appearance:button;appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}::-webkit-input-placeholder{color:#333;opacity:1}::-moz-placeholder{color:#333;opacity:1}:-ms-input-placeholder{color:#333;opacity:1}::placeholder{color:#333;opacity:1}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.05rem + .58537vw);line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none;-moz-appearance:none;appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}[hidden],template{display:none}noscript{position:absolute;top:0;left:0;z-index:9;width:100%;padding:20px;font-weight:700;text-align:center;background:#fda27d}.header{-ms-grid-row:1;-ms-grid-column:1;grid-area:header;min-width:0}.breadcrumbs{grid-area:breadcrumbs;min-width:0}.main{-ms-grid-row:3;-ms-grid-column:1;grid-area:main;min-width:0}.sidebar{grid-area:sidebar;min-width:0}.footer{-ms-grid-row:5;-ms-grid-column:1;grid-area:footer;min-width:0}.container{width:100%;max-width:1200px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.grid{position:relative;display:-ms-grid;display:grid;grid-template-areas:"header" "main" "footer";-ms-grid-rows:auto 0 1fr 0 auto;grid-template-rows:auto 1fr auto;-ms-grid-columns:100%;grid-template-columns:100%;grid-gap:0;width:100vw;min-height:100vh}@supports (-webkit-touch-callout: none){.grid{min-height:-webkit-fill-available}}.form input,.form select,.form textarea{display:block;width:100%;height:42px;padding:0 19px;font-size:1rem;font-weight:500;color:#000;background:#fff;border:1px solid transparent;border-radius:3px;outline:0}.form input::-webkit-input-placeholder,.form select::-webkit-input-placeholder,.form textarea::-webkit-input-placeholder{color:#999;opacity:1}.form input::-moz-placeholder,.form select::-moz-placeholder,.form textarea::-moz-placeholder{color:#999;opacity:1}.form input:-ms-input-placeholder,.form select:-ms-input-placeholder,.form textarea:-ms-input-placeholder{color:#999;opacity:1}.form input::placeholder,.form select::placeholder,.form textarea::placeholder{color:#999;opacity:1}.form input.is-error,.form select.is-error,.form textarea.is-error{background:#ffe7e7;border-color:red}.form textarea{min-height:150px;padding:10px 19px}.form__row{position:relative;display:block;margin-bottom:21px}.form__label{position:absolute;bottom:0;left:0;display:block;max-width:100%;padding:0 19px;overflow:hidden;font-size:1rem;line-height:42px;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;transition:bottom .3s,color .3s,font-size .3s,line-height .3s}:required+.form__label:after{display:inline-block;margin-left:3px;font-weight:900;color:red;content:"*"}:not(:-moz-placeholder-shown)+.form__label{bottom:100%;font-size:.75rem;line-height:20px}:not(:-ms-input-placeholder)+.form__label{bottom:100%;font-size:.75rem;line-height:20px}:focus+.form__label,:not(:placeholder-shown)+.form__label{bottom:100%;font-size:.75rem;line-height:20px}.fit-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sr-only,.visuallyhidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;-webkit-clip-path:inset(100%);clip-path:inset(100%)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}@media (min-width:576px){.d-sm-none{display:none!important}}@media (min-width:768px){.d-md-none{display:none!important}}@media (min-width:992px){.d-lg-none{display:none!important}}@media (min-width:1200px){.d-xl-none{display:none!important}}@media (min-width:1230px){legend{font-size:1.5rem}}@media (min-width:1400px){.d-xxl-none{display:none!important}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:2dppx){body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}}
.account-info{width:100%;max-width:390px;font-size:calc(1.05rem + .58537vw)}.account-info,.account-info__login{position:relative;margin:0 0 8px;overflow:hidden}.account-info__login{padding-left:54px;font-weight:800;line-height:46px;text-overflow:ellipsis;white-space:nowrap;background:url(../img/components\account-info\cube.png) no-repeat}.account-info__progress{position:relative;width:100%;height:8px;margin:0 0 8px;background:#fff}.account-info__progress:before{position:absolute;top:100%;right:0;font-weight:800;content:attr(data-value);transform:translateY(8px)}.account-info__progress-fill{position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,#007db7,#65bdda)}.account-info__achievements-btn{position:relative;display:block;min-height:20px;padding-right:20px;margin:0 0 14px;font-size:inherit;background:none;border:0}.account-info__achievements-btn:before{position:absolute;top:56%;right:0;display:block;width:14px;height:14px;content:"";background:url(../img/svg\drop.svg) 50% 50% no-repeat;background-size:100% auto;transform:translateY(-50%)}.account-info__achievements-btn:focus,.account-info__achievements-btn:hover{color:#007db7;outline:0}.account-info__achievements{position:relative;display:-ms-grid;display:grid;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:100%;grid-template-columns:100%;grid-gap:8px;gap:8px;padding:0;margin:0;list-style:none}.account-info__achievements>:first-child{-ms-grid-row:1;-ms-grid-column:1}.account-info__achievements-item{padding:1rem;font-size:.75em;background:hsla(0,0%,100%,.5);border-radius:5px}@media (min-width:1230px){.account-info{font-size:1.5rem}}
.btn{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;height:65px;padding:0 24px;overflow:hidden;font-size:calc(1.05rem + .58537vw);font-weight:800;line-height:1.1;color:#fff;text-decoration:none;background:#007db7;border:0;border-radius:5px;transition:color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out}.btn:focus,.btn:hover{color:#fff;background-color:#00a0ea;outline:0}@media (min-width:768px){.btn--block{display:flex;width:100%;padding:0 5px}}@media (min-width:1230px){.btn{font-size:1.5rem}}
.cube{display:block;padding:0;margin:0;list-style:none;transform-style:preserve-3d}.cube,.cube__side{position:absolute;width:100%;height:100%}.cube__side{background:radial-gradient(48.09% 48.09% at 47.85%,at 46.32%,rgba(93,90,117,.9) 0,hsla(0,0%,100%,.05) 100%);background:radial-gradient(48.09% 48.09% at 47.85% 46.32%,rgba(93,90,117,.9) 0,hsla(0,0%,100%,.05) 100%);border:1px solid hsla(0,0%,100%,.5)}.cube__side--back,.cube__side--front{top:0;left:0}.cube__side--front{transform:translateZ(100px)}.cube__side--back{transform:translateZ(-100px)}.cube__side--top{bottom:100%;left:0;transform:translateZ(100px) rotateX(90deg);transform-origin:100% 100%}.cube__side--bottom{top:100%;left:0;transform:translateZ(100px) rotateX(-90deg);transform-origin:100% 0}.cube__side--left{top:0;right:100%;transform:translateZ(100px) rotateY(-90deg);transform-origin:100% 0}.cube__side--right{top:0;left:100%;transform:translateZ(100px) rotateY(90deg);transform-origin:0 0}.cube__logo{width:100%;height:100%}.cube--center .cube__side{background:radial-gradient(64.41% 64.41% at 49.18%,at 53.21%,rgba(55,243,255,.3) 0,rgba(43,204,215,.3) 39.06%,rgba(28,157,185,.3) 77.29%);background:radial-gradient(64.41% 64.41% at 49.18% 53.21%,rgba(55,243,255,.3) .01%,rgba(43,204,215,.3) 39.06%,rgba(28,157,185,.3) 77.29%)}.cube--cerave .cube__side{background:radial-gradient(54.55% 54.55% at 48.89%,at 47.35%,rgba(105,156,235,.9) 0,hsla(0,0%,100%,.3) 100%);background:radial-gradient(54.55% 54.55% at 48.89% 47.35%,rgba(105,156,235,.9) 0,hsla(0,0%,100%,.3) 100%)}.cube--vichy .cube__side{background:radial-gradient(58.34% 58.34% at 49.53%,at 48.04%,rgba(2,66,141,.9) 0,hsla(0,0%,100%,.3) 100%);background:radial-gradient(58.34% 58.34% at 49.53% 48.04%,rgba(2,66,141,.9) 0,hsla(0,0%,100%,.3) 100%)}.cube--laroche .cube__side{background:radial-gradient(50.22% 50.22% at 49.07%,at 49.1%,rgba(0,163,255,.621) 0,hsla(0,0%,100%,.3) 100%);background:radial-gradient(50.22% 50.22% at 49.07% 49.1%,rgba(0,163,255,.621) 0,hsla(0,0%,100%,.3) 100%)}.cube__logo{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:80%;height:80%;overflow:hidden;border-radius:30%;box-shadow:-4px 200px 126px -24px #000;background-color:trasparent;-webkit-animation-fill-mode:both;animation-fill-mode:both}.small-cube1,.small-cube2,.small-cube3{width:50px;height:50px}@-webkit-keyframes rotate-scene-front{0%{transform:translateZ(650px) translateX(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateX(20px) rotateY(150deg)}to{transform:translateZ(650px) translateX(0) rotateY(330deg)}}@keyframes rotate-scene-front{0%{transform:translateZ(650px) translateX(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateX(20px) rotateY(150deg)}to{transform:translateZ(650px) translateX(0) rotateY(330deg)}}@-webkit-keyframes rotate-scene-front__mobile{0%{transform:translateZ(650px) translateY(80px) translateX(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateY(80px) translateX(20px) rotateY(150deg)}to{transform:translateZ(650px) translateY(80px) translateX(0) rotateY(330deg)}}@keyframes rotate-scene-front__mobile{0%{transform:translateZ(650px) translateY(80px) translateX(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateY(80px) translateX(20px) rotateY(150deg)}to{transform:translateZ(650px) translateY(80px) translateX(0) rotateY(330deg)}}@-webkit-keyframes rotate-scene-left{0%{transform:translateX(-600px) rotateY(-30deg)}to{transform:translateX(-600px) rotateY(330deg)}}@keyframes rotate-scene-left{0%{transform:translateX(-600px) rotateY(-30deg)}to{transform:translateX(-600px) rotateY(330deg)}}@-webkit-keyframes rotate-scene-right{0%{transform:translateX(625px) rotateY(-30deg)}to{transform:translateX(625px) rotateY(330deg)}}@keyframes rotate-scene-right{0%{transform:translateX(625px) rotateY(-30deg)}to{transform:translateX(625px) rotateY(330deg)}}@-webkit-keyframes rotate-scene-back{0%{transform:translateZ(-600px) translateX(-150px) rotateY(-30deg)}to{transform:translateZ(-600px) translateX(-150px) rotateY(330deg)}}@keyframes rotate-scene-back{0%{transform:translateZ(-600px) translateX(-150px) rotateY(-30deg)}to{transform:translateZ(-600px) translateX(-150px) rotateY(330deg)}}@-webkit-keyframes rotate-scene-center{0%{transform:translate3d(100px,50px,0) rotateY(-30deg)}50%{transform:translate3d(100px,100px,0) rotateY(150deg)}to{transform:translate3d(100px,50px,0) rotateY(330deg)}}@keyframes rotate-scene-center{0%{transform:translate3d(100px,50px,0) rotateY(-30deg)}50%{transform:translate3d(100px,100px,0) rotateY(150deg)}to{transform:translate3d(100px,50px,0) rotateY(330deg)}}@-webkit-keyframes upndown1{0%{transform:translateZ(650px) translateX(0) translateY(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateX(0) translateY(-200px) rotateY(-30deg)}to{transform:translateZ(650px) translateX(0) translateY(0) rotateY(-30deg)}}@keyframes upndown1{0%{transform:translateZ(650px) translateX(0) translateY(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateX(0) translateY(-200px) rotateY(-30deg)}to{transform:translateZ(650px) translateX(0) translateY(0) rotateY(-30deg)}}@-webkit-keyframes upndown2{0%{transform:translateX(-700px) translateY(0) rotateY(-30deg)}50%{transform:translateX(-700px) translateY(-200px) rotateY(-30deg)}to{transform:translateX(-700px) translateY(0) rotateY(-30deg)}}@keyframes upndown2{0%{transform:translateX(-700px) translateY(0) rotateY(-30deg)}50%{transform:translateX(-700px) translateY(-200px) rotateY(-30deg)}to{transform:translateX(-700px) translateY(0) rotateY(-30deg)}}@-webkit-keyframes upndown3{0%{transform:translateX(625px) translateY(0) rotateY(-30deg)}50%{transform:translateX(625px) translateY(-200px) rotateY(-30deg)}to{transform:translateX(625px) translateY(0) rotateY(-30deg)}}@keyframes upndown3{0%{transform:translateX(625px) translateY(0) rotateY(-30deg)}50%{transform:translateX(625px) translateY(-200px) rotateY(-30deg)}to{transform:translateX(625px) translateY(0) rotateY(-30deg)}}@-webkit-keyframes upndown4{0%{transform:translateZ(-575px) translateY(0) rotateY(-30deg)}50%{transform:translateZ(-575px) translateY(-200px) rotateY(-30deg)}to{transform:translateZ(-575px) translateY(0) rotateY(-30deg)}}@keyframes upndown4{0%{transform:translateZ(-575px) translateY(0) rotateY(-30deg)}50%{transform:translateZ(-575px) translateY(-200px) rotateY(-30deg)}to{transform:translateZ(-575px) translateY(0) rotateY(-30deg)}}.cube__logo-center{top:10px;left:-12px;transform:translate3d(0,50px,0) rotateY(0deg);box-shadow:none}.cube__logo-front{-webkit-animation:rotate-scene-front 12s ease-in-out 1;animation:rotate-scene-front 12s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}.cube__logo-left{width:100%;height:100%;-webkit-animation:rotate-scene-left 12s ease-in-out 1;animation:rotate-scene-left 12s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}.cube__logo-right{-webkit-animation:rotate-scene-right 12s ease-in-out 1;animation:rotate-scene-right 12s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}.cube__logo-back{-webkit-animation:rotate-scene-back 12s ease-in-out 1;animation:rotate-scene-back 12s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media screen and (min-width:750px) and (orientation:landscape){.cube__logo-front{-webkit-animation:rotate-scene-front__mobile 12s ease-in-out 1;animation:rotate-scene-front__mobile 12s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}}@media screen and (max-width:750px) and (orientation:portrait){.small-cube1,.small-cube2,.small-cube3{display:none}.cube__logo-center{transform:translate3d(50px,70px,200px) rotateY(0deg)}.cube__logo-front{transform:translate3d(25px,300px,600px) rotateY(0deg)}.cube__logo-front,.cube__logo-left{-webkit-animation:none;animation:none}.cube__logo-left{transform:translate3d(-400px,0,0) rotateY(0deg)}.cube__logo-right{transform:translate3d(425px,0,0) rotateY(0deg)}.cube__logo-back,.cube__logo-right{-webkit-animation:none;animation:none}.cube__logo-back{transform:translate3d(25px,-300px,0) rotateY(0deg)}}
.filter{position:relative}.filter__toggle-btn{position:relative;display:block;width:100%;height:65px;padding:18px 20px;margin:0 0 8px;overflow:hidden;font-size:calc(1.05rem + .58537vw);font-weight:300;text-align:left;text-transform:uppercase;background:hsla(0,0%,100%,.9);border:0;border-radius:5px;transition:margin .25s,background .25s}.filter__toggle-btn:before{position:absolute;top:17px;right:15px;width:30px;height:30px;content:"";background:url(../img/svg\down.svg) 50% 50% no-repeat;background-size:80% auto;transition:.25s;transform:rotate(-90deg)}.filter__toggle-btn:active,.filter__toggle-btn:focus,.filter__toggle-btn:hover{background-color:#b7e8ff;outline:0}.filter__toggle-btn.is-active{margin:0}.filter__toggle-btn.is-active:before{transform:none}.filter__box{background:hsla(0,0%,100%,.25)}.filter__checkbox{position:relative;display:flex;align-items:center;width:100%;min-height:65px;padding:5px 15px;overflow:hidden;font-size:calc(1.05rem + .58537vw);cursor:pointer}.filter__checkbox input{position:absolute;z-index:-1;width:1px;height:1px;overflow:hidden;opacity:0}.filter__label{position:relative;display:block;width:100%;padding-right:47px}.filter__label:after{position:absolute;top:50%;right:0;display:block;width:32px;height:32px;content:"";background:#fff url(../img/svg\check.svg) 50% 50% no-repeat;background-size:0 0;border:2px solid #007db7;border-radius:5px;transition:background .25s;transform:translateY(-50%)}:checked+.filter__label:after{background-color:#007db7;background-size:70% auto}@media (min-width:1230px){.filter__checkbox,.filter__toggle-btn{font-size:1.5rem}}
.footer{position:relative;z-index:4;padding:20px;color:#fff;background:#622e07}
.header{position:relative;z-index:2;display:flex}

.menu{position:absolute;top:0;left:0;z-index:9;display:flex;flex-direction:column;align-items:flex-start;width:580px;max-width:100%;padding:24px 24px 0;overflow:hidden;transition:background .25s 375ms,height 0s .75s}.menu.is-open{z-index:11;height:100vh;background:#9bd3d4;transition:background .25s .1s,height 0s}@supports (-webkit-touch-callout: none){.menu.is-open{height:-webkit-fill-available}}.menu__toggle-btn{position:relative;flex-shrink:0;padding-left:1.327em;margin-bottom:1.636em;font-size:calc(1.24375rem + 2.85366vw);font-weight:800;color:#fff;text-transform:uppercase;background:url(../img/svg\menu.svg) 0 50% no-repeat;background-size:.873em auto;border:0}.menu__toggle-btn:focus,.menu__toggle-btn:hover{color:#007db7;outline:0}.menu__box{position:relative;display:flex;flex-direction:column;flex-grow:1;width:100%;overflow:hidden;opacity:0;transition:transform .25s,opacity .25s;transform:translate(-100%)}.is-open>.menu__box{opacity:1;transition:transform .25s .25s,opacity .25s .25s;transform:none}.menu__box2{position:relative;flex-grow:1;width:calc(100% + 50px);min-height:0;padding-right:50px;overflow:hidden;overflow-y:scroll}.menu__account{display:flex;flex-shrink:0;justify-content:flex-end}.menu__filter{padding-bottom:30px}@media (min-width:768px){.menu{padding:48px 48px 0}}@media (min-width:1230px){.menu__toggle-btn{font-size:3.4375rem}}@media screen and (max-width:768px){.menu__toggle-btn{color:#007db7}}
.cube{display:block;padding:0;margin:0;list-style:none;transform-style:preserve-3d}.cube,.cube__side{position:absolute;width:100%;height:100%}.cube__side{background:radial-gradient(48.09% 48.09% at 47.85%,at 46.32%,rgba(93,90,117,.9) 0,hsla(0,0%,100%,.05) 100%);background:radial-gradient(48.09% 48.09% at 47.85% 46.32%,rgba(93,90,117,.9) 0,hsla(0,0%,100%,.05) 100%);border:1px solid hsla(0,0%,100%,.5)}.cube__side--back,.cube__side--front{top:0;left:0}.cube__side--front{transform:translateZ(100px)}.cube__side--back{transform:translateZ(-100px)}.cube__side--top{bottom:100%;left:0;transform:translateZ(100px) rotateX(90deg);transform-origin:100% 100%}.cube__side--bottom{top:100%;left:0;transform:translateZ(100px) rotateX(-90deg);transform-origin:100% 0}.cube__side--left{top:0;right:100%;transform:translateZ(100px) rotateY(-90deg);transform-origin:100% 0}.cube__side--right{top:0;left:100%;transform:translateZ(100px) rotateY(90deg);transform-origin:0 0}.cube__logo{width:100%;height:100%}.cube--center .cube__side{background:radial-gradient(64.41% 64.41% at 49.18%,at 53.21%,rgba(55,243,255,.3) 0,rgba(43,204,215,.3) 39.06%,rgba(28,157,185,.3) 77.29%);background:radial-gradient(64.41% 64.41% at 49.18% 53.21%,rgba(55,243,255,.3) .01%,rgba(43,204,215,.3) 39.06%,rgba(28,157,185,.3) 77.29%)}.cube--cerave .cube__side{background:radial-gradient(54.55% 54.55% at 48.89%,at 47.35%,rgba(105,156,235,.9) 0,hsla(0,0%,100%,.3) 100%);background:radial-gradient(54.55% 54.55% at 48.89% 47.35%,rgba(105,156,235,.9) 0,hsla(0,0%,100%,.3) 100%)}.cube--vichy .cube__side{background:radial-gradient(58.34% 58.34% at 49.53%,at 48.04%,rgba(2,66,141,.9) 0,hsla(0,0%,100%,.3) 100%);background:radial-gradient(58.34% 58.34% at 49.53% 48.04%,rgba(2,66,141,.9) 0,hsla(0,0%,100%,.3) 100%)}.cube--laroche .cube__side{background:radial-gradient(50.22% 50.22% at 49.07%,at 49.1%,rgba(0,163,255,.621) 0,hsla(0,0%,100%,.3) 100%);background:radial-gradient(50.22% 50.22% at 49.07% 49.1%,rgba(0,163,255,.621) 0,hsla(0,0%,100%,.3) 100%)}.cube__logo{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:80%;height:80%;overflow:hidden;border-radius:30%;box-shadow:-4px 200px 126px -24px #000;background-color:trasparent;-webkit-animation-fill-mode:both;animation-fill-mode:both}.small-cube1,.small-cube2,.small-cube3{width:50px;height:50px}@-webkit-keyframes rotate-scene-front{0%{transform:translateZ(650px) translateX(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateX(20px) rotateY(150deg)}to{transform:translateZ(650px) translateX(0) rotateY(330deg)}}@keyframes rotate-scene-front{0%{transform:translateZ(650px) translateX(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateX(20px) rotateY(150deg)}to{transform:translateZ(650px) translateX(0) rotateY(330deg)}}@-webkit-keyframes rotate-scene-front__mobile{0%{transform:translateZ(650px) translateY(80px) translateX(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateY(80px) translateX(20px) rotateY(150deg)}to{transform:translateZ(650px) translateY(80px) translateX(0) rotateY(330deg)}}@keyframes rotate-scene-front__mobile{0%{transform:translateZ(650px) translateY(80px) translateX(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateY(80px) translateX(20px) rotateY(150deg)}to{transform:translateZ(650px) translateY(80px) translateX(0) rotateY(330deg)}}@-webkit-keyframes rotate-scene-left{0%{transform:translateX(-600px) rotateY(-30deg)}to{transform:translateX(-600px) rotateY(330deg)}}@keyframes rotate-scene-left{0%{transform:translateX(-600px) rotateY(-30deg)}to{transform:translateX(-600px) rotateY(330deg)}}@-webkit-keyframes rotate-scene-right{0%{transform:translateX(625px) rotateY(-30deg)}to{transform:translateX(625px) rotateY(330deg)}}@keyframes rotate-scene-right{0%{transform:translateX(625px) rotateY(-30deg)}to{transform:translateX(625px) rotateY(330deg)}}@-webkit-keyframes rotate-scene-back{0%{transform:translateZ(-600px) translateX(-150px) rotateY(-30deg)}to{transform:translateZ(-600px) translateX(-150px) rotateY(330deg)}}@keyframes rotate-scene-back{0%{transform:translateZ(-600px) translateX(-150px) rotateY(-30deg)}to{transform:translateZ(-600px) translateX(-150px) rotateY(330deg)}}@-webkit-keyframes rotate-scene-center{0%{transform:translate3d(100px,50px,0) rotateY(-30deg)}50%{transform:translate3d(100px,100px,0) rotateY(150deg)}to{transform:translate3d(100px,50px,0) rotateY(330deg)}}@keyframes rotate-scene-center{0%{transform:translate3d(100px,50px,0) rotateY(-30deg)}50%{transform:translate3d(100px,100px,0) rotateY(150deg)}to{transform:translate3d(100px,50px,0) rotateY(330deg)}}@-webkit-keyframes upndown1{0%{transform:translateZ(650px) translateX(0) translateY(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateX(0) translateY(-200px) rotateY(-30deg)}to{transform:translateZ(650px) translateX(0) translateY(0) rotateY(-30deg)}}@keyframes upndown1{0%{transform:translateZ(650px) translateX(0) translateY(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateX(0) translateY(-200px) rotateY(-30deg)}to{transform:translateZ(650px) translateX(0) translateY(0) rotateY(-30deg)}}@-webkit-keyframes upndown2{0%{transform:translateX(-700px) translateY(0) rotateY(-30deg)}50%{transform:translateX(-700px) translateY(-200px) rotateY(-30deg)}to{transform:translateX(-700px) translateY(0) rotateY(-30deg)}}@keyframes upndown2{0%{transform:translateX(-700px) translateY(0) rotateY(-30deg)}50%{transform:translateX(-700px) translateY(-200px) rotateY(-30deg)}to{transform:translateX(-700px) translateY(0) rotateY(-30deg)}}@-webkit-keyframes upndown3{0%{transform:translateX(625px) translateY(0) rotateY(-30deg)}50%{transform:translateX(625px) translateY(-200px) rotateY(-30deg)}to{transform:translateX(625px) translateY(0) rotateY(-30deg)}}@keyframes upndown3{0%{transform:translateX(625px) translateY(0) rotateY(-30deg)}50%{transform:translateX(625px) translateY(-200px) rotateY(-30deg)}to{transform:translateX(625px) translateY(0) rotateY(-30deg)}}@-webkit-keyframes upndown4{0%{transform:translateZ(-575px) translateY(0) rotateY(-30deg)}50%{transform:translateZ(-575px) translateY(-200px) rotateY(-30deg)}to{transform:translateZ(-575px) translateY(0) rotateY(-30deg)}}@keyframes upndown4{0%{transform:translateZ(-575px) translateY(0) rotateY(-30deg)}50%{transform:translateZ(-575px) translateY(-200px) rotateY(-30deg)}to{transform:translateZ(-575px) translateY(0) rotateY(-30deg)}}.cube__logo-center{top:10px;left:-12px;transform:translate3d(0,50px,0) rotateY(0deg);box-shadow:none}.cube__logo-front{-webkit-animation:rotate-scene-front 12s ease-in-out 1;animation:rotate-scene-front 12s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}.cube__logo-left{width:100%;height:100%;-webkit-animation:rotate-scene-left 12s ease-in-out 1;animation:rotate-scene-left 12s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}.cube__logo-right{-webkit-animation:rotate-scene-right 12s ease-in-out 1;animation:rotate-scene-right 12s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}.cube__logo-back{-webkit-animation:rotate-scene-back 12s ease-in-out 1;animation:rotate-scene-back 12s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes rotate-scene{0%{transform:translate(-100px,-100px) rotateY(30deg)}to{transform:translate(-100px,-100px) rotateY(-330deg)}}@keyframes rotate-scene{0%{transform:translate(-100px,-100px) rotateY(30deg)}to{transform:translate(-100px,-100px) rotateY(-330deg)}}@-webkit-keyframes rotate-center-cube{0%{transform:translate(-200px,-100px) rotateY(0deg) rotateX(0deg)}to{transform:translate(-200px,-100px) rotateY(-1turn) rotateX(-1turn)}}@keyframes rotate-center-cube{0%{transform:translate(-200px,-100px) rotateY(0deg) rotateX(0deg)}to{transform:translate(-200px,-100px) rotateY(-1turn) rotateX(-1turn)}}@-webkit-keyframes rotate-center-cube__mobile{0%{transform:translate(-110px,-50px) translateZ(125px) rotate(0deg)}to{transform:translate(-110px,-50px) translateZ(125px) rotate(-1turn)}}@keyframes rotate-center-cube__mobile{0%{transform:translate(-110px,-50px) translateZ(125px) rotate(0deg)}to{transform:translate(-110px,-50px) translateZ(125px) rotate(-1turn)}}@-webkit-keyframes rotate-front-cube{0%{transform:translateZ(625px) rotateX(-270deg) rotateY(0deg) rotate(160deg)}to{transform:translateZ(625px) rotateX(90deg) rotateY(1turn) rotate(160deg)}}@keyframes rotate-front-cube{0%{transform:translateZ(625px) rotateX(-270deg) rotateY(0deg) rotate(160deg)}to{transform:translateZ(625px) rotateX(90deg) rotateY(1turn) rotate(160deg)}}@-webkit-keyframes rotate-front-cube__landscape{0%{transform:translateZ(625px) translateY(80px) rotateX(-270deg) rotateY(0deg) rotate(160deg)}to{transform:translateZ(625px) translateY(80px) rotateX(90deg) rotateY(1turn) rotate(160deg)}}@keyframes rotate-front-cube__landscape{0%{transform:translateZ(625px) translateY(80px) rotateX(-270deg) rotateY(0deg) rotate(160deg)}to{transform:translateZ(625px) translateY(80px) rotateX(90deg) rotateY(1turn) rotate(160deg)}}@-webkit-keyframes rotate-front-cube__mobile{0%{transform:scale(1.2) translateY(500px) rotateX(-270deg) rotateY(0deg) rotate(160deg)}to{transform:scale(1.2) translateY(500px) rotateX(90deg) rotateY(1turn) rotate(160deg)}}@keyframes rotate-front-cube__mobile{0%{transform:scale(1.2) translateY(500px) rotateX(-270deg) rotateY(0deg) rotate(160deg)}to{transform:scale(1.2) translateY(500px) rotateX(90deg) rotateY(1turn) rotate(160deg)}}@-webkit-keyframes upndown-front-cube{0%{transform:translateZ(625px) translateX(20px) translateY(0) rotateY(0deg) rotate(160deg) rotateX(-270deg)}50%{transform:translateZ(625px) translateX(20px) translateY(-200px) rotateY(180deg) rotate(160deg) rotateX(-90deg)}to{transform:translateZ(625px) translateX(20px) translateY(0) rotateY(1turn) rotate(160deg) rotateX(90deg)}}@keyframes upndown-front-cube{0%{transform:translateZ(625px) translateX(20px) translateY(0) rotateY(0deg) rotate(160deg) rotateX(-270deg)}50%{transform:translateZ(625px) translateX(20px) translateY(-200px) rotateY(180deg) rotate(160deg) rotateX(-90deg)}to{transform:translateZ(625px) translateX(20px) translateY(0) rotateY(1turn) rotate(160deg) rotateX(90deg)}}@-webkit-keyframes upndown-left-cube{0%{transform:translateX(-100px) translateY(0) rotateX(-270deg) rotateY(0deg)}50%{transform:translateX(-100px) translateY(-200px) rotateX(-90deg) rotateY(180deg)}to{transform:translateX(-100px) translateY(0) rotateX(90deg) rotateY(1turn)}}@keyframes upndown-left-cube{0%{transform:translateX(-100px) translateY(0) rotateX(-270deg) rotateY(0deg)}50%{transform:translateX(-100px) translateY(-200px) rotateX(-90deg) rotateY(180deg)}to{transform:translateX(-100px) translateY(0) rotateX(90deg) rotateY(1turn)}}@-webkit-keyframes upndown-right-cube{0%{transform:translateX(0) translateY(0) rotateX(80deg) rotateY(160deg)}50%{transform:translateX(0) translateY(-200px) rotateX(260deg) rotateY(340deg)}to{transform:translateX(0) translateY(0) rotateX(440deg) rotateY(520deg)}}@keyframes upndown-right-cube{0%{transform:translateX(0) translateY(0) rotateX(80deg) rotateY(160deg)}50%{transform:translateX(0) translateY(-200px) rotateX(260deg) rotateY(340deg)}to{transform:translateX(0) translateY(0) rotateX(440deg) rotateY(520deg)}}@-webkit-keyframes upndown-back-cube{0%{transform:translateZ(-575px) translateY(0) rotateX(170deg) rotateY(0deg)}50%{transform:translateZ(-575px) translateY(-200px) rotateX(350deg) rotateY(180deg)}to{transform:translateZ(-575px) translateY(0) otateX(530deg) rotateY(1turn)}}@keyframes upndown-back-cube{0%{transform:translateZ(-575px) translateY(0) rotateX(170deg) rotateY(0deg)}50%{transform:translateZ(-575px) translateY(-200px) rotateX(350deg) rotateY(180deg)}to{transform:translateZ(-575px) translateY(0) otateX(530deg) rotateY(1turn)}}@-webkit-keyframes rotate-right-cube{0%{transform:rotateX(80deg) rotateY(160deg)}to{transform:rotateX(440deg) rotateY(520deg)}}@keyframes rotate-right-cube{0%{transform:rotateX(80deg) rotateY(160deg)}to{transform:rotateX(440deg) rotateY(520deg)}}@-webkit-keyframes rotate-right-cube__mobile{0%{transform:translateX(-200px) rotateX(80deg) rotateY(160deg)}to{transform:translateX(-200px) rotateX(440deg) rotateY(520deg)}}@keyframes rotate-right-cube__mobile{0%{transform:translateX(-200px) rotateX(80deg) rotateY(160deg)}to{transform:translateX(-200px) rotateX(440deg) rotateY(520deg)}}@-webkit-keyframes rotate-back-cube{0%{transform:translateZ(-620px) translate(-150px) rotateX(170deg) rotateY(0deg)}to{transform:translateZ(-620px) translate(-150px) rotateX(530deg) rotateY(1turn)}}@keyframes rotate-back-cube{0%{transform:translateZ(-620px) translate(-150px) rotateX(170deg) rotateY(0deg)}to{transform:translateZ(-620px) translate(-150px) rotateX(530deg) rotateY(1turn)}}@-webkit-keyframes rotate-back-cube__mobile{0%{transform:translateY(-300px) rotateY(0deg)}to{transform:translateY(-300px) rotateY(1turn)}}@keyframes rotate-back-cube__mobile{0%{transform:translateY(-300px) rotateY(0deg)}to{transform:translateY(-300px) rotateY(1turn)}}@-webkit-keyframes rotate-left-cube{0%{transform:translateX(-100px) rotateX(-270deg) rotateY(0deg)}to{transform:translateX(-100px) rotateX(90deg) rotateY(1turn)}}@keyframes rotate-left-cube{0%{transform:translateX(-100px) rotateX(-270deg) rotateY(0deg)}to{transform:translateX(-100px) rotateX(90deg) rotateY(1turn)}}@-webkit-keyframes rotate-left-cube__mobile{0%{transform:translateX(100px) rotateX(-270deg) rotateY(0deg)}to{transform:translateX(100px) rotateX(90deg) rotateY(1turn)}}@keyframes rotate-left-cube__mobile{0%{transform:translateX(100px) rotateX(-270deg) rotateY(0deg)}to{transform:translateX(100px) rotateX(90deg) rotateY(1turn)}}.start{position:relative;z-index:1;height:100%;min-height:480px;overflow:hidden}.start>.sr-only{z-index:-9;opacity:0}.start__bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.start__play-btn{display:none}.start__cube{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(.5);perspective:2000px;perspective-origin:50% -70%}.start__cube-box{position:absolute;left:50%;width:200px;height:200px;transform:translate(-100px,-100px);transform-style:preserve-3d}.start__cube-box [data-id=center]{top:50%;left:50%;z-index:2}.start__cube-box [data-id=left]{right:100%}.start__cube-box [data-id=right]{left:100%}.start__cube-box [data-id=front]{bottom:100%}.start__cube-box [data-id=back]{top:100%}.start__cube-box{top:40%;-webkit-animation:rotate-scene 12s ease-in-out 1;animation:rotate-scene 12s ease-in-out 1;will-change:transform;-webkit-animation-fill-mode:both;animation-fill-mode:both}.start__cube-box.small1{-webkit-animation:rotate-scene 15s linear infinite;animation:rotate-scene 15s linear infinite}.start__cube-box.small2{-webkit-animation:rotate-scene 13s linear infinite;animation:rotate-scene 13s linear infinite}.start__cube-box.small3{-webkit-animation:rotate-scene 18s linear infinite;animation:rotate-scene 18s linear infinite}.start__cube-box.small4{-webkit-animation:rotate-scene 10s linear infinite;animation:rotate-scene 10s linear infinite}.start__cube-box .cube{z-index:3;will-change:transform}.start__cube-box [data-id=center]{width:170%;height:170%;-webkit-animation:rotate-center-cube 12s linear infinite;animation:rotate-center-cube 12s linear infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.start__cube-box [data-id=center] .cube__side--front{transform:translateZ(170px)}.start__cube-box [data-id=center] .cube__side--back{transform:translateZ(-170px)}.start__cube-box [data-id=center] .cube__side--top{transform:translateZ(170px) rotateX(90deg)}.start__cube-box [data-id=center] .cube__side--bottom{transform:translateZ(170px) rotateX(-90deg)}.start__cube-box [data-id=center] .cube__side--left{transform:translateZ(170px) rotateY(-90deg)}.start__cube-box [data-id=center] .cube__side--right{transform:translateZ(170px) rotateY(90deg)}.start__cube-box [data-id=left]{top:0;right:500px;transform:translateX(-100px) rotate(160deg);-webkit-animation:rotate-left-cube 12s linear infinite;animation:rotate-left-cube 12s linear infinite}.start__cube-box [data-id=right]{top:0;left:300%;-webkit-animation:rotate-right-cube 12s linear infinite;animation:rotate-right-cube 12s linear infinite}.start__cube-box [data-id=front]{top:0;left:0;transform:translateZ(600px) rotate(160deg);-webkit-animation:rotate-front-cube 12s linear infinite;animation:rotate-front-cube 12s linear infinite}.start__cube-box [data-id=back]{top:0;left:0;-webkit-animation:rotate-back-cube 12s linear infinite;animation:rotate-back-cube 12s linear infinite;animation-direction:reverse;-webkit-animation-fill-mode:both;animation-fill-mode:both}.loreal{position:absolute;top:0;right:0;z-index:3;display:flex;flex-direction:row;width:500px;max-width:100%;padding:24px 24px 0;overflow:hidden;transition:background .25s 375ms,height 0s .75s}.loreal img{margin:2px}.loreal-logo{margin-right:3px}.loreal-logo,.words{flex-direction:column}.loreal-logo,.word,.words{display:flex;justify-content:flex-start}.word{flex-direction:row;width:300px}.small-cube1,.small-cube2,.small-cube3,.small-cube4{width:50px;height:50px;position:absolute}.small-cube1 .cube__side--back,.small-cube2 .cube__side--back,.small-cube3 .cube__side--back,.small-cube4 .cube__side--back{transform:translateZ(50px)}.small-cube1 .cube__side,.small-cube2 .cube__side,.small-cube3 .cube__side,.small-cube4 .cube__side{background:radial-gradient(46.87% 46.87% at 50.03%,at 44.71%,rgba(0,163,255,.31) 0,hsla(0,0%,100%,.5) 100%);background:radial-gradient(46.87% 46.87% at 50.03% 44.71%,rgba(0,163,255,.31) 0,hsla(0,0%,100%,.5) 100%)}.small-cube1{left:1200px}.small-cube2{right:90vw}.small-cube3{transform:translateZ(70vw)}.small-cube4{left:1300px}[data-id=center]{width:170%;height:170%;-webkit-animation-fill-mode:both;animation-fill-mode:both;transform:translate(-200px,-100px)}[data-id=center] .cube__side--front{transform:translateZ(170px)}[data-id=center] .cube__side--back{transform:translateZ(-170px)}[data-id=center] .cube__side--top{transform:translateZ(170px) rotateX(90deg)}[data-id=center] .cube__side--bottom{transform:translateZ(170px) rotateX(-90deg)}[data-id=center] .cube__side--left{transform:translateZ(170px) rotateY(-90deg)}[data-id=center] .cube__side--right{transform:translateZ(170px) rotateY(90deg)}.start__cube-box-center{-webkit-animation:none!important;animation:none!important}.start__cube .small1{-webkit-animation:rotate-scene 15s linear infinite;animation:rotate-scene 15s linear infinite;will-change:transform;-webkit-animation-fill-mode:both;animation-fill-mode:both}.start__cube .small2{-webkit-animation:rotate-scene 13s linear infinite;animation:rotate-scene 13s linear infinite;will-change:transform;-webkit-animation-fill-mode:both;animation-fill-mode:both}.start__cube .small3{-webkit-animation:rotate-scene 14s linear infinite;animation:rotate-scene 14s linear infinite;will-change:transform;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fade-enter-active,.fade-leave-active{transition:opacity 1s}.fade-enter,.fade-leave-to{opacity:0}.preloader{width:100vw;height:100vh;background:#d8f7fd;position:fixed;z-index:100}@supports (-webkit-touch-callout: none){.preloader{height:-webkit-fill-available}}.logo-text{width:100%;position:absolute;text-align:center;font-size:40px;top:50%;transform:translate(-20px,10px)}@media screen and (min-width:750px) and (max-width:1024px) and (orientation:landscape){.menu{padding:24px 24px 0}.start__cube{height:100%;transform:scale(.4)}.logo,.loreal,.small1,.small2,.small3{display:none}.start{min-height:300px}}@media screen and (min-width:750px) and (orientation:landscape){.cube__logo-front{-webkit-animation:rotate-scene-front__mobile 12s ease-in-out 1;animation:rotate-scene-front__mobile 12s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}}@media screen and (min-width:750px) and (orientation:portrait){.start__cube{width:105%;height:100%}}@media screen and (min-width:768px){.loreal{padding:48px 48px 0}}@media (min-width:1200px){.start{min-height:600px}.start__cube{transform:scale(.5)}}@media (min-width:1600px) and (min-height:900px){.start__cube{transform:scale(.6)}}@media screen and (max-width:768px){.logo,.loreal,.small1,.small2,.small3{display:none}}@media screen and (max-width:768px) and (orientation:portrait){.logo-text{transform:translate(-20px,70px)}}@media screen and (max-width:750px) and (orientation:portrait){.small-cube1,.small-cube2,.small-cube3{display:none}.cube__logo-center{transform:translate3d(50px,70px,200px) rotateY(0deg)}.cube__logo-front{transform:translate3d(25px,300px,600px) rotateY(0deg)}.cube__logo-front,.cube__logo-left{-webkit-animation:none;animation:none}.cube__logo-left{transform:translate3d(-400px,0,0) rotateY(0deg)}.cube__logo-right{transform:translate3d(425px,0,0) rotateY(0deg)}.cube__logo-back,.cube__logo-right{-webkit-animation:none;animation:none}.cube__logo-back{transform:translate3d(25px,-300px,0) rotateY(0deg)}.start__cube{top:-50px;left:25%;width:50%;height:100%;transform:scale(.34);perspective-origin:50% -20%}.start__cube-box{-webkit-animation:none;animation:none}.start__cube-box [data-id=center]{-webkit-animation:rotate-center-cube__mobile 12s linear infinite;animation:rotate-center-cube__mobile 12s linear infinite;width:250px;height:250px}.start__cube-box [data-id=center] .cube__side--back{transform:translateZ(-80px)}.start__cube-box [data-id=left]{-webkit-animation:rotate-left-cube__mobile 12s linear infinite;animation:rotate-left-cube__mobile 12s linear infinite}.start__cube-box [data-id=right]{-webkit-animation:rotate-right-cube__mobile 12s linear infinite;animation:rotate-right-cube__mobile 12s linear infinite}.start__cube-box [data-id=front]{-webkit-animation:rotate-front-cube__mobile 12s linear infinite;animation:rotate-front-cube__mobile 12s linear infinite}.start__cube-box [data-id=back]{-webkit-animation:rotate-back-cube__mobile 12s linear infinite;animation:rotate-back-cube__mobile 12s linear infinite}.loreal{display:none}}@media screen and (orientation:landscape){.start__cube-box [data-id=front]{-webkit-animation:rotate-front-cube__landscape 12s linear infinite;animation:rotate-front-cube__landscape 12s linear infinite}}

.logo{position:absolute;bottom:47px;left:48px;max-width:70%;filter:drop-shadow(0 0 128px #8d6af0)}
@-webkit-keyframes rotate-scene{0%{transform:translate(-100px,-100px) rotateY(30deg)}to{transform:translate(-100px,-100px) rotateY(-330deg)}}@keyframes rotate-scene{0%{transform:translate(-100px,-100px) rotateY(30deg)}to{transform:translate(-100px,-100px) rotateY(-330deg)}}@-webkit-keyframes rotate-center-cube{0%{transform:translate(-200px,-100px) rotateY(0deg) rotateX(0deg)}to{transform:translate(-200px,-100px) rotateY(-1turn) rotateX(-1turn)}}@keyframes rotate-center-cube{0%{transform:translate(-200px,-100px) rotateY(0deg) rotateX(0deg)}to{transform:translate(-200px,-100px) rotateY(-1turn) rotateX(-1turn)}}@-webkit-keyframes rotate-center-cube__mobile{0%{transform:translate(-110px,-50px) translateZ(125px) rotate(0deg)}to{transform:translate(-110px,-50px) translateZ(125px) rotate(-1turn)}}@keyframes rotate-center-cube__mobile{0%{transform:translate(-110px,-50px) translateZ(125px) rotate(0deg)}to{transform:translate(-110px,-50px) translateZ(125px) rotate(-1turn)}}@-webkit-keyframes rotate-front-cube{0%{transform:translateZ(625px) rotateX(-270deg) rotateY(0deg) rotate(160deg)}to{transform:translateZ(625px) rotateX(90deg) rotateY(1turn) rotate(160deg)}}@keyframes rotate-front-cube{0%{transform:translateZ(625px) rotateX(-270deg) rotateY(0deg) rotate(160deg)}to{transform:translateZ(625px) rotateX(90deg) rotateY(1turn) rotate(160deg)}}@-webkit-keyframes rotate-front-cube__landscape{0%{transform:translateZ(625px) translateY(80px) rotateX(-270deg) rotateY(0deg) rotate(160deg)}to{transform:translateZ(625px) translateY(80px) rotateX(90deg) rotateY(1turn) rotate(160deg)}}@keyframes rotate-front-cube__landscape{0%{transform:translateZ(625px) translateY(80px) rotateX(-270deg) rotateY(0deg) rotate(160deg)}to{transform:translateZ(625px) translateY(80px) rotateX(90deg) rotateY(1turn) rotate(160deg)}}@-webkit-keyframes rotate-front-cube__mobile{0%{transform:scale(1.2) translateY(500px) rotateX(-270deg) rotateY(0deg) rotate(160deg)}to{transform:scale(1.2) translateY(500px) rotateX(90deg) rotateY(1turn) rotate(160deg)}}@keyframes rotate-front-cube__mobile{0%{transform:scale(1.2) translateY(500px) rotateX(-270deg) rotateY(0deg) rotate(160deg)}to{transform:scale(1.2) translateY(500px) rotateX(90deg) rotateY(1turn) rotate(160deg)}}@-webkit-keyframes upndown-front-cube{0%{transform:translateZ(625px) translateX(20px) translateY(0) rotateY(0deg) rotate(160deg) rotateX(-270deg)}50%{transform:translateZ(625px) translateX(20px) translateY(-200px) rotateY(180deg) rotate(160deg) rotateX(-90deg)}to{transform:translateZ(625px) translateX(20px) translateY(0) rotateY(1turn) rotate(160deg) rotateX(90deg)}}@keyframes upndown-front-cube{0%{transform:translateZ(625px) translateX(20px) translateY(0) rotateY(0deg) rotate(160deg) rotateX(-270deg)}50%{transform:translateZ(625px) translateX(20px) translateY(-200px) rotateY(180deg) rotate(160deg) rotateX(-90deg)}to{transform:translateZ(625px) translateX(20px) translateY(0) rotateY(1turn) rotate(160deg) rotateX(90deg)}}@-webkit-keyframes upndown-left-cube{0%{transform:translateX(-100px) translateY(0) rotateX(-270deg) rotateY(0deg)}50%{transform:translateX(-100px) translateY(-200px) rotateX(-90deg) rotateY(180deg)}to{transform:translateX(-100px) translateY(0) rotateX(90deg) rotateY(1turn)}}@keyframes upndown-left-cube{0%{transform:translateX(-100px) translateY(0) rotateX(-270deg) rotateY(0deg)}50%{transform:translateX(-100px) translateY(-200px) rotateX(-90deg) rotateY(180deg)}to{transform:translateX(-100px) translateY(0) rotateX(90deg) rotateY(1turn)}}@-webkit-keyframes upndown-right-cube{0%{transform:translateX(0) translateY(0) rotateX(80deg) rotateY(160deg)}50%{transform:translateX(0) translateY(-200px) rotateX(260deg) rotateY(340deg)}to{transform:translateX(0) translateY(0) rotateX(440deg) rotateY(520deg)}}@keyframes upndown-right-cube{0%{transform:translateX(0) translateY(0) rotateX(80deg) rotateY(160deg)}50%{transform:translateX(0) translateY(-200px) rotateX(260deg) rotateY(340deg)}to{transform:translateX(0) translateY(0) rotateX(440deg) rotateY(520deg)}}@-webkit-keyframes upndown-back-cube{0%{transform:translateZ(-575px) translateY(0) rotateX(170deg) rotateY(0deg)}50%{transform:translateZ(-575px) translateY(-200px) rotateX(350deg) rotateY(180deg)}to{transform:translateZ(-575px) translateY(0) otateX(530deg) rotateY(1turn)}}@keyframes upndown-back-cube{0%{transform:translateZ(-575px) translateY(0) rotateX(170deg) rotateY(0deg)}50%{transform:translateZ(-575px) translateY(-200px) rotateX(350deg) rotateY(180deg)}to{transform:translateZ(-575px) translateY(0) otateX(530deg) rotateY(1turn)}}@-webkit-keyframes rotate-right-cube{0%{transform:rotateX(80deg) rotateY(160deg)}to{transform:rotateX(440deg) rotateY(520deg)}}@keyframes rotate-right-cube{0%{transform:rotateX(80deg) rotateY(160deg)}to{transform:rotateX(440deg) rotateY(520deg)}}@-webkit-keyframes rotate-right-cube__mobile{0%{transform:translateX(-200px) rotateX(80deg) rotateY(160deg)}to{transform:translateX(-200px) rotateX(440deg) rotateY(520deg)}}@keyframes rotate-right-cube__mobile{0%{transform:translateX(-200px) rotateX(80deg) rotateY(160deg)}to{transform:translateX(-200px) rotateX(440deg) rotateY(520deg)}}@-webkit-keyframes rotate-back-cube{0%{transform:translateZ(-620px) translate(-150px) rotateX(170deg) rotateY(0deg)}to{transform:translateZ(-620px) translate(-150px) rotateX(530deg) rotateY(1turn)}}@keyframes rotate-back-cube{0%{transform:translateZ(-620px) translate(-150px) rotateX(170deg) rotateY(0deg)}to{transform:translateZ(-620px) translate(-150px) rotateX(530deg) rotateY(1turn)}}@-webkit-keyframes rotate-back-cube__mobile{0%{transform:translateY(-300px) rotateY(0deg)}to{transform:translateY(-300px) rotateY(1turn)}}@keyframes rotate-back-cube__mobile{0%{transform:translateY(-300px) rotateY(0deg)}to{transform:translateY(-300px) rotateY(1turn)}}@-webkit-keyframes rotate-left-cube{0%{transform:translateX(-100px) rotateX(-270deg) rotateY(0deg)}to{transform:translateX(-100px) rotateX(90deg) rotateY(1turn)}}@keyframes rotate-left-cube{0%{transform:translateX(-100px) rotateX(-270deg) rotateY(0deg)}to{transform:translateX(-100px) rotateX(90deg) rotateY(1turn)}}@-webkit-keyframes rotate-left-cube__mobile{0%{transform:translateX(100px) rotateX(-270deg) rotateY(0deg)}to{transform:translateX(100px) rotateX(90deg) rotateY(1turn)}}@keyframes rotate-left-cube__mobile{0%{transform:translateX(100px) rotateX(-270deg) rotateY(0deg)}to{transform:translateX(100px) rotateX(90deg) rotateY(1turn)}}.start{position:relative;z-index:1;height:100%;min-height:480px;overflow:hidden}.start>.sr-only{z-index:-9;opacity:0}.start__bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.start__play-btn{display:none}.start__cube{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(.5);perspective:2000px;perspective-origin:50% -70%}.start__cube-box{position:absolute;left:50%;width:200px;height:200px;transform:translate(-100px,-100px);transform-style:preserve-3d}.start__cube-box [data-id=center]{top:50%;left:50%;z-index:2}.start__cube-box [data-id=left]{right:100%}.start__cube-box [data-id=right]{left:100%}.start__cube-box [data-id=front]{bottom:100%}.start__cube-box [data-id=back]{top:100%}.start__cube-box{top:40%;-webkit-animation:rotate-scene 12s ease-in-out 1;animation:rotate-scene 12s ease-in-out 1;will-change:transform;-webkit-animation-fill-mode:both;animation-fill-mode:both}.start__cube-box.small1{-webkit-animation:rotate-scene 15s linear infinite;animation:rotate-scene 15s linear infinite}.start__cube-box.small2{-webkit-animation:rotate-scene 13s linear infinite;animation:rotate-scene 13s linear infinite}.start__cube-box.small3{-webkit-animation:rotate-scene 18s linear infinite;animation:rotate-scene 18s linear infinite}.start__cube-box.small4{-webkit-animation:rotate-scene 10s linear infinite;animation:rotate-scene 10s linear infinite}.start__cube-box .cube{z-index:3;will-change:transform}.start__cube-box [data-id=center]{width:170%;height:170%;-webkit-animation:rotate-center-cube 12s linear infinite;animation:rotate-center-cube 12s linear infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.start__cube-box [data-id=center] .cube__side--front{transform:translateZ(170px)}.start__cube-box [data-id=center] .cube__side--back{transform:translateZ(-170px)}.start__cube-box [data-id=center] .cube__side--top{transform:translateZ(170px) rotateX(90deg)}.start__cube-box [data-id=center] .cube__side--bottom{transform:translateZ(170px) rotateX(-90deg)}.start__cube-box [data-id=center] .cube__side--left{transform:translateZ(170px) rotateY(-90deg)}.start__cube-box [data-id=center] .cube__side--right{transform:translateZ(170px) rotateY(90deg)}.start__cube-box [data-id=left]{top:0;right:500px;transform:translateX(-100px) rotate(160deg);-webkit-animation:rotate-left-cube 12s linear infinite;animation:rotate-left-cube 12s linear infinite}.start__cube-box [data-id=right]{top:0;left:300%;-webkit-animation:rotate-right-cube 12s linear infinite;animation:rotate-right-cube 12s linear infinite}.start__cube-box [data-id=front]{top:0;left:0;transform:translateZ(600px) rotate(160deg);-webkit-animation:rotate-front-cube 12s linear infinite;animation:rotate-front-cube 12s linear infinite}.start__cube-box [data-id=back]{top:0;left:0;-webkit-animation:rotate-back-cube 12s linear infinite;animation:rotate-back-cube 12s linear infinite;animation-direction:reverse;-webkit-animation-fill-mode:both;animation-fill-mode:both}.loreal{position:absolute;top:0;right:0;z-index:3;display:flex;flex-direction:row;width:500px;max-width:100%;padding:24px 24px 0;overflow:hidden;transition:background .25s 375ms,height 0s .75s}.loreal img{margin:2px}.loreal-logo{margin-right:3px}.loreal-logo,.words{flex-direction:column}.loreal-logo,.word,.words{display:flex;justify-content:flex-start}.word{flex-direction:row;width:300px}.small-cube1,.small-cube2,.small-cube3,.small-cube4{width:50px;height:50px;position:absolute}.small-cube1 .cube__side--back,.small-cube2 .cube__side--back,.small-cube3 .cube__side--back,.small-cube4 .cube__side--back{transform:translateZ(50px)}.small-cube1 .cube__side,.small-cube2 .cube__side,.small-cube3 .cube__side,.small-cube4 .cube__side{background:radial-gradient(46.87% 46.87% at 50.03%,at 44.71%,rgba(0,163,255,.31) 0,hsla(0,0%,100%,.5) 100%);background:radial-gradient(46.87% 46.87% at 50.03% 44.71%,rgba(0,163,255,.31) 0,hsla(0,0%,100%,.5) 100%)}.small-cube1{left:1200px}.small-cube2{right:90vw}.small-cube3{transform:translateZ(70vw)}.small-cube4{left:1300px}[data-id=center]{width:170%;height:170%;-webkit-animation-fill-mode:both;animation-fill-mode:both;transform:translate(-200px,-100px)}[data-id=center] .cube__side--front{transform:translateZ(170px)}[data-id=center] .cube__side--back{transform:translateZ(-170px)}[data-id=center] .cube__side--top{transform:translateZ(170px) rotateX(90deg)}[data-id=center] .cube__side--bottom{transform:translateZ(170px) rotateX(-90deg)}[data-id=center] .cube__side--left{transform:translateZ(170px) rotateY(-90deg)}[data-id=center] .cube__side--right{transform:translateZ(170px) rotateY(90deg)}.start__cube-box-center{-webkit-animation:none!important;animation:none!important}.start__cube .small1{-webkit-animation:rotate-scene 15s linear infinite;animation:rotate-scene 15s linear infinite;will-change:transform;-webkit-animation-fill-mode:both;animation-fill-mode:both}.start__cube .small2{-webkit-animation:rotate-scene 13s linear infinite;animation:rotate-scene 13s linear infinite;will-change:transform;-webkit-animation-fill-mode:both;animation-fill-mode:both}.start__cube .small3{-webkit-animation:rotate-scene 14s linear infinite;animation:rotate-scene 14s linear infinite;will-change:transform;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fade-enter-active,.fade-leave-active{transition:opacity 1s}.fade-enter,.fade-leave-to{opacity:0}.cube{display:block;padding:0;margin:0;list-style:none;transform-style:preserve-3d}.cube,.cube__side{position:absolute;width:100%;height:100%}.cube__side{background:radial-gradient(48.09% 48.09% at 47.85%,at 46.32%,rgba(93,90,117,.9) 0,hsla(0,0%,100%,.05) 100%);background:radial-gradient(48.09% 48.09% at 47.85% 46.32%,rgba(93,90,117,.9) 0,hsla(0,0%,100%,.05) 100%);border:1px solid hsla(0,0%,100%,.5)}.cube__side--back,.cube__side--front{top:0;left:0}.cube__side--front{transform:translateZ(100px)}.cube__side--back{transform:translateZ(-100px)}.cube__side--top{bottom:100%;left:0;transform:translateZ(100px) rotateX(90deg);transform-origin:100% 100%}.cube__side--bottom{top:100%;left:0;transform:translateZ(100px) rotateX(-90deg);transform-origin:100% 0}.cube__side--left{top:0;right:100%;transform:translateZ(100px) rotateY(-90deg);transform-origin:100% 0}.cube__side--right{top:0;left:100%;transform:translateZ(100px) rotateY(90deg);transform-origin:0 0}.cube__logo{width:100%;height:100%}.cube--center .cube__side{background:radial-gradient(64.41% 64.41% at 49.18%,at 53.21%,rgba(55,243,255,.3) 0,rgba(43,204,215,.3) 39.06%,rgba(28,157,185,.3) 77.29%);background:radial-gradient(64.41% 64.41% at 49.18% 53.21%,rgba(55,243,255,.3) .01%,rgba(43,204,215,.3) 39.06%,rgba(28,157,185,.3) 77.29%)}.cube--cerave .cube__side{background:radial-gradient(54.55% 54.55% at 48.89%,at 47.35%,rgba(105,156,235,.9) 0,hsla(0,0%,100%,.3) 100%);background:radial-gradient(54.55% 54.55% at 48.89% 47.35%,rgba(105,156,235,.9) 0,hsla(0,0%,100%,.3) 100%)}.cube--vichy .cube__side{background:radial-gradient(58.34% 58.34% at 49.53%,at 48.04%,rgba(2,66,141,.9) 0,hsla(0,0%,100%,.3) 100%);background:radial-gradient(58.34% 58.34% at 49.53% 48.04%,rgba(2,66,141,.9) 0,hsla(0,0%,100%,.3) 100%)}.cube--laroche .cube__side{background:radial-gradient(50.22% 50.22% at 49.07%,at 49.1%,rgba(0,163,255,.621) 0,hsla(0,0%,100%,.3) 100%);background:radial-gradient(50.22% 50.22% at 49.07% 49.1%,rgba(0,163,255,.621) 0,hsla(0,0%,100%,.3) 100%)}.cube__logo{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:80%;height:80%;overflow:hidden;border-radius:30%;box-shadow:-4px 200px 126px -24px #000;background-color:trasparent;-webkit-animation-fill-mode:both;animation-fill-mode:both}.small-cube1,.small-cube2,.small-cube3{width:50px;height:50px}@-webkit-keyframes rotate-scene-front{0%{transform:translateZ(650px) translateX(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateX(20px) rotateY(150deg)}to{transform:translateZ(650px) translateX(0) rotateY(330deg)}}@keyframes rotate-scene-front{0%{transform:translateZ(650px) translateX(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateX(20px) rotateY(150deg)}to{transform:translateZ(650px) translateX(0) rotateY(330deg)}}@-webkit-keyframes rotate-scene-front__mobile{0%{transform:translateZ(650px) translateY(80px) translateX(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateY(80px) translateX(20px) rotateY(150deg)}to{transform:translateZ(650px) translateY(80px) translateX(0) rotateY(330deg)}}@keyframes rotate-scene-front__mobile{0%{transform:translateZ(650px) translateY(80px) translateX(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateY(80px) translateX(20px) rotateY(150deg)}to{transform:translateZ(650px) translateY(80px) translateX(0) rotateY(330deg)}}@-webkit-keyframes rotate-scene-left{0%{transform:translateX(-600px) rotateY(-30deg)}to{transform:translateX(-600px) rotateY(330deg)}}@keyframes rotate-scene-left{0%{transform:translateX(-600px) rotateY(-30deg)}to{transform:translateX(-600px) rotateY(330deg)}}@-webkit-keyframes rotate-scene-right{0%{transform:translateX(625px) rotateY(-30deg)}to{transform:translateX(625px) rotateY(330deg)}}@keyframes rotate-scene-right{0%{transform:translateX(625px) rotateY(-30deg)}to{transform:translateX(625px) rotateY(330deg)}}@-webkit-keyframes rotate-scene-back{0%{transform:translateZ(-600px) translateX(-150px) rotateY(-30deg)}to{transform:translateZ(-600px) translateX(-150px) rotateY(330deg)}}@keyframes rotate-scene-back{0%{transform:translateZ(-600px) translateX(-150px) rotateY(-30deg)}to{transform:translateZ(-600px) translateX(-150px) rotateY(330deg)}}@-webkit-keyframes rotate-scene-center{0%{transform:translate3d(100px,50px,0) rotateY(-30deg)}50%{transform:translate3d(100px,100px,0) rotateY(150deg)}to{transform:translate3d(100px,50px,0) rotateY(330deg)}}@keyframes rotate-scene-center{0%{transform:translate3d(100px,50px,0) rotateY(-30deg)}50%{transform:translate3d(100px,100px,0) rotateY(150deg)}to{transform:translate3d(100px,50px,0) rotateY(330deg)}}@-webkit-keyframes upndown1{0%{transform:translateZ(650px) translateX(0) translateY(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateX(0) translateY(-200px) rotateY(-30deg)}to{transform:translateZ(650px) translateX(0) translateY(0) rotateY(-30deg)}}@keyframes upndown1{0%{transform:translateZ(650px) translateX(0) translateY(0) rotateY(-30deg)}50%{transform:translateZ(650px) translateX(0) translateY(-200px) rotateY(-30deg)}to{transform:translateZ(650px) translateX(0) translateY(0) rotateY(-30deg)}}@-webkit-keyframes upndown2{0%{transform:translateX(-700px) translateY(0) rotateY(-30deg)}50%{transform:translateX(-700px) translateY(-200px) rotateY(-30deg)}to{transform:translateX(-700px) translateY(0) rotateY(-30deg)}}@keyframes upndown2{0%{transform:translateX(-700px) translateY(0) rotateY(-30deg)}50%{transform:translateX(-700px) translateY(-200px) rotateY(-30deg)}to{transform:translateX(-700px) translateY(0) rotateY(-30deg)}}@-webkit-keyframes upndown3{0%{transform:translateX(625px) translateY(0) rotateY(-30deg)}50%{transform:translateX(625px) translateY(-200px) rotateY(-30deg)}to{transform:translateX(625px) translateY(0) rotateY(-30deg)}}@keyframes upndown3{0%{transform:translateX(625px) translateY(0) rotateY(-30deg)}50%{transform:translateX(625px) translateY(-200px) rotateY(-30deg)}to{transform:translateX(625px) translateY(0) rotateY(-30deg)}}@-webkit-keyframes upndown4{0%{transform:translateZ(-575px) translateY(0) rotateY(-30deg)}50%{transform:translateZ(-575px) translateY(-200px) rotateY(-30deg)}to{transform:translateZ(-575px) translateY(0) rotateY(-30deg)}}@keyframes upndown4{0%{transform:translateZ(-575px) translateY(0) rotateY(-30deg)}50%{transform:translateZ(-575px) translateY(-200px) rotateY(-30deg)}to{transform:translateZ(-575px) translateY(0) rotateY(-30deg)}}.cube__logo-center{top:10px;left:-12px;transform:translate3d(0,50px,0) rotateY(0deg);box-shadow:none}.cube__logo-front{-webkit-animation:rotate-scene-front 12s ease-in-out 1;animation:rotate-scene-front 12s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}.cube__logo-left{width:100%;height:100%;-webkit-animation:rotate-scene-left 12s ease-in-out 1;animation:rotate-scene-left 12s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}.cube__logo-right{-webkit-animation:rotate-scene-right 12s ease-in-out 1;animation:rotate-scene-right 12s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}.cube__logo-back{-webkit-animation:rotate-scene-back 12s ease-in-out 1;animation:rotate-scene-back 12s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media screen and (min-width:750px) and (max-width:1024px) and (orientation:landscape){.menu{padding:24px 24px 0}.start__cube{height:100%;transform:scale(.4)}.logo,.loreal,.small1,.small2,.small3{display:none}.start{min-height:300px}}@media screen and (min-width:750px) and (orientation:landscape){.cube__logo-front{-webkit-animation:rotate-scene-front__mobile 12s ease-in-out 1;animation:rotate-scene-front__mobile 12s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}}@media screen and (min-width:750px) and (orientation:portrait){.start__cube{width:105%;height:100%}}@media screen and (min-width:768px){.loreal{padding:48px 48px 0}}@media (min-width:1200px){.start{min-height:600px}.start__cube{transform:scale(.5)}}@media (min-width:1600px) and (min-height:900px){.start__cube{transform:scale(.6)}}@media screen and (max-width:768px){.logo,.loreal,.small1,.small2,.small3{display:none}}@media screen and (max-width:750px) and (orientation:portrait){.start__cube{top:-50px;left:25%;width:50%;height:100%;transform:scale(.34);perspective-origin:50% -20%}.start__cube-box{-webkit-animation:none;animation:none}.start__cube-box [data-id=center]{-webkit-animation:rotate-center-cube__mobile 12s linear infinite;animation:rotate-center-cube__mobile 12s linear infinite;width:250px;height:250px}.start__cube-box [data-id=center] .cube__side--back{transform:translateZ(-80px)}.start__cube-box [data-id=left]{-webkit-animation:rotate-left-cube__mobile 12s linear infinite;animation:rotate-left-cube__mobile 12s linear infinite}.start__cube-box [data-id=right]{-webkit-animation:rotate-right-cube__mobile 12s linear infinite;animation:rotate-right-cube__mobile 12s linear infinite}.start__cube-box [data-id=front]{-webkit-animation:rotate-front-cube__mobile 12s linear infinite;animation:rotate-front-cube__mobile 12s linear infinite}.start__cube-box [data-id=back]{-webkit-animation:rotate-back-cube__mobile 12s linear infinite;animation:rotate-back-cube__mobile 12s linear infinite}.loreal,.small-cube1,.small-cube2,.small-cube3{display:none}.cube__logo-center{transform:translate3d(50px,70px,200px) rotateY(0deg)}.cube__logo-front{transform:translate3d(25px,300px,600px) rotateY(0deg)}.cube__logo-front,.cube__logo-left{-webkit-animation:none;animation:none}.cube__logo-left{transform:translate3d(-400px,0,0) rotateY(0deg)}.cube__logo-right{transform:translate3d(425px,0,0) rotateY(0deg)}.cube__logo-back,.cube__logo-right{-webkit-animation:none;animation:none}.cube__logo-back{transform:translate3d(25px,-300px,0) rotateY(0deg)}}@media screen and (orientation:landscape){.start__cube-box [data-id=front]{-webkit-animation:rotate-front-cube__landscape 12s linear infinite;animation:rotate-front-cube__landscape 12s linear infinite}}


/*# sourceMappingURL=main.d9d2.css.map*/
.cube__side {
    background: radial-gradient(64.41% 64.41% at 49.18% 53.21%, rgba(55, 243, 255, .3) 0, rgba(43, 204, 215, .3) 85%, rgb(255 255 255 / 21%) 110%)!important;
    border: 1px solid #ffffff52!important;
}