.Face{--faceAnimationDisabled:none;cursor:pointer;pointer-events:auto;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.37);transform:scale(.37)}.Face__borders{width:100px;height:100px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.is-resting.Face .Face__borders{-webkit-animation:var(--faceAnimationDisabled,border-rest 1s ease-in-out forwards infinite);animation:var(--faceAnimationDisabled,border-rest 1s ease-in-out forwards infinite)}.Face__border--copy path,.Face__border path{-webkit-transition:d .2s,stroke .2s;transition:d .2s,stroke .2s}.Face__border{opacity:1}.Face__border,.Face__border--copy{-webkit-transition:opacity .4s;transition:opacity .4s;-webkit-transform-origin:50%;transform-origin:50%}.Face__border--copy{opacity:0}.Face path{stroke:#999;stroke-width:4px;fill:none;stroke-linecap:round}.Face__check{width:100px;height:100px}.Face__check path{stroke-linecap:square;stroke-width:6px;stroke-dashoffset:60px;stroke-dasharray:60px 60px}.Face.is-checked .Face__check path{stroke-dashoffset:0;-webkit-transition:.4s;transition:.4s}.Face.is-checked .Face__phone{opacity:0!important}.Face.is-active path,.Face.is-active rect{stroke:#0278fc}.Face__phone{-webkit-transition:.25s ease-out;transition:.25s ease-out}.Face svg{position:absolute;left:0;top:0}.Face__phoneContainer{position:absolute;left:10px;top:10px;width:80px;height:80px;border-radius:50%;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.Face.is-phone .Face__phone{opacity:1;-webkit-transform:perspective(500px) translateY(12px) rotateX(0deg);transform:perspective(500px) translateY(12px) rotateX(0deg);-webkit-animation:var(--faceAnimationDisabled,phone-tap 2.7s ease-in-out forwards infinite .4s);animation:var(--faceAnimationDisabled,phone-tap 2.7s ease-in-out forwards infinite .4s)}.Face .Face__phoneClip,.Face .Face__phoneGlare,.Face .Face__phoneIcon{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:translateY(0);transform:translateY(0)}.Face.is-phone .Face__phoneClip,.Face.is-phone .Face__phoneGlare,.Face.is-phone .Face__phoneIcon{-webkit-transform:translateY(-76px);transform:translateY(-76px);-webkit-transition:.3s ease-out;transition:.3s ease-out}.Face path.Face__phoneGlare{fill:#e7f0f9;stroke:none}.Face.is-phone .Face__phoneGlare{-webkit-animation:var(--faceAnimationDisabled,phone-shimmer 2.7s ease-in-out forwards infinite .4s);animation:var(--faceAnimationDisabled,phone-shimmer 2.7s ease-in-out forwards infinite .4s)}.Face.is-phone .Face__features{-webkit-transform:perspective(500px) rotateX(-30deg) translateY(-10px);transform:perspective(500px) rotateX(-30deg) translateY(-10px);-webkit-transition:.3s;transition:.3s;opacity:0}.Face__text span:first-of-type{opacity:1;-webkit-transition:.3s;transition:.3s}.Face__text span:last-of-type{position:absolute;opacity:0;-webkit-transition:.3s;transition:.3s;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap}.Face.is-phone .Face__text span:first-of-type{opacity:0}.Face.is-phone .Face__text span:last-of-type{opacity:1}.Face.is-phone.is-checked .Face__text span{opacity:0}.Face.is-active rect{stroke-width:2.25}.Face__features{-webkit-transition:.3s;transition:.3s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.Face__features.is-hidden{opacity:0}.Face__features.is-hidden .Face__eye,.Face__features.is-hidden .Face__mouth{-webkit-transition:.2s;transition:.2s}.Face__eye{stroke-width:5.5!important}.Face__text{position:relative;margin-top:10px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;font-size:28px;color:var(--slate5)}@-webkit-keyframes phone-tap{0%{-webkit-transform:perspective(500px) translateY(12px) rotateX(0deg);transform:perspective(500px) translateY(12px) rotateX(0deg)}50%{-webkit-transform:perspective(500px) translateY(12px) rotateX(48deg) scale(.9);transform:perspective(500px) translateY(12px) rotateX(48deg) scale(.9)}to{-webkit-transform:perspective(500px) translateY(12px) rotateX(0deg);transform:perspective(500px) translateY(12px) rotateX(0deg)}}@keyframes phone-tap{0%{-webkit-transform:perspective(500px) translateY(12px) rotateX(0deg);transform:perspective(500px) translateY(12px) rotateX(0deg)}50%{-webkit-transform:perspective(500px) translateY(12px) rotateX(48deg) scale(.9);transform:perspective(500px) translateY(12px) rotateX(48deg) scale(.9)}to{-webkit-transform:perspective(500px) translateY(12px) rotateX(0deg);transform:perspective(500px) translateY(12px) rotateX(0deg)}}@-webkit-keyframes border-rest{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes border-rest{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes phone-shimmer{0%{-webkit-transform:skewY(40deg) translateY(-66px);transform:skewY(40deg) translateY(-66px)}50%{-webkit-transform:skewY(40deg) translateY(10px);transform:skewY(40deg) translateY(10px)}to{-webkit-transform:skewY(40deg) translateY(-66px);transform:skewY(40deg) translateY(-66px)}}@keyframes phone-shimmer{0%{-webkit-transform:skewY(40deg) translateY(-66px);transform:skewY(40deg) translateY(-66px)}50%{-webkit-transform:skewY(40deg) translateY(10px);transform:skewY(40deg) translateY(10px)}to{-webkit-transform:skewY(40deg) translateY(-66px);transform:skewY(40deg) translateY(-66px)}}