@font-face{font-family:segmalight;src:url(/assets/segma-light-webfont-dcf18eed.woff2) format("woff2"),url(/assets/segma-light-webfont-5be87d6f.woff) format("woff"),url(/assets/segma-light-webfont-bd387c24.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body{font-family:Avenir,Arial,Helvetica,sans-serif}.brand-overlay{width:100%;height:100%;background:url(/assets/mirror_mask_1920-c0a0c701.png) no-repeat 48% 0%;-webkit-background-size:auto 120%;-moz-background-size:auto 120%;-o-background-size:auto 120%;background-size:auto 120%;position:fixed;top:0;left:0}@media screen and (max-height: 760px){.brand-overlay{-webkit-background-size:auto 110%;-moz-background-size:auto 110%;-o-background-size:auto 110%;background-size:auto 110%}}@media screen and (min-width: 768px){.brand-overlay{background:url(/assets/mirror_mask_1920-c0a0c701.png) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}}html,body,main,#app{height:100%}body{padding:0;margin:0}.galderma-logo-wrapper{max-width:80%;margin:10px auto 0;display:flex;justify-content:center}@media screen and (min-width: 768px){.galderma-logo-wrapper{margin:20px auto 0}}.galderma-logo-wrapper .galderma-logo{width:125px;position:relative;left:-5px}@media screen and (min-width: 1024px){.galderma-logo-wrapper .galderma-logo{width:140px;left:-29px}}@media screen and (max-width: 768px){.logo-wrapper{max-width:80%;margin:-10px auto 0;display:flex;justify-content:center}.logo-wrapper .logo{width:240px}}@media (min-width:768px) and (max-width:1024px){.logo-wrapper{max-width:80%;margin:35px auto 0;display:flex;justify-content:center}.logo-wrapper .logo{width:400px}}@media screen and (min-width: 1024px){.logo-wrapper .logo{margin-left:160px}}@media screen and (min-width: 1280px){.logo-wrapper{width:100%;height:100%}.logo-wrapper .logo{width:360px;position:absolute;left:50%;top:50%;margin-left:250px;margin-top:-145px}}.video-wrapper{display:flex;justify-content:center;height:100%;align-items:center;overflow:hidden;video {width: 103%; max-width: none; object-fit: cover; height: 414px; position: relative; transform: scaleX(-1); -webkit-transform: scaleX(-1); @media screen and (max-height: 760px) {height: 320px;} @media screen and (min-width: 768px) {object-fit: fill; height: auto; width: 700px;}} .video-wrapper-inner {position: relative; top: 5%; @media screen and (max-height: 760px) {top: 2%;} @media screen and (min-width: 768px) {top: -50px;}}}#photoElementNoBg,#canvasElement,#photoElement{position:absolute;height:414px;width:103%;max-width:none;padding:0;top:0;transform:scaleX(-1);-webkit-transform:scaleX(-1);object-fit:cover}@media screen and (max-height: 760px){#photoElementNoBg,#canvasElement,#photoElement{height:320px}}@media screen and (min-width: 768px){#photoElementNoBg,#canvasElement,#photoElement{width:100%;min-height:525px}}#photoElementNoBg{background-size:cover;background-position:center center}#mirrorSurface{position:absolute;top:0;left:0;display:none;width:100%;height:100%}.btn{cursor:pointer;color:#000;font-size:20px;font-weight:350;letter-spacing:4px;text-transform:uppercase;padding:10px 60px;background-color:#eeede9;border:2px solid #000;border-radius:50px;align-self:center;margin-bottom:10px;margin-top:25px}@media screen and (min-width: 768px){.btn{padding:22px 120px;margin-top:0}}.btn.secondary{background:transparent}.btn.secondary:hover{color:#e0e8f8}.btn.share,.btn.reset{display:flex;align-items:center;margin:0}.btn.share .icon,.btn.reset .icon{width:37px;height:37px;display:inline-block;margin-right:5px}.btn.share{padding:10px 60px}@media screen and (min-width: 768px){.btn.share{padding:22px 140px}}.btn.reset{border:none;background-color:transparent}.btn.reset .icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzNyIgdmlld0JveD0iMCAwIDM4IDM3IiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik0zMS4xNjM3IDE1LjU3ODZDMzAuODMwNiAxNC43OTM0IDMwLjQyMzMgMTQuMDQxNyAyOS45NDc0IDEzLjMzMzlMMjcuMzkxMyAxNS4wNTlDMjguMTI4IDE2LjE1NDEgMjguNjQ0NyAxNy4zODIgMjguOTEyOSAxOC42NzQyQzI5LjE4NjIgMjAuMDIxMyAyOS4xODYyIDIxLjQwOTUgMjguOTEyOSAyMi43NTY2QzI4Ljc3OSAyMy40MDcyIDI4LjU4MDcgMjQuMDQzIDI4LjMyMDkgMjQuNjU0NEMyOC4wNjg0IDI1LjI1NTEgMjcuNzU3IDI1LjgyOTMgMjcuMzkxMyAyNi4zNjg3QzI2LjY2MDYgMjcuNDQ2NCAyNS43MzEzIDI4LjM3NSAyNC42NTMzIDI5LjEwNTJDMjMuNTU5MSAyOS44NDE1IDIyLjMzMjQgMzAuMzU4MiAyMS4wNDEyIDMwLjYyNjhDMTkuNjk0OCAzMC44OTY2IDE4LjMwODMgMzAuODk2NiAxNi45NjE5IDMwLjYyNjhDMTUuMDI0MSAzMC4yMjg3IDEzLjI0NiAyOS4yNzAyIDExLjg0ODIgMjcuODcwM0MxMC45MjQ5IDI2Ljk0NjQgMTAuMTg3OSAyNS44NTM2IDkuNjc3NTMgMjQuNjUxM0M5LjQyIDI0LjAzOTkgOS4yMjI3NiAyMy40MDQ4IDkuMDg4NjIgMjIuNzU1QzguNjgxNjUgMjAuNzQ4NyA4Ljg4NjgyIDE4LjY2NjMgOS42Nzc1MyAxNi43NzhDMTAuMTg2IDE1LjU3NTkgMTAuOTIyNiAxNC40ODM4IDExLjg0NjcgMTMuNTYyMUMxMi43NzAzIDEyLjY0MDMgMTMuODYxOSAxMS45MDQgMTUuMDYyNiAxMS4zOTNDMTUuNjcxNSAxMS4xMzU1IDE2LjMxMTMgMTAuOTM2NiAxNi45NTg4IDEwLjgwNEMxNy4xMjM4IDEwLjc3MDEgMTcuMjkxOCAxMC43NTQ3IDE3LjQ1ODMgMTAuNzI4NVYxNS40MTY3TDI1LjE2NjcgOS4yNTAwNEwxNy40NTgzIDMuMDgzMzdWNy42MTI3OUMxNy4wODM1IDcuNjU0MjggMTYuNzEwNiA3LjcxMTM3IDE2LjM0MDYgNy43ODM5MkMxNC42NTEyIDguMTMwMTEgMTMuMDQ2NiA4LjgwNTkxIDExLjYxODUgOS43NzI2N0M5LjA4MTY2IDExLjQ4NCA3LjIxNzg1IDE0LjAyMzEgNi4zNDU1OSAxNi45NTYyQzUuNDczMzQgMTkuODg5NCA1LjY0Njc2IDIzLjAzNDQgNi44MzYyNCAyNS44NTM4QzcuNDk4NDUgMjcuNDIzNiA4LjQ1OTIzIDI4Ljg0OTggOS42NjUyIDMwLjA1MzNDMTAuODY5NSAzMS4yNTUzIDEyLjI5MzcgMzIuMjE0NiAxMy44NjAxIDMyLjg3OTJDMTYuMzIyNiAzMy45MjEgMTkuMDQzOCAzNC4xODkzIDIxLjY2MjQgMzMuNjQ4NUMyMy43NTg2IDMzLjIxNTIgMjUuNzE4MiAzMi4yNzk2IDI3LjM3MjkgMzAuOTIxOEMyOS4wMjc2IDI5LjU2NDEgMzAuMzI4IDI3LjgyNSAzMS4xNjIyIDI1Ljg1MzhDMzEuNTAxNCAyNS4wNTIxIDMxLjc2MTkgMjQuMjE4MSAzMS45MzMgMjMuMzc0OEMzMi4yOTA1IDIxLjYxOTkgMzIuMjkwNSAxOS44MTA5IDMxLjkzMyAxOC4wNTZDMzEuNzU3NCAxNy4yMDczIDMxLjQ5OTggMTYuMzc3NiAzMS4xNjM3IDE1LjU3ODZaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==)}.btn.reset:hover .icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzNyIgdmlld0JveD0iMCAwIDM4IDM3IiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik0zMS4xNjM2IDE1LjU3ODVDMzAuODMwNSAxNC43OTMzIDMwLjQyMzIgMTQuMDQxNyAyOS45NDcyIDEzLjMzMzlMMjcuMzkxMiAxNS4wNTlDMjguMTI3OCAxNi4xNTQxIDI4LjY0NDYgMTcuMzgxOSAyOC45MTI4IDE4LjY3NDJDMjkuMTg2MSAyMC4wMjEyIDI5LjE4NjEgMjEuNDA5NSAyOC45MTI4IDIyLjc1NjVDMjguNzc4OSAyMy40MDcyIDI4LjU4MDYgMjQuMDQyOSAyOC4zMjA4IDI0LjY1NDNDMjguMDY4MiAyNS4yNTUgMjcuNzU2OSAyNS44MjkzIDI3LjM5MTIgMjYuMzY4NkMyNi42NjA0IDI3LjQ0NjMgMjUuNzMxMiAyOC4zNzUgMjQuNjUzMiAyOS4xMDUxQzIzLjU1OSAyOS44NDE0IDIyLjMzMjIgMzAuMzU4MiAyMS4wNDEgMzAuNjI2N0MxOS42OTQ3IDMwLjg5NjUgMTguMzA4MiAzMC44OTY1IDE2Ljk2MTggMzAuNjI2N0MxNS4wMjQgMzAuMjI4NiAxMy4yNDU4IDI5LjI3MDEgMTEuODQ4MSAyNy44NzAyQzEwLjkyNDggMjYuOTQ2NCAxMC4xODc4IDI1Ljg1MzUgOS42Nzc0MSAyNC42NTEyQzkuNDE5ODcgMjQuMDM5OCA5LjIyMjYzIDIzLjQwNDcgOS4wODg0OSAyMi43NTVDOC42ODE1MyAyMC43NDg2IDguODg2NyAxOC42NjYzIDkuNjc3NDEgMTYuNzc3OUMxMC4xODU5IDE1LjU3NTkgMTAuOTIyNSAxNC40ODM4IDExLjg0NjUgMTMuNTYyQzEyLjc3MDIgMTIuNjQwMyAxMy44NjE4IDExLjkwNCAxNS4wNjI1IDExLjM5MjlDMTUuNjcxNCAxMS4xMzU0IDE2LjMxMTIgMTAuOTM2NiAxNi45NTg3IDEwLjgwNEMxNy4xMjM3IDEwLjc3MDEgMTcuMjkxNyAxMC43NTQ2IDE3LjQ1ODIgMTAuNzI4NFYxNS40MTY2TDI1LjE2NjUgOS4yNDk5OEwxNy40NTgyIDMuMDgzMzFWNy42MTI3M0MxNy4wODM0IDcuNjU0MjIgMTYuNzEwNSA3LjcxMTMxIDE2LjM0MDUgNy43ODM4NUMxNC42NTExIDguMTMwMDUgMTMuMDQ2NCA4LjgwNTg1IDExLjYxODQgOS43NzI2QzkuMDgxNTQgMTEuNDgzOSA3LjIxNzczIDE0LjAyMzEgNi4zNDU0NyAxNi45NTYyQzUuNDczMjEgMTkuODg5MyA1LjY0NjY0IDIzLjAzNDMgNi44MzYxMiAyNS44NTM3QzcuNDk4MzMgMjcuNDIzNSA4LjQ1OTEgMjguODQ5NyA5LjY2NTA4IDMwLjA1MzJDMTAuODY5NCAzMS4yNTUyIDEyLjI5MzUgMzIuMjE0NiAxMy44NiAzMi44NzkxQzE2LjMyMjUgMzMuOTIxIDE5LjA0MzcgMzQuMTg5MyAyMS42NjIzIDMzLjY0ODRDMjMuNzU4NSAzMy4yMTUyIDI1LjcxODEgMzIuMjc5NSAyNy4zNzI4IDMwLjkyMThDMjkuMDI3NSAyOS41NjQxIDMwLjMyNzggMjcuODI0OSAzMS4xNjIxIDI1Ljg1MzdDMzEuNTAxMiAyNS4wNTIxIDMxLjc2MTggMjQuMjE4IDMxLjkzMjkgMjMuMzc0N0MzMi4yOTAzIDIxLjYxOTggMzIuMjkwMyAxOS44MTA5IDMxLjkzMjkgMTguMDU2QzMxLjc1NzMgMTcuMjA3MiAzMS40OTk2IDE2LjM3NzUgMzEuMTYzNiAxNS41Nzg1WiIgZmlsbD0iI0UwRThGOCIvPgo8L3N2Zz4=)}.actions,.shareActions{position:absolute;bottom:3%;display:flex;justify-content:center;width:100%;flex-direction:column}@media screen and (min-width: 768px){.actions,.shareActions{left:-33px;bottom:10%}}.shareActions{bottom:-10px}@media screen and (min-width: 768px){.shareActions{bottom:0}}.brand-info{font-size:13px;font-family:segmalight,Arial,sans-serif;color:#fff;padding-left:26px;margin-top:15px;line-height:18px;display:none}@media screen and (min-width: 768px){.brand-info{display:block}}.brand-info.mobile{display:block;text-align:center;padding:0 25px}@media screen and (min-width: 768px){.brand-info.mobile{display:none}}