:root{--raw-hot-pink:#ff00fb;--raw-rosy-grey-40:#ab949466;--raw-light-grey:#a8a8a8;--raw-medium-light-grey:#989899;--raw-medium-grey:#71757a;--raw-dark-grey:#3c3c3c;--raw-darker-grey:#323232;--raw-off-black:#161718;--raw-light-ochre:#ae9266;--raw-ochre:#a28250;--raw-beige:#c9ab7c;--raw-pale-beige:#f3dede;--raw-off-white:#e9ebe8;--raw-white:#fff;--raw-light-green:#53c94c;--raw-light-ochre-30:#ae92674d;--raw-ochre-30:#a282504d;--gutter-outer-large:3.5rem;--gutter-outer:1.75rem;--gutter-inner:1.25rem;--corner-radius-xl:1rem;--corner-radius-l:0.625rem;--corner-radius-m:0.5rem;--corner-radius-s:0.375rem;--corner-radius-xs:0.25rem;--spinner-size:3rem;--thumbnail-size:3rem;--swatch-size:3rem;--swatch-radius:1.5rem;--button-swatch-size:1.2rem;--button-swatch-radius:0.6rem;--intro-top-slide-size:65svh;color-scheme:dark}*{box-sizing:border-box}.size-xxxl{font-size:2.5rem;line-height:.9}.size-xxl{font-size:2rem;line-height:1}.size-xl{font-size:1.5rem}.size-l{font-size:1.25rem}.size-ml{font-size:1.125rem}.size-m{font-size:1rem}.size-s{font-size:.875rem}.size-xs{font-size:.75rem}.size-xxs{font-size:.625rem}.line-l{line-height:1.5}.line-l>*,.size-xxl>*,.size-xxxl>*{line-height:normal}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;margin:0}html{background:var(--raw-off-black);color:var(--raw-ochre);overflow-x:hidden}body,div#app{min-height:100vh}.no-scroll{height:100vh;overflow:hidden}.full-width{width:100%}.list-none{list-style-type:none;margin:0;padding:0;text-indent:0}.centre{align-items:center;display:flex;height:100%;justify-content:center}.centre.vertical{flex-direction:column}.loading-spinner{animation:spin 1s linear 0ms infinite;background-size:100%;bottom:auto;display:inline-block;height:var(--spinner-size);top:auto;width:var(--spinner-size)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner.plain{background-image:url(/static/media/spinner-beige.01b714355cc088d59321.svg)}.loading-spinner.highlight{background-image:url(/static/media/spinner-pink.e6ad233aa5fc181bdc81.svg)}.loading-text{color:var(--raw-medium-light-grey);font-family:Roboto Condensed;margin:1.5rem}.fullscreen-avoiding-chrome{height:100svh}.fullscreen-bg{height:100vh}.fullscreen-bg.splash{background-image:url(https://my-beauty-pa-poc-looks-assets.s3.ap-southeast-2.amazonaws.com/studio-makeup-blur-cropped.jpg);background-size:cover}.fullscreen-bg.splash>.shade{background:linear-gradient(#0000,#0000,#040505);height:100%}.fullscreen-bg.get-started,.fullscreen-bg.selfie-intro{background-blend-mode:color-dodge;background-color:#070707;background-image:url(https://my-beauty-pa-poc-looks-assets.s3.ap-southeast-2.amazonaws.com/face-closeup-greyscale.png)}.fullscreen-bg.get-started{background-position-x:25%;background-position-y:50%;background-size:auto 105%}.fullscreen-bg.selfie-intro{background-position-x:80%;background-position-y:60%;background-size:auto 120%}section.splash{display:flex;flex-direction:column-reverse;height:100%;padding:var(--gutter-outer-large) var(--gutter-outer)}section.app-setup{color:var(--raw-beige);display:flex;flex-direction:column;font-family:Roboto Condensed;font-weight:400;padding:var(--gutter-inner) var(--gutter-outer-large)}.app-setup.logotype{align-items:flex-start;flex-grow:1;justify-content:center}.app-setup>.heading{font-family:Barlow;font-weight:400;padding:.5rem 0}.app-setup>.heading>em{color:var(--raw-pale-beige);line-height:.9}.intro-top-container{height:var(--intro-top-slide-size)}.intro-top,.intro-top-container{display:flex;position:relative;width:300vw}.intro-top{--slide-number:0;left:calc(var(--slide-number)*-100vw);transition:left .4s cubic-bezier(0,0,0,1)}.intro-top.dragging{left:calc(var(--slide-number)*-100vw + var(--x));transition:none}.intro-top>.slide{background-position:bottom;background-size:cover;position:relative}.intro-top>.slide,.slide>.float-cover,.slide>.shade{display:flex;flex-direction:column;flex-grow:1}.slide>.shade{background:linear-gradient(90deg,#441d0b8f,#35499b56);mix-blend-mode:multiply}.slide.green-gold{background-image:url(https://my-beauty-pa-poc-looks-assets.s3.ap-southeast-2.amazonaws.com/studio-makeup-green-gold-cropped.jpg)}.slide.red-lipstick-hand{background-image:url(https://my-beauty-pa-poc-looks-assets.s3.ap-southeast-2.amazonaws.com/studio-makeup-red-lipstick-hand-cropped.jpg)}.slide.lip-gloss-shoulder{background-image:url(https://my-beauty-pa-poc-looks-assets.s3.ap-southeast-2.amazonaws.com/studio-makeup-lip-gloss-shoulder-cropped.jpg)}.intro-top-container .pager{margin:1rem 1rem 1rem 2rem}.intro-top-container .pager>.pages>.page{border-color:var(--raw-beige)}.intro-top-container .pager>.pages>.page.past,.intro-top-container .pager>.pages>.page.present{background-color:var(--raw-beige)}.intro-top .app-setup{flex-grow:1;justify-content:flex-end;padding-bottom:2.5rem}.intro-bottom{display:flex;min-height:calc(100svh - var(--intro-top-slide-size))}.intro-bottom .app-setup{flex-grow:1;gap:2rem;justify-content:space-between;padding:2rem var(--gutter-outer-large)}.pager{display:flex;justify-content:space-between}.pager>.pages{align-items:baseline;display:flex;gap:.325rem;margin:var(--gutter-outer);margin-right:0;padding-top:.25rem}.pager>.pages>.page{border:.1rem solid var(--raw-ochre);border-radius:.35rem;display:inline-block;height:.7rem;width:2rem}.page.past,.page.present{background-color:var(--raw-ochre)}.pager>.skip{margin-top:var(--gutter-outer)}.pager>.skip>a{color:var(--raw-white);font-weight:400;padding:var(--gutter-outer)}header{display:flex;width:100%}header>.back-action,header>.title{padding:var(--gutter-inner) var(--gutter-outer)}header>.title{flex-grow:1;font-family:Roboto Condensed;font-weight:500;padding-right:0;text-transform:uppercase}header>.back-action{align-items:center;display:flex;flex-grow:1;justify-content:space-between}.align-end{justify-content:end;text-align:end}.full-width-heading,.heading,.tap-margin{padding:var(--gutter-inner) var(--gutter-outer)}.full-width-heading,.heading{text-transform:uppercase}.full-width-heading{color:var(--raw-medium-light-grey);font-family:Roboto Condensed;font-weight:500;letter-spacing:.29rem;padding:var(--gutter-outer-large) 0 8rem;text-align:center}.heading>em{color:var(--raw-off-white);font-style:normal}.heading>.subheading{margin-top:.5rem;text-transform:none}.page-title .heading{padding-bottom:0}.column,.inline-column{display:flex;flex-direction:column}.column{align-items:stretch}.inline-column{align-items:center;padding-bottom:var(--gutter-outer-large)}.column.align-bottom{justify-content:flex-end;min-height:100vh;padding-bottom:1rem}.photo-disclosure{align-items:center;display:flex;gap:.5rem;margin:1rem 0}.photo-disclosure *{color:var(--raw-medium-grey);font-family:Roboto Condensed}.action-panel{background:var(--raw-off-white);border-top-left-radius:var(--corner-radius-m);border-top-right-radius:var(--corner-radius-m);bottom:0;position:absolute;width:100%}.action-panel *{color:var(--raw-ochre)}.action-panel>.content>.detail,.action-panel>.content>.title{color:var(--raw-off-black);font-family:Roboto;line-height:1.25;padding:.25rem 0;text-align:center;width:60%}.action-panel>.content>.title{font-weight:700;padding-top:1rem}.column>.heading{color:var(--raw-beige);font-family:Barlow}section>.heading{color:var(--raw-white);font-family:Roboto Condensed}section>.heading.size-l{font-weight:600}section.step>.heading{color:var(--raw-light-ochre);font-family:Roboto Condensed;font-weight:400;text-transform:none}section.align-center{height:100%;justify-content:center}section>.content{color:var(--raw-white);font-family:Roboto;padding:0 var(--gutter-outer) .75rem}section.intro *{color:var(--raw-beige);font-family:Roboto Condensed;margin-bottom:1rem}section.answers,section.question{margin-top:2rem}section.question *{font-family:Barlow}section.answers.single>.content,section.answers>.content{display:grid;grid-template-columns:1fr}section.answers.double>.content{column-gap:1rem;grid-template-columns:1fr 1fr}section.float-bottom{bottom:1rem;position:absolute;width:100%}a,a:active,a:hover,a:visited{color:var(--raw-beige);font-family:Roboto Condensed;font-weight:500;text-decoration-line:none;text-transform:uppercase}a:hover{color:var(--raw-off-white)}button.icon{background:#0000;border:none;color:var(--raw-ochre);cursor:pointer;padding:var(--gutter-inner)}button.brand{align-items:center;background:#0000;border:.0625rem solid var(--raw-beige);color:var(--raw-beige);display:flex;font-family:Roboto Condensed;font-weight:500;gap:.5rem;justify-content:center;margin:.5rem 0;position:relative;text-transform:uppercase}button.brand.lowlight{border:none;color:var(--raw-medium-grey);text-transform:none}button.brand.highlight{color:var(--raw-white)}button.brand.medium.highlight{background:linear-gradient(var(--raw-light-ochre),var(--raw-ochre));border-color:var(--raw-ochre)}button.brand.large.highlight{background-color:var(--raw-ochre)}button.brand:active{background:linear-gradient(var(--raw-dark-grey),var(--raw-darker-grey));border-color:var(--raw-light-grey);color:var(--raw-off-white)}button.brand.large:active{border-color:var(--raw-beige)}button.brand.highlight:active{background:linear-gradient(var(--raw-dark-grey),var(--raw-darker-grey));border-color:var(--raw-ochre)}button.brand.medium{border-radius:1.2rem;height:2.4rem;padding:0 1.2rem}button.brand.large{border-color:var(--raw-ochre);border-radius:1.2rem;min-height:3.75rem;padding:0 1.2rem;width:100%}button.brand.large.selected{background:linear-gradient(var(--raw-light-ochre-30),var(--raw-ochre-30));border-color:var(--raw-white);color:var(--raw-white)}.float-cover{bottom:0;display:flex;left:0;overflow:hidden;position:absolute;right:0;top:0}button.brand>.float-cover>.button-icon{align-self:center;margin-left:var(--gutter-inner)}.modal.show{height:100vh;z-index:999}.modal.hide{height:0}.modal>.off-modal{background-color:#0003;flex-grow:1;transition:background-color .25s ease-out 0ms}.modal.hide>.off-modal{background-color:initial}.modal.show>.action-panel{bottom:0;transition:bottom .25s ease-out 0ms}.modal.hide>.action-panel{bottom:-40%}.button-row>*{margin:.175rem}div.expectations{background:var(--raw-darker-grey);border-radius:var(--corner-radius-s);color:var(--raw-light-grey);display:inline-flex;font-family:Roboto Condensed;font-weight:500;gap:.5rem;padding:.375rem 1rem}.look-tile>.info>.expectations{background-color:#0009;color:var(--raw-white);font-weight:600}.looks-carousel{position:relative}.look-tile{aspect-ratio:.65;background-position:50%;background-size:cover;border-radius:var(--corner-radius-l);position:absolute;width:74%}.look-tile,.look-tile>div{transform:rotateY(180deg)}.look-tile,.look-tile>.info{transition:all .3s ease-out}.look-tile.front.dragging{left:calc(13% + var(--x));transition:none}.look-tile.front{left:13%;margin:0;right:13%;z-index:100}.look-tile.back{opacity:75%;transform:scale(.75) rotateY(180deg);z-index:50}.look-tile.left{left:-15%;right:50%}.look-tile.right{left:50%;right:-15%}.look-tile>.info{align-items:start;background:linear-gradient(#1617184d,#16171800 45%,#16171800 75%,#161718b2);gap:.75rem;padding:1rem 2rem}.look-tile.back>.info{background-color:var(--raw-off-black);opacity:30%}.look-tile .title{color:var(--raw-white);font-family:Roboto Condensed;text-transform:uppercase}.look-tile>.info>.title{font-weight:600}.look-tile>.info>a{align-items:center;display:flex;gap:.625rem}.look-tile>.info>a>.title{display:inline-block;font-weight:500}div.face-sdk-container{align-self:center;height:100vmin;height:100cqmin;width:100vmin;width:100cqw}div.tabs{background-color:var(--raw-off-black);border-bottom:1px solid var(--raw-rosy-grey-40);display:flex;flex-flow:row wrap;gap:var(--gutter-inner);justify-content:space-around;margin-bottom:var(--gutter-inner)}div.tabs>button.tab{background:none;border:none;color:var(--raw-medium-grey);flex-grow:1;font-family:Roboto Condensed;font-weight:500;padding-bottom:0;padding-top:var(--gutter-inner);text-transform:uppercase}button.tab:hover>.tab-text{border-bottom-color:var(--raw-dark-grey);color:var(--raw-light-grey)}button.tab>.tab-text{border-bottom:.125rem solid #0000;display:inline-block;padding-bottom:.5rem}button.tab.active>.tab-text{border-bottom:.125rem solid var(--raw-white);color:var(--raw-white)}.palette{display:flex;flex-wrap:wrap;gap:.625rem}.swatch{border-radius:var(--swatch-radius);display:inline-block;height:var(--swatch-size);width:var(--swatch-size)}.button-icon.swatch{border-radius:var(--button-swatch-radius);display:inline-block;height:var(--button-swatch-size);width:var(--button-swatch-size)}.product-tile{align-items:center;border:.0625rem solid var(--raw-white);border-radius:var(--corner-radius-s);color:var(--raw-white);display:flex;flex-direction:row;margin:.75rem var(--gutter-outer)}.product-tile *{font-family:Roboto Condensed}.product-tile>img{background-color:var(--raw-off-white);border-radius:var(--corner-radius-xs);flex-shrink:0;height:var(--thumbnail-size);margin:.5rem;object-fit:fill;width:var(--thumbnail-size)}.product-tile>.details{display:flex;flex-direction:column;flex-grow:1;gap:.25rem;margin:.5rem 0}.product-tile>.details>.category{color:var(--raw-light-grey);font-weight:300;text-transform:capitalize}.product-tile>.details>.name{font-weight:500}.product-tile>button.view-alt{background:none;border:none;flex-shrink:0;width:5.75rem}div.border-box{border:1px solid var(--raw-rosy-grey-40);max-height:6rem;overflow-y:scroll;padding:.375rem}section>.content>.product-tile{margin:.75rem 0;padding:0 .5rem}pre{color:var(--raw-beige)}.camera-feed{flex-grow:1;position:relative}.camera-feed>img,.camera-feed>video{height:100%;object-fit:cover;transform:rotateY(180deg);width:100%}div.camera-button{text-align:center}button.camera-button{background:none;border:none;padding:2rem}button.camera-button:active{opacity:.5}.selfie-tile{object-fit:cover;transform:rotateY(180deg);width:100%}img.selfie-preview{aspect-ratio:.85;border-radius:var(--corner-radius-m)}.face3d-container{height:1920px;position:relative;width:1920px}.face3d-container canvas{visibility:hidden}.live-button{align-items:center;color:var(--raw-white);cursor:pointer;display:flex;font-family:Barlow;font-size:12px;gap:.5rem;height:17px;text-transform:uppercase}.live-button>.toggle{border-radius:12px;height:12px;width:30px}.live-button>.toggle-text{margin-bottom:2px}.live-button>.toggle.on{background-color:var(--raw-light-green)}.live-button>.toggle.off{background-color:var(--raw-medium-grey)}.live-button>.toggle>.dot{background-color:var(--raw-white);border-radius:12px;height:100%;width:12px;z-index:1}.live-button>.toggle.on>.dot{transform:translateX(20px)}.fullscreen-video{background-color:var(--raw-off-black);bottom:0;left:0;position:fixed;right:0;top:0}.fullscreen-video.hidden{display:none}.fullscreen-video>.close-container{display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.top-sticky{position:sticky;top:0}.step-separator{background-color:var(--raw-light-ochre);height:.0625rem;margin:0 var(--gutter-outer)}section.step>.content{font-size:14px;overflow:clip;transition:all .3s}section.step>.content.collapsed{height:0;padding-bottom:0}section.step>.content>ul{margin-block:0}section.step>.content>ul>li{padding-bottom:.5rem}section.step>.content .title{font-size:14px;font-weight:700;margin:0;padding:.5rem 0}section.step>.content .subtitle{color:var(--raw-light-ochre);font-size:14px;font-weight:600;margin:0;padding:.5rem 0}section.step>.content p{margin:0;padding:0 0 .5rem;white-space:pre-wrap}
/*# sourceMappingURL=main.a3ddd78e.css.map*/