@import url(https://fonts.googleapis.com/css?family=Caveat&display=swap);
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#fff;margin:0}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}img{display:block;margin:0 auto}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{background:#999;color:#fff;margin:0;padding:.5em}.browserupgrade a{color:#fff}.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}html{color:#222;background-color:transparent}body{font-family:Arial,Helvetica,sans-serif;position:relative;font-size:2.2069vw;line-height:1.5}.h1,h1{font-size:4.96552vw}.h1,.h2,h1,h2{margin:0 0 2.75862vw}.h2,h2{font-size:4.13793vw}.h3,h3{font-size:3.31034vw}.h3,.h4,h3,h4{margin:0 0 2.75862vw}.h4,h4{font-size:2.75862vw}.h5,h5{font-size:2.48276vw}.h5,.h6,h5,h6{margin:0 0 2.75862vw}.h6,h6{font-size:2.2069vw}p{margin-top:0;line-height:1.3}ol,ul{margin:0 0 2.75862vw}ol ol,ol ul,ul ol,ul ul{margin:0}blockquote{font-size:1.125em;font-family:Times New Roman,serif;padding:24px}blockquote,table{margin:0 auto 24px}table{width:100%}tbody,th{border:none}th{text-align:left;text-transform:uppercase;padding:0 1em}td{padding:10px 1em 11px;border-bottom:1px solid #fff}.swipeAction{background:#333;color:#fff;line-height:40px;padding:0 10px;position:relative;text-align:center}.tableWrapper{overflow:scroll}img{margin-bottom:24px}figure img{margin-bottom:14px}figure figcaption{font-style:italic;text-align:center}.hide-tool{z-index:-1}body{overflow:hidden}.smooth-dnd-container .animated{-webkit-transform:none!important;transform:none!important}.dressing-room-app{background:#f6edb2;margin:0;padding:0}.dressing-room-app__nav{position:absolute;right:15.17241vw;bottom:-30%;width:24.82759vw}.dressing-room-app__nav button{font-family:Caveat,cursive;text-transform:uppercase;cursor:pointer}.dressing-room-app__padding{position:relative;padding:0 0 52.41379%}.dressing-room-app__stage{padding:2.2069vw;overflow:hidden;position:absolute;width:100%;height:100%}.page-area{width:100%;position:relative;margin:auto}.page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:75.86207vw;max-height:34.62069vw;margin:auto;margin-top:3%}.page__title{font-family:Caveat,cursive;font-weight:300;text-align:center;color:#820c0c;text-shadow:.13793vw .13793vw .06897vw #000;margin:0 auto;font-size:4.13793vw;text-transform:capitalize;word-spacing:.68966vw;width:100%}.page__title_intro{padding-bottom:.82759vw}.page__title_intro,.page__title_shift{font-family:Caveat,cursive;font-weight:300;text-align:left;text-indent:3.31034vw;color:#820c0c;text-shadow:.13793vw .13793vw .06897vw #000;margin:0 auto;font-size:4.13793vw;text-transform:capitalize;word-spacing:.68966vw;width:100%}.page__sub_title{text-align:center;padding:1.10345vw 0}.page__sub_title,.page__sub_title_intro{width:100%;text-transform:uppercase;color:#000;font-size:2.11034vw;margin:0}.page__sub_title_intro{text-align:left;padding:2.06897vw 0;text-indent:2.06897vw}.page__instructions{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:0 0;text-align:left;color:#000;font-size:1.37931vw;margin-bottom:4.82759vw;word-wrap:none;width:49.65517vw}.page__text{width:100%;padding:0 0;color:#000;font-size:2.06897vw;margin:0;padding-bottom:5%}.shift{position:relative;left:0}.actor{background:url(../img/scene1--young.svg);background-size:contain;background-repeat:no-repeat}.actor,.actor_old{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:35.31034vw;height:37.93103vw}.actor_old{background:url(../img/scene2--old.svg);background-size:contain;background-repeat:no-repeat}.actor_shadow{background:url(../img/scene3--actor.svg);background-size:contain;background-repeat:no-repeat;height:34.62069vw}.actor_final,.actor_shadow{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:35.31034vw}.actor_final{background:url(../img/scene5--final.svg);background-size:contain;background-repeat:no-repeat;height:37.93103vw}.tool-box-clear{width:100%;height:11.72414vw;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.tool-box-clear p{font-family:Caveat,cursive;width:60%;padding:0 6.89655vw;text-align:right;text-transform:uppercase;color:#000;font-size:3.58621vw;margin:0 auto}.tool-box{width:26.2069vw;height:11.03448vw;margin:0 auto;border-radius:1.93103vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative;background:#342a21;-webkit-box-shadow:.41379vw .41379vw 0 0 #9b7332;box-shadow:.41379vw .41379vw 0 0 #9b7332}.tool-box p{font-family:Caveat,cursive;width:100%;padding:0 6.89655vw;text-align:right;text-transform:uppercase;color:#fff;font-size:2.75862vw;margin:0}.tool-box__area{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:distribute;justify-content:space-around;margin:auto;top:5%;width:100%}.tool-box__area__left{width:50%;height:100%;color:#fff;font-family:Caveat,cursive;text-align:center}.tool-box__area__left .base_text{position:relative;width:100px;left:-1.37931vw;padding:0 50%;font-size:2.2069vw;text-transform:lowercase;line-height:1.93103vw}.tool-box__area__right{width:50%;height:100%;color:#fff;font-family:Caveat,cursive;text-align:center}.tool-box__area__right .base_text{position:relative;left:-1.37931vw;padding:0 50%;font-size:2.2069vw;text-transform:lowercase;line-height:1.93103vw}.tool-box__area-single{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.tool-box__area-single__left-single{width:50%}.tool-box__area-single__right-single{margin:auto;width:50%}.tool-box__area-single__right-single .text-single{font-family:Caveat,cursive;width:60%;padding:0 0;text-align:left;color:#fff;font-size:1.93103vw;line-height:1.93103vw;margin-left:0;text-transform:capitalize}.tool-box__area-double{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.tool-box__area-double__left-double{width:50%}.tool-box__area-double__right-double{margin:auto;width:50%}.tool-box__area-double .text-double{font-family:Caveat,cursive;width:60%;padding:0 0;text-align:left;color:#fff;font-size:3.03448vw;line-height:2.2069vw;margin:auto;text-transform:lowercase}.new_toolbox{width:20.68966vw;height:9.65517vw;margin:0 auto;border-radius:1.93103vw;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative;background:#342a21;-webkit-box-shadow:.41379vw .41379vw 0 0 #9b7332;box-shadow:.41379vw .41379vw 0 0 #9b7332}.new_toolbox,.new_toolbox__area-single{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal}.new_toolbox__area-single{-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.new_toolbox__area-single__left-single{width:50%}.new_toolbox__area-single__right-single{margin:auto;width:50%}.new_toolbox__area-single__right-single .text-single{font-family:Caveat,cursive;width:100%;padding:0 0;text-align:left;color:#fff;font-size:3.03448vw;line-height:2.2069vw;margin-left:0;margin:0 auto;text-transform:lowercase}.wig-text{width:50%}.tool{background-repeat:no-repeat;background-size:contain;cursor:pointer}.tool--combo{display:-webkit-box;display:-ms-flexbox;display:flex}.tool--wig{background-image:url(../img/scene2--wig.svg);width:11.03448vw;right:-.68966vw;top:-.82759vw;z-index:2}.tool--base,.tool--wig{position:absolute;height:13.7931vw}.tool--base{margin:0 auto;top:0;right:-1.37931vw;background-image:url(../img/scene2--base.svg);width:10.34483vw;z-index:1}.tool--warm{background:#e78452}.tool--cool,.tool--warm{margin:0 2.75862vw;width:4.13793vw;height:4.13793vw;border-radius:6.89655vw;border:3px solid #000;-webkit-box-shadow:-.27586vw .27586vw 0 0 #000;box-shadow:-.27586vw .27586vw 0 0 #000;z-index:2}.tool--cool{background:#e0b79b}.tool--sponge--warm{left:4.13793vw}.tool--sponge--cool,.tool--sponge--warm{position:absolute;top:1.10345vw;background-image:url(../img/scene3--sponge.svg);width:6.2069vw;height:6.2069vw;z-index:2}.tool--sponge--cool{left:17.24138vw}.tool--brush-highlight{top:0}.tool--brush-highlight,.tool--brush-shadow{width:8.96552vw;height:6.48276vw;left:4.13793vw}.tool--brush-shadow{position:relative;background-image:url(../img/scene3--brush.svg);top:-.68966vw;z-index:2}.tool--brush-highlight{position:relative;background-image:url(../img/scene4--brush.svg);width:8.13793vw;height:5.65517vw;z-index:2}.tool--highlight_makeup{background:#ef9c7b}.tool--highlight_makeup,.tool--shadow_makeup{margin:auto;width:4.13793vw;height:4.13793vw;border-radius:6.89655vw;border:3px solid #000;-webkit-box-shadow:-.27586vw .27586vw 0 0 #000;box-shadow:-.27586vw .27586vw 0 0 #000;z-index:2}.tool--shadow_makeup{background:#b95e2e}.tool--stage_button{margin:4.13793vw auto;background-image:url(../img/button_back.svg);width:20.68966vw;height:17.93103vw}.draggable{width:auto!important;height:auto!important}.interactive-box{position:relative;width:33.93103vw;height:37.93103vw}.interactive-box--cool,.interactive-box--warm{position:absolute;width:100%;height:100%}.interactive-box canvas{width:100%;height:100%}.i-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font-weight:600;margin:auto;font-size:2.48276vw;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.i-btn:before{content:"";width:4.82759vw;height:4.82759vw;background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;margin:0 auto}.i-btn--back{float:left;justify-self:start}.i-btn--back:before{background-image:url(../img/button_arrow_l.svg)}.i-btn--next{float:right}.i-btn--next:before{background-image:url(../img/button_arrow_r.svg)}
/*# sourceMappingURL=app.css.map */