.mode-button{position:absolute;width:80%;height:5%;background-color:#fff;text-align:center;line-height:200%;left:50%;transform:translate(-50%,-50%);border:thin solid #000;cursor:pointer}.makeup-type-container{box-sizing:border-box;position:absolute;background-color:#fff;width:100%;height:5%;bottom:15%;border-left:thin solid #000;border-right:thin solid #000;display:flex;justify-content:center;align-items:center}.selection-box{width:50%;height:100%;text-align:center;line-height:200%;cursor:pointer}.gray-hover:hover{background-color:gray!important}.swatch-background{box-sizing:border-box;position:absolute;background-color:#fff;border:thin solid #000;border-top:0;width:100%;height:15%;bottom:0}.swatch-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:space-between;align-items:center;height:60%;width:85%}.swatch{width:15%;height:100%;cursor:pointer}.canvas-container{position:absolute;top:0;width:100%;height:100%;overflow:hidden}.selected-border{box-shadow:0 0 .6em .2em #d3d3d3}.div-dot{cursor:pointer;user-select:none;position:absolute;border-radius:50%;width:3%;padding-bottom:3%;background-color:#fff;transform:translate(-50%,-50%)}.checkbox{display:inline-block;width:1em;height:1em;border:1px solid #fff;margin-right:.3em;vertical-align:middle;cursor:pointer}.save-cancel{position:absolute;text-align:center;width:50%;height:10%;line-height:400%;font-weight:700;cursor:pointer;bottom:0;border-top:1px solid #000;border-bottom:1px solid #000}.adjust-container{display:none;position:absolute;width:100%;height:100%}.adjust-image{position:absolute;bottom:-35%;left:50%;transform:translate(-50%,-50%)}#checkmark{display:none}#adjust-container>#mask{user-select:none}.compare-slider{display:none;position:absolute;width:2px;height:100%;left:50%;background:#000}#lipcolor-swatch-container{display:none}#lipcolor-box{background-color:#000;color:#fff}.rendered-canvas-container{display:none}.orig-canvas-container{display:none}.loading-overlay{display:none;width:100%;height:100%;background-color:#fff;opacity:.7}.gif-loader{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#live-mode-button{top:45%}#photo-mode-button{top:55%}#title-text{position:absolute;width:100%;text-align:center;top:30%;left:50%;transform:translate(-50%,-50%);font-size:1.5em;cursor:default}#app-container{position:relative;width:360px;height:640px;background:#eee;overflow:hidden}@media only screen and (max-width:600px){#app-container{width:100%;max-width:401px;height:640px;display:inline-block;position:relative;text-align:center;background:#eee}}#coord-buttons{height:100%;width:100%}#instruction-panel{display:none;position:absolute;height:15%;width:100%;color:#fff;background-color:#000;opacity:.7}#mouth-open-chk{position:absolute;bottom:10%;left:50%;transform:translate(-50%,-50%)}#instruction-text{position:absolute;width:100%;text-align:center;top:30%}#adjust-reset{display:none;background-color:#fff;left:0;border-left:1px solid #000}#save-coords{display:none;color:#fff;background-color:#000;right:0}#adjust-cancel{display:none;position:absolute;bottom:10%;height:5%;width:30%;background-color:#000;color:#fff;border-top-right-radius:100%;cursor:pointer}#cancel-text{position:absolute;bottom:15%;left:10%}#mouth-open-text{position:relative;color:#fff;top:2.5px;cursor:pointer}.error-screen{display:none;position:absolute;background-color:#fff;border:thin solid #000;height:20%;width:70%;bottom:0}.error-text{position:absolute;text-align:center;width:100%}.moveable-button{top:72%;-webkit-transition:.8s;transition:top .8s}