body{touch-action:pan-y;background-color:#f6f6f7;font-family:"Montserrat", sans-serif;font-size:14px;line-height:1.5;color:#54585a;margin:0;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;min-height:100%}@media (min-width: 768px){body{font-size:16px}}.container{position:relative}.modal__overlay{background:#b8b8b8;width:100%;height:100vh;z-index:200;position:fixed;left:0;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.modal__modal{background:#fff;border-top:10px solid #f1b434;padding:20px;margin:0 1em}.modal__header{display:flex;gap:4px;justify-content:flex-start;margin-bottom:1em;align-items:center}.modal__header-icon{display:block;width:20px;height:20px;fill:#f1b434}.modal__btns{display:flex;justify-content:flex-end}.step1{margin-top:1em}@media (min-width: 768px){.step1{margin-top:0;height:100vh;display:flex;flex-direction:column;justify-content:center}}p{margin:0;margin-bottom:1em}.bold,b{font-weight:500}.bold-black{font-weight:600;color:#111111}.mb-0{margin-bottom:0 !important}.mb-2{margin-bottom:2em !important}.hide{display:none !important}.btn--rounded-social-media,.btn--rounded-white-bottom,.btn--rounded-white-lateral,.btn--primary-inverse,.btn--primary{background:transparent;border:1px solid transparent;height:44px;display:inline-flex;justify-content:center;align-items:center;padding:0 1.75rem;font-size:1em;border-radius:1.5rem;position:relative;font-weight:600;cursor:pointer;text-align:center;transition:background 0.3s;font-family:"Montserrat", sans-serif;gap:4px;white-space:nowrap;text-decoration:none;transition:background-color .15s ease-in-out, border-color .15s ease-in-out}@media (min-width: 1200px){.btn--rounded-social-media:hover,.btn--rounded-white-bottom:hover,.btn--rounded-white-lateral:hover,.btn--primary-inverse:hover,.btn--primary:hover{transition:background-color .15s ease-in-out, border-color .15s ease-in-out}}.btn--primary{background:#f1b434;border-color:#f1b434;color:white}@media (min-width: 1200px){.btn--primary:hover{background:white;border-color:#f1b434;color:#f1b434}}.btn--primary-inverse{background:white;border-color:#f1b434;color:#f1b434}@media (min-width: 1200px){.btn--primary-inverse:hover{background:#f1b434;border-color:#f1b434;color:white}}.btn--rounded-social-media,.btn--rounded-white-bottom,.btn--rounded-white-lateral{background:white;border-color:#ddd;color:white;box-shadow:0px 4px 4px rgba(0,0,0,0.08);padding:0;transition:none;border-radius:50%}.btn--rounded-social-media:before,.btn--rounded-white-bottom:before,.btn--rounded-white-lateral:before{content:none;position:absolute;left:0;top:0;width:100%;height:100%;display:block;border-radius:50%}.active.btn--rounded-social-media,.active.btn--rounded-white-bottom,.active.btn--rounded-white-lateral{transition:none;background:white;border-color:#f1b434;position:relative}.active.btn--rounded-social-media .icon,.active.btn--rounded-white-bottom .icon,.active.btn--rounded-white-lateral .icon{fill:#f1b434}.active.btn--rounded-social-media:before,.active.btn--rounded-white-bottom:before,.active.btn--rounded-white-lateral:before{content:"";background:rgba(241,180,52,0.12)}@media (min-width: 1200px){.btn--rounded-social-media:hover,.btn--rounded-white-bottom:hover,.btn--rounded-white-lateral:hover{transition:none;background:white;border-color:#f1b434;position:relative}.btn--rounded-social-media:hover:before,.btn--rounded-white-bottom:hover:before,.btn--rounded-white-lateral:hover:before{content:"";background:rgba(241,180,52,0.08)}}.btn--rounded-white-lateral{width:36px;height:36px}.btn--rounded-white-lateral .icon{width:20px;height:20px;fill:#111111}@media (min-width: 768px){.btn--rounded-white-lateral{width:44px;height:44px}.btn--rounded-white-lateral .icon{width:24px;height:24px}}.btn--rounded-white-bottom{width:56px;height:56px}.btn--rounded-white-bottom .icon{width:36px;height:36px;fill:#111111}@media (min-width: 768px){.btn--rounded-white-bottom{width:60px;height:60px}.btn--rounded-white-bottom .icon{width:40px;height:40px}}.btn--rounded-social-media{width:36px;height:36px;border-color:transparent}.btn--rounded-social-media .icon{width:20px;height:20px;fill:#111111}.btn--rounded-social-media.facebook{background:#405a93}.btn--rounded-social-media.facebook .icon{fill:white}.btn--rounded-social-media.twitter{background:#46a8ee}.btn--rounded-social-media.twitter .icon{fill:white}.btn--rounded-social-media.whatsapp{background:#65d258}.btn--rounded-social-media.whatsapp .icon{fill:white}@media (min-width: 768px){.btn--rounded-social-media{width:44px;height:44px}.btn--rounded-social-media .icon{width:24px;height:24px}}@media (min-width: 1200px){.btn--rounded-social-media:hover{transition:none;border-color:white;position:relative}}.btn-group--uploader{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.link{display:flex;align-items:center;height:28px;gap:4px;font-weight:600;text-decoration:none;color:#f1b434}.link .icon{width:16px;height:16px;fill:currentColor}.link--upload-new-photo{position:fixed;left:0;top:0;z-index:200;height:48px;align-items:center;padding-left:8px;font-size:11px}@media (min-width: 321px){.link--upload-new-photo{font-size:14px}}@media (min-width: 768px){.link--upload-new-photo{font-size:16px}}.powered-by-crisalix-wrap{display:flex;position:fixed;top:0;right:0;align-items:center;justify-content:flex-end;height:48px}.powered-by-crisalix{height:24px}.step1 .powered-by-crisalix-wrap{left:0;width:100%;justify-content:center;position:relative;margin-top:0.5em}@media (min-width: 768px){.step1 .powered-by-crisalix-wrap{margin-top:3em}}.step1 .powered-by-crisalix{height:28px}.step2 .powered-by-crisalix-wrap{padding-right:12px}#uploadBtn{opacity:0;position:absolute;z-index:-1}.range-slider__range{-webkit-appearance:none;height:4px;border-radius:5px;background:#ddd;outline:none;padding:0;margin:0;width:192px}@media (min-width: 768px){.range-slider__range{width:204px}}.range-slider__range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:44px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;transition:background .15s ease-in-out;box-shadow:0px 4px 4px rgba(0,0,0,0.08)}.range-slider__range::-webkit-slider-thumb:hover{background:#fff}@media (min-width: 768px){.range-slider__range::-webkit-slider-thumb{width:36px;height:36px}}.range-slider__range:active::-webkit-slider-thumb{background:#fff}.range-slider__range::-moz-range-thumb{width:44px;height:44px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;transition:background .15s ease-in-out;box-shadow:0px 0px 4px rgba(0,0,0,0.1)}.range-slider__range::-moz-range-thumb:hover{background:#fff}@media (min-width: 768px){.range-slider__range::-moz-range-thumb{width:36px;height:36px}}.range-slider__range:active::-moz-range-thumb{background:#fff}.instructions{padding:0 1em}@media (min-width: 768px){.instructions{display:grid;max-width:960px;margin:0 auto;grid-template-columns:1fr 44px 1fr}}@media (min-width: 1200px){.instructions{grid-template-columns:1fr 72px 1fr}}.instructions__list{list-style:none;padding-left:0;margin-bottom:1em}.instructions__list-item{position:relative;margin-bottom:0.25em;display:flex;align-items:center;gap:6px}.instructions__list-item-bullet{width:8px;height:8px;background-color:#f1b434;display:block}.instructions__sample-image-col{max-width:160px;margin-left:auto;margin-right:auto}@media (min-width: 768px){.instructions__sample-image-col{max-width:none;margin-left:0;margin-right:0}}.instructions__sample-image-container{position:relative;padding-bottom:100%;width:100%;border:2px solid white;box-shadow:0px 4px 12px 0px rgba(0,0,0,0.12);background:#ddd}.instructions__sample-image{display:block;position:absolute;top:0;left:0;width:100%}.instructions__sample-image-label{position:absolute;width:100%;left:0;text-align:center;bottom:0.5em;color:#111111;z-index:1;margin:0;font-size:9px;font-weight:600;opacity:0.75;text-transform:uppercase;letter-spacing:2px}@media (min-width: 768px){.instructions__sample-image-label{letter-spacing:3px;bottom:3em;color:white;font-size:15px}}.instructions__text-container{grid-column-start:3;display:flex;flex-direction:column;justify-content:space-between;padding-top:1em}@media (min-width: 768px){.instructions__text-container{padding-top:0}}.instructions__text--2{margin-bottom:1em}@media (min-width: 768px){.instructions__text--2{margin-bottom:2em}}.upload-btn-container{display:flex;justify-content:center;width:100%}@media (min-width: 768px){.upload-btn-container{justify-content:flex-start}}.lateral-tools{display:flex;flex-direction:column;gap:8px;position:fixed;right:5px;top:50%;transform:translateY(-50%);z-index:100}@media (min-width: 321px){.lateral-tools{right:12px}}.blendshapes{display:flex;align-items:center;justify-content:center;gap:12px;position:fixed;left:50%;transform:translateX(-50%);bottom:1em;z-index:101}.disabled button{opacity:0.16;pointer-events:none}.share-tools{display:flex;gap:8px;position:absolute;right:calc(100% + 8px);bottom:0;opacity:0;visibility:hidden;transform:translateX(16px);transition:0.3s opacity ease, 0s visibility, 0.3s transform ease}.share-tools.active{transform:translateX(0px);opacity:1;visibility:visible;transition:0.3s opacity ease, 0s visibility, 0.3s transform ease}.tooltip{background:#f1b434;color:white;position:absolute;font-size:13px;padding:4px 8px;font-weight:600;opacity:0;visibility:hidden;border-radius:2px;display:inline-block;white-space:nowrap;pointer-events:none;transition:0.3s opacity ease, 0s visibility, 0.3s transform ease}.tooltip--right{right:calc(100% + 0.5em);transform:translateX(-8px) translateY(0)}.tooltip--right:before{content:"";position:absolute;left:100%;display:block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #f1b434;top:50%;transform:translateY(-50%)}.tooltip--bottom{left:50%;transform:translateX(-50%) translateY(-8px);bottom:calc(100% + 0.5em)}.tooltip--bottom:before{content:"";position:absolute;left:100%;display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #f1b434;top:100%;transform:translateX(-50%);left:50%}.tooltip--lg{background:#111111;font-size:15px;padding:8px 12px}.tooltip--lg:before{border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #111111}@media (min-width: 768px){.tooltip--lg{font-size:16px}}.tooltip--onboarding{position:fixed;bottom:5.5em;opacity:1;visibility:visible}@media (min-width: 1200px){.tooltip--onboarding{bottom:7em}}@media (min-width: 1200px){button:hover .tooltip{opacity:1;visibility:visible;transform:translateX(0) translateY(0);transition:0.3s opacity ease, 0s visibility, 0.3s transform ease}}button:hover .tooltip--bottom{transform:translateX(-50%) translateY(0)}button.active .tooltip{display:none}button.share.active .tooltip{display:none}.canvas-loader{width:312px;height:100%;background:#ddd;left:50%;position:absolute;transform:translateX(-50%) translateY(-50%);top:50%}@media (min-width: 768px) and (min-height: 1024px){.canvas-loader{width:450px}}@media (min-width: 928px) and (min-height: 696px){.canvas-loader{width:672px}}@media (min-width: 1232px) and (min-height: 924px){.canvas-loader{width:928px}}.canvas-loader__content{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.canvas-loader__text{text-transform:uppercase;font-size:13px;letter-spacing:2px;font-weight:600;white-space:nowrap}.accordion__spinner{width:70px;display:flex;gap:8px;justify-content:center;align-items:center;margin:0 auto}.accordion__spinner>div{width:16px;height:16px;background-color:#f1b434;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.accordion__spinner.white>div{background-color:#f1b434}.accordion__spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.accordion__spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}progress::-webkit-progress-bar{background-color:#e6e6e6;width:400px;height:20px;border-radius:7px}progress::-webkit-progress-value,progress::-moz-progress-bar{background-color:#0071bc;width:400px;height:20px;border-radius:7px}.sliders{position:fixed;bottom:7em;left:50%;transform:translateX(-50%);z-index:100}@media (min-width: 768px){.sliders{bottom:6em}}#before-text{position:fixed;bottom:3em;left:50%;transform:translateX(-50%);background:#f1b434;padding:4px 8px;color:#fff;font-weight:600;z-index:100}.ba-label{position:fixed;bottom:4em;left:50%;transform:translateX(-50%);width:192px;display:flex;align-items:center;justify-content:space-between;margin:0}@media (min-width: 768px){.ba-label{bottom:3em;width:204px}}.ba-label__left,.ba-label__right{display:flex;align-items:center;gap:4px}.ba-label__text{font-weight:600}.ba-label__icon{fill:#111111;width:24px;height:24px;display:block}.canvas-container{position:absolute;width:312px;height:416px}@media (min-width: 768px) and (min-height: 1024px){.canvas-container{width:450px;height:600px}}@media (min-width: 928px) and (min-height: 696px){.canvas-container{width:672px;height:504px}}@media (min-width: 1232px) and (min-height: 924px){.canvas-container{width:928px;height:696px}}body{-ms-user-select:none}canvas{-ms-touch-action:none;touch-action:none}.hide{display:none !important}.comparers-wrapper{display:flex;justify-content:center;align-items:center;min-height:100%}.overlap-wrapper{position:absolute;top:50%;transform:translateY(-50%);min-height:416px}@media (min-width: 768px) and (min-height: 1024px){.overlap-wrapper{min-height:600px}}@media (min-width: 928px) and (min-height: 696px){.overlap-wrapper{min-height:504px}}@media (min-width: 1232px) and (min-height: 924px){.overlap-wrapper{min-height:696px}}.overlap-wrapper img{left:50%;transform:translateX(-50%)}@media (min-width: 768px) and (min-height: 1024px){.overlap-wrapper img{width:450px}}@media (min-width: 928px) and (min-height: 696px){.overlap-wrapper img{width:672px}}@media (min-width: 1232px) and (min-height: 924px){.overlap-wrapper img{width:928px}}@media (min-width: 768px){.overlap-wrapper .range-slider{bottom:-98px}}.swipe-wrapper{display:flex;justify-content:center;min-height:416px;height:100vh;align-items:center;transform:translateY(-44px) translateX(0px)}@media (min-width: 321px){.swipe-wrapper{transform:translateY(-68px) translateX(0px)}}@media (min-width: 544px){.swipe-wrapper{transform:translateY(-44px) translateX(0px)}}@media (min-width: 768px) and (min-height: 1024px){.swipe-wrapper{min-height:600px}}@media (min-width: 928px) and (min-height: 696px){.swipe-wrapper{min-height:504px}}@media (min-width: 1232px) and (min-height: 924px){.swipe-wrapper{min-height:696px}}.swipe-wrapper .swipe-img-wrap{position:absolute;top:0px;left:50%;margin-left:-156px;background-size:312px auto;width:312px;background-repeat:no-repeat;z-index:1;height:100%;overflow:hidden}@media (min-width: 768px) and (min-height: 1024px){.swipe-wrapper .swipe-img-wrap{width:450px;margin-left:-225px;background-size:450px auto}}@media (min-width: 928px) and (min-height: 696px){.swipe-wrapper .swipe-img-wrap{width:672px;margin-left:-336px;background-size:672px auto}}@media (min-width: 1232px) and (min-height: 924px){.swipe-wrapper .swipe-img-wrap{width:928px;margin-left:-464px;background-size:928px auto}}.swipe-wrapper #swipe-after-wrapper{width:0;z-index:100;border-right:1px solid white}#canvas-debug-container{z-index:150;outline:2px solid white;box-shadow:0px 4px 12px 0px rgba(0,0,0,0.12)}#2dcanvas{z-index:160}.debug{position:fixed;left:0;top:3em;z-index:200;align-items:center;padding-left:10px}.debug p{margin-bottom:0}